14.03.2011

Data-Driven Documents

Mike Bostock's JavaScript library D3.js for manipulating documents based on data. 


"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."

Hier noch ein paar Beispiele

  

Beim Voronoi-Diagramm ist vor allem beeindruckend, mit welcher Geschwindigkeit die Polygone beim Darüberfahren mit der Maus neu berechnet werden.

Und noch eine spielerische Anwendung (man kann irgendein Bild als Paramter übergeben, http://koalastothemax.com?<your image url>)



Keine Kommentare: