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. |