Facebook Topic Visualisation

A custom chart attempts to visualize how people react on a facebook topic question. The question asked is : wether or not a web developer should has a very strong understanding about CSS.

The ‘barchart’ part on the left are people who answered, categorized by their ‘stances’, i.e : some really agree, some agree, one disagree, etc. The bubble section on the right visualize people reaction. You can click rightmost legend circle on the right to figure out how many ‘likes’, etc.

Barchart has tooltip when touched/hovered with mouse. ‘Search Participants’ is self-explainatory.

Search Participants

British Monarch Family Tree : Force Directed Graph

Force-directed graph application to visualize british monarch family tree, from Queen Victoria to the current Queen Elizabeth II’s grand-children’s children.

How to use : 

  • Use mouse scroll button for zooming.
  • You can drag the family tree.
  • Use the ‘SEARCH’ function to search any family member.
  • The ‘RESET’ button on the upper-left for reset tree zoom and positioning.
Interactive British Monarch Family Tree screenshot

See this visualization in action, click the Fullwidth View button below,now available for desktop and mobile devices:

Update (Tuesday,9/19/2017) :


  • Since it is already announced, i also add the will be born Baby of Cambridge, the third child of Duke and Duchess of Cambridge to the family tree.
  • A bit of re-touching to the interactivity.

Update  (Friday, 9/22/2017) : Click on Queen Elizabeth II picture node to display succession line to the throne.

Growth Domestic Products of Nations : Bubble-Force Chart

Bubble Chart is easy to understand : it is a chart describing data using bubbles / circle. The radius of the bubble – circle usually reperesents the measurement of the value of data.

Bubble Size by :

Color :

Data By

As a rule of thumb : the smaller the bubble – circle radius, the lesser the data value, the greater the bubble, the larger the value.

This visualization is describing the Growth Domestic Products of various nations around the globe.

Continue reading “Growth Domestic Products of Nations : Bubble-Force Chart”