Behind the Scenes: The NYT Facebook IPO Graphic(chartsnthings.tumblr.com)

53 pointsby jashkenasvor 14 Jahren6 comments

chartsnthings.tumblr.com

Behind the Scenes: The NYT Facebook IPO Graphic

http://chartsnthings.tumblr.com/post/23348191031/amanda-cox-and-countrymen-chart-the-facebook-i-p-o/

1 comments

teoruizvor 14 Jahren

What's the software used to actually generate the interactive charts? I found it somehow amazing they're not Flash.

I can see a reference in the HTML source code to something called "Stencil".

carbocationvor 14 Jahren

Per jashkenas, they started with d3/svg, but moved to canvas. I'm guessing this is largely bespoke.

https://news.ycombinator.com/item?id=3988556

dylanmcdvor 14 Jahren

It's d3, http://graphics8.nytimes.com/packages/js/newsgraphics/2012/0...

knowtheoryvor 14 Jahren

The new app was originally written with d3 but, by the time of deployment d3 was responsible only for scaling the axes, and the rest of the graphic was built largely around custom code written around canvas elements.

dylanmcdvor 14 Jahren

Ah, I see in carbocation's link now. It just seems odd to say they moved from d3/svg to canvas, because d3 is just a layer on top of canvas (or the dom), and if you look at their source (not chart.js, the minimized source on the website) it's full of calls to d3 still. Maybe more useful to OP to say that it was originally written in d3, then optimized.

alphaoverlordvor 14 Jahren

Looks like protovis, unless they are using different tools for each graphic. http://mbostock.github.com/protovis/ex/pack.html