For my second assignment for the Data Visualisation course with Coursera, I have decided to build an interactive hierarchy tree of the Trade Me categories to display the relationship between different categories. I have used the complete tree with 6,734 nodes and 6,733 edges. To prevent the viewers from being overwhelmed, I have decided to make the tree collapsable, but at the same time allow the users can drill down into the specific sections of the chart as they see fit. This diagram is a directed tree and a hierarchy. Each of the categories can have multiple sub-categories (children elements), but only one parent.

The diagram is built with the help of the fourth version of D3.js. The source code is available below:


%d bloggers like this: