Welcome to my site of small collection of d3.js portofolios. If you are unfamiliar with the term, d3.js is the acronym of Data Driven Document Javascript, a javascript library to build interactive ,engaging, and often interesting and even unique data visualisation experience for the web.
Below are some samples…

Custom FacebookTopic Chart
NormalizedStacked Barchart

So! Just another graphic library for the web. Surely you’ve seen graphics on the web a few times, by now. What’s make d3.js so special then? From what i can gather of my experiences building d3 graphics and visualisations , here are what i can tell :

  1. D3.js graphic can visualize changes and fluctuations of data. For example, you have a population data of a group of people. The next year, your data change, naturally, and the next year, and so on. While most of other graphic library will require you to create new graph for every year data, this is not the case with d3.js : you can simply use one graph to display selectable yearly change of all your data.
  2. Maybe not much, but d3.js is the first graphic library on the web which can do real time sorting function to graphics. This still leaves quite an impression on me from the first time i saw it.
  3. d3.js can draw ALL graphic type, as long as it is a 2D graphic.
  4. A good d3.js programmer can combine different types of graphics to visualize more complex dataset.
  5. d3.js graphic can TRANSFORM from one type to another type of graph whenever necessary.

Visit the ‘Dataviz Blog’ menu above to play around with my d3.js samples. You can choose to read my cheezy articles, or, for the most of it, you can just simply skip them and just play around with the controls available for every interacive graphics. Don’t worry, as they are easy to understand.

Well that is all about it, really. Do enjoy your stay…

Scroll Up