Example Timelines: There are a host of tools available to visualise your data using timelines. Some of these examples afford different levels of flexibility depending on your needs. Some of the more sophisticated ones include: TimelineJS (http://timeline.knightlab.com) TimeLineCurator (http://bit.ly/2lGTtxw) TimeMapper: (http://timemapper.okfnlabs.org) Chronos Timeline: http://hyperstudio.mit.edu/software/chronos-timeline/   Introduction To D3 D3, created by former New York Times developer Mike Bostock, is an abbreviation for Data Driven Documents. Here is a good example of it in use: https://www.nytimes.com/elections/results/president It began in 2011 as a library of code written in Javascript that enables you to create interactive visualizations in web browsers. Currently in version 4.5, it works by using HTML5 and CSS alongside Scalable Vector Graphics (SVG). D3 allows you to control the result of the representation of your data by giving you the freedom to grab selections of your data and control how it outputs on the browser. Examples of D3 In order to get going with D3, most developers recommend that you ‘dive in’ and use some of the examples that appear on

the http://bl.ocks.org/ website. There are thousands of examples of D3 in use. On this website, developers have displayed their projects, added a description of what they do, and provided code with some sample data. You can re-use this code and add your own data to see how the code works. If you change some of the values in the code, you will be able to see the possibilities you will have for your own visualisations. Here is a quick example of how to get D3 working. First the HTML code: D3 Hello World Then we add script tags inside the code goes here... tags like so: Save this as example.html and upload to your hosting space if you haven't got a server installed on your machine. The result should look like this: Play around with the values defined above to see how D3 changes the output. Next, we'll plot…