D3.js practical works

The detailed instructions are on the practical works web page.

step #0 – get familar with d3.js

Reproduce the original visualization of the Anscombe's quartet using d3.js.

step #1 — first visualisations with d3

Build a visualisation of the penguins data set.

FAQ

Q.How should the assignment be delivered?

Please send a zip/tgz (no rar) archive to mailto:blanch@imag.fr with a proper subject. No link to google drive/dropbox, etc.

Q. The data is not loading into my page

A. You have to run a web server, even for local development. To do so, you can use python:

python3 -m http.server

and then go to http://localhost:8000. You can also use node, see the d3.js documentation.

Q. How to handle multiple data sets

A. Read this introduction to data cleaning, manipulation, and wrangling in JavaScript with d3.js.