Data Visualization

Getting started with D3

Here is a simple example of a D3 bar chart that performs updates and transistions, based on the data in the underlying array (Mike Bostock provides a great guide to the general update pattern here). I will expand this as a tutorial on getting started with D3 shortly.

Actions: (Update values) -- (Add element) -- (Remove element)

Source code available on GitHub

Radial plots in D3

Here is another example of plotting data using a radial plot. In particular, the plot was designed to represent colour-coded sub-sections, and also to show a general score for each section (currently, this is set as the lowest value in the sub-section - could also imagine using the mean or median instead). The plot loads with random data on page refresh - play around and see how it changes.