login/register

Snip!t from collection of Alan Dix

see all channels for Alan Dix

Snip
summary

D3 allows you to bind arbitrary data to a Document Objec... then apply data-driven transformations to the document. ... example, you can use D3 to generate a basic HTML table f... numbers. Or, use the same data to create an interactive ...
D3 is not a

d3.js
http://mbostock.github.com/d3/

Categories

/Channels/techie/JavaScript

[ go to category ]

/Channels/visualisation

[ go to category ]

For Snip

loading snip actions ...

For Page

loading url actions ...

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.

D3 is not a traditional visualization framework. Rather than provide a monolithic system with all the features anyone may ever need, D3 solves only the crux of the problem: efficient manipulation of documents based on data. This gives D3 extraordinary flexibility, exposing the full capabilities of underlying technologies such as CSS3, HTML5 and SVG. It avoids learning a new intermediate proprietary representation. With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic behaviors for interaction and animation. And, for those common needs, D3’s functional style allows code reuse through a diverse collection of optional modules.

HTML

<p>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.</p> <p>D3 is not a traditional visualization framework. Rather than provide a monolithic system with all the features anyone may ever need, D3 solves only the crux of the problem: efficient manipulation of documents based on data. This gives D3 extraordinary flexibility, exposing the full capabilities of underlying technologies such as <a href="http://www.w3.org/Style/CSS/current-work">CSS3</a>, <a href="http://www.w3.org/TR/html5/">HTML5</a> and <a href="http://www.w3.org/TR/SVG/">SVG</a>. It avoids learning a new intermediate proprietary representation. With minimal overhead, D3 is extremely fast, supporting large datasets and dynamic behaviors for interaction and animation. And, for those common needs, D3&#x2019;s functional style allows code reuse through a diverse collection of optional modules.</p>