9 ms·

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/02/13/us/politics/

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/02/13/us/politics/2013-budget-proposal-graphic.html https://archive.nytimes.com/www.nytimes.com/interactive/2012...

phildenhoff 6y ago
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!
mbostock 6y ago
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.
jugg1es 6y ago
The NYT graphics team kills it every time.
- 7800 6y ago
  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.
  - siddboots 6y ago
    D3 is, in fact, their "something custom". Mike Bostock developed it while working at NYT.
    - jugg1es 6y ago
      I did not know that! That explains a lot!
      - trendoid 6y ago
        It is not true. D3 was built in Stanford in Jeff Heer's lab http://idl.cs.washington.edu/files/2011-D3-InfoVis.pdf http://idl.cs.washington.edu/files/2011-D3-InfoVis.pdf
  - 177tcca 6y ago
    Following this thread.
julienreszka 6y ago
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 https://en.wikipedia.org/wiki/Misleading_graph
- neolog 6y ago
  That link doesn't provide any support for the claim.
  - julienreszka 6y ago
    Comparing pie charts of different sizes could be misleading as people cannot accurately read the comparative area of circles. Just CTRL+F this
runarberg 6y ago
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/ https://husnaedi.gangverd.is/en/
- deleted 6y ago
  [deleted]
koolba 6y ago
I’d love to see that same breakdown for the $1.9T “covid relief” bill in Congress this week.
xwdv 6y ago
Wow, that is an incredible graph. If only more data could be presented so well.
IshKebab 6y ago
Reminds me of Sand dance: https://sanddance.azurewebsites.net/BeachPartyApp/BeachPartyApp.html https://sanddance.azurewebsites.net/BeachPartyApp/BeachParty...

phildenhoff 6y ago

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!

mbostock 6y ago

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.

jugg1es 6y ago

The NYT graphics team kills it every time.

7800 6y ago
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.
- siddboots 6y ago
  D3 is, in fact, their "something custom". Mike Bostock developed it while working at NYT.
  - jugg1es 6y ago
    I did not know that! That explains a lot!
    - trendoid 6y ago
      It is not true. D3 was built in Stanford in Jeff Heer's lab http://idl.cs.washington.edu/files/2011-D3-InfoVis.pdf http://idl.cs.washington.edu/files/2011-D3-InfoVis.pdf
- 177tcca 6y ago
  Following this thread.

julienreszka 6y ago

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 https://en.wikipedia.org/wiki/Misleading_graph

neolog 6y ago
That link doesn't provide any support for the claim.
- julienreszka 6y ago
  Comparing pie charts of different sizes could be misleading as people cannot accurately read the comparative area of circles. Just CTRL+F this

runarberg 6y ago

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/ https://husnaedi.gangverd.is/en/

deleted 6y ago
[deleted]

koolba 6y ago

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

xwdv 6y ago

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

IshKebab 6y ago

Reminds me of Sand dance: https://sanddance.azurewebsites.net/BeachPartyApp/BeachPartyApp.html https://sanddance.azurewebsites.net/BeachPartyApp/BeachParty...