15 Nov 2012, 09:07

d3.js - a dataviz lib

Introduction

As stated on d3js.org web site :

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

It allows you to create a visualisation of your data in so many ways. You should really check out examples to see what it can do from tag clouds to complex charts but also diagram, etc to appreciate the amazing potential of the lib.

My use case

For an internal project, we need to provide some reporting the tool by itself does not provide. Instread of just providing values in a HTML Table or CSV file for a later manipulation, I decided to generate graphs on this. As some friends of mine played with d3.js and promoted it, it was a good experiment to evaluate it.

Code sample

Not provided here as not anonymised

Alternatives and other resources