SPA Conference session: Data Visualisations in JavaScript

One-line description:Using JavaScript visualisations to answer different questions about data
Session format: Workshop (150 mins) [read about the different session types]
Abstract:The aim of this workshop is to learn different ways of using JavaScript visualisations to interrogate data.

The data we will be using for the workshop is a real work log of a development team, covering about three years.

I will demonstrate the creation of three visualisations to answer three different questions about the data, and then set you a task to answer a fourth question. You can use one of the libraries or methods we have demonstrated, or come up with your own solution.

The diagrams I am going to demonstrate are:

A sunburst diagram of time spent by project, using JIT
A nightingale chart of the proportion of time spent on features, bugs etc, using Raphael
A stacked bar chart of the cumulative features and bugs, using d3

More details about the data we are using can be found here:
Audience background:Aimed at anyone interested in learning some tools for creating JS visualisations. A very basic grasp of JavaScript will suffice, though participants with more experience very welcome. Exercises will probably be in pairs or small groups. A text editor and a browser is all you need.
Benefits of participating:An overview of how to use the libraries and tools we've covered, a chance to try them out, and working code for all the examples.
Materials provided:Code
Process:I will demonstrate the three visualisations and then your task will be to create a fourth.
Detailed timetable:Approximate timings are below.

00:00-00:10 Introduction
00:10-00:20 Demonstration of Visualisation 1
00:20-00:30 Demonstration of Visualisation 2
00:30-00:40 Demonstration of Visualisation 3
00:40-00:50 Explanation of task for Visualisation 4
00:50-01:10 Break
01:10-01:50 Working through Visualisation 4 in small groups/pairs
01:50-02:10 Show and tell

(20 mins shuffle time)
Outputs:Summary of pros and cons of different libraries, and also a summary of some key points about visualisations, which ones to choose for what, which ones to avoid in general.

Working code for all the demonstrations.
1. Anna Shipman
Government Digital Service
2. 3.