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:
http://www.annashipman.co.uk/jfdi.html#questions-for-data
 
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.
 
History:
 
Presenters
1. Anna Shipman
Government Digital Service
2. 3.