These are the exercises made in the Data Visualisation course of the Ecole polytechnique (Palaiseau, France) for the year 2018 - 2019.
Throughout the exercises, the purpose is to discover technics and stakes of data visualisation.
| TD | Date | Description | Technology discovered |
|---|---|---|---|
| 1 | 17 Sept. 2018 | Illustration of the visual pop out effect. | JavaScript and DOM manipulation |
| 2 | 24 Sept. 2018 | Analysis of data from discovered planets to find a correlation between the planet mass and its star mass. | D3.js to display data |
| 3 | 1 Oct. 2018 | Analysis of the same data from discovered planets. Dynamic plot with scale and sample options. Additional displays to analyze planet masses distribution and the use of detection method over time. | Vega & Vega-lite |
| 4 | 8 Oct. 2018 | Graph Visualization: force directed layout (simulating physical forces of repulsion between nodes and attraction thanks to links). Illustration of the method on airports and flights data. | d3-force |
| 4b | 8 Oct. 2018 | Graph Visualization: hierarchical edge bundling. | D3.js cluster |
| 5 | 15 Oct. 2018 | Treemap Visualization: Treemap display of the general government expenditure breakdown by their main socio-economic function (according to the Classification of the Functions of Government - COFOG). | d3.treemap |
| 5b | 15 Oct. 2018 | Tree Visualization: Circular tree display of the COFOG data. | d3.tree |
| 6a | 5 Nov. 2018 | Time series: Time-to-space visualization (line plot) of the Case Shriller index of several US cities based on this data. | Vega |
| 6b | 5 Nov. 2018 | Time series: Color map visualization (with diverging color scale) of the Case Shriller index of several US cities based on this data. | d3.js |
| 7 | 12 Nov. 2018 | Animation of the colormap built in the TD6 on the Case Shriller index of several US cities based on this data. | d3.js transition |
| 8a | 19 Nov. 2018 | Geographical information: visualisation of the US airports information. | Vega |
| 8b | 19 Nov. 2018 | Geographical information: visualisation of the drinking water sources quality information. | d3.js - geojson format |
| 9 | 26 Nov. 2018 | Display real-time flight information based on the OpenSky REST API. | d3.js - Vega |
Romain Fouilland, 2018