Welcome to my site, a 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  unique data visualisation experience for the web.

Below are some samples…


Custom FacebookTopic Chart
VIEW
StackedBarchart
VIEW
BubbleChart
VIEW
LineChart
VIEW
NormalizedStacked Barchart
VIEW
RadarChart
VIEW
PopulationPyramid
VIEW
SankeyDiagram
VIEW

So! Just another graphic library. If you have been broswing the web like everybody does, surely you’ve came across some graphics and data. What make d3.js so special then?

Well, from my own exprience, here are what i can tell :

  1. D3.js graphic can visualize fluctuations/changes of data. For example, you have a population data of a group of people. Every year, your data (people population number) changes. While most of other graphic library will require you to create new graph each year, this is not the case with d3.js : you can simply use one graph to display selectable yearly (or any time period) to display change of all your data.
  2. D3.js is the first graphic library i came across 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 and customize 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 to better understand the data.

Visit the ‘Dataviz Blog’ to read some info about my visualisations and play with the minified version of the visualisations, or just simply go directly to ‘(Full View)’ menus available on the, well, menu to experience the complete visualisations.

Don’t be afraid to 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