Hacker News new | past | comments | ask | show | jobs | submit login

I love D3.js

Here is my favorite example - try click the 4 buttons at the top:

https://archive.nytimes.com/www.nytimes.com/interactive/2012...




That’s also one of my favorite examples, but for sentimental reasons: it was the first time I met Shan Carter, who came to my talk on D3’s force layout. This eventually led to me working for The New York Times, and then some years later, Shan joining me at Observable.


I love this graph. I had just landed my first programming gig in a statistical startup when this was published and I remember how inspired we were at seeing it. It really opened our eyes to how useful animation can be in data visualization. So much so that we started migrating many of the graphs we had in R to D3.

Here is an example of a graph we did where we blatantly ripped off one of mbostock’s other NYTimes graphs:

https://husnaedi.gangverd.is/en/


That’s an amazing example! I’ve had the pleasure of trying out the mapping part of D3 for a client job recently and while it’s been a bit overwhelming, seeing demonstrations like that really show how powerful it is. And, to some extent, why it’s so overwhelming!


I’d love to see that same breakdown for the $1.9T “covid relief” bill in Congress this week.


The NYT graphics team kills it every time.


Which other libraries has NYT used, or do they have something custom?

I’m impressed also with what I’ve seen, but I don’t know what they do.


D3 is, in fact, their "something custom". Mike Bostock developed it while working at NYT.


I did not know that! That explains a lot!


It is not true. D3 was built in Stanford in Jeff Heer's lab

http://idl.cs.washington.edu/files/2011-D3-InfoVis.pdf


Following this thread.



Wow, that is an incredible graph. If only more data could be presented so well.


That's an example of misleading graph. The area of a circle makes proportions hard to assess correctly. https://en.wikipedia.org/wiki/Misleading_graph


That link doesn't provide any support for the claim.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: