Introduction

Added interactions to the standard radial tree graph in D3.js.

This is a D3.js radial tree graph that I expanded on by implementing node based interactions.

D3.js Visualization

Role

Using D3.js and the in-built radial tree visualizing function, the original graph displayed a json file of nested hierarchical data.

I restyled the graph visually and implemented interactions where the branches were made open and close to reveal or hide their children. The graph also dynamically assesses its current size and scales to the frame accordingly.

Project Outcomes

I got to learn about a more interesting type of graph than the typical bar graph visualizations which can be very detailed and finicky on their own.

This specific project really opened my eyes to the possibilities with D3.js and how to work with, process and present hierarchical data.