The Stanford Visualization Group released a new JavaScript library for visualization earlier this month called D3. It’s a very special product.

I’ve built quite a few apps that required graphing tools – some for Google, some for Redpoint.

What’s the recipe?

Install the gems like imagemagick, some charting library like HighCharts, then build some logic into your middle ware to extract and format data properly both for display in the chart and then for download into a csv. And you end up with basic charts.

Contrast D3. D3 is aesthetically beautiful. But it’s also programmatically elegant. And I quote:

D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.

Just fantastic. JavaScript and HTML5, you’ve come a long way, baby. I can’t wait until my next presentation. I need an excuse to create an interactive treemap.