Seminar 5: Interactive Data Visualization with D3 - Part 2
We will continue with the tutorial on D3, adding interaction to the visualizations created in the previous seminar. You can download the completed version from the previous seminar including the bar chart and heatmap from the study materials.
You can either download the whole project:
or just the javascript/D3 code in the file myD3app.js and replace it in your original project:
Setup notes:
You will need Node.js and npm (Node package manager, which usually comes with Node.js installation) to set up the application with the local server (already installed on school PCs).
- npm install (install dependencies)
- node index.js (start the server)
In the web browser open: localhost:3000
Follow tasks 3-6 in myD3app.js in the project.
Homework
Start working on your project implementation. By the next seminar try to prepare:
- the basic skeleton of your project (e.g., layout with placeholders)
You don't have to submit anything to IS, but be prepared to show your progress next time.