This repository contains examples of D3 visualisations created while following the NYU D3 visualisation coursera course
Simply clone the repository, navigate to one of the folders and open any of the index.html
files in a browser of your choice.
In a folder with a .csv
file,
you will need to start a server.
One simple way to do this is using python:
Navigate to the folder in the command prompt / terminal
and type python -m http.server
.
This should provide a local host link;
open it.
Small D3 examples adapted from the Coursera course. These examples get progressively more complex.
selections
- Simply demonstrations of selections and using
text
andhtml
to alter the selection
- Simply demonstrations of selections and using
adding/removing elements
- Adds and removes elements
changing properties
- Use
attr
andstyle
to change an element's properties
- Use
loading data
- Load and read CSV data
simple svg
- No D3, just simple SVG manipulation
ordinal scales
- Uses
scaleBand
to create an SVG slope chart linking countries to their continents
- Uses
D3 examples not inspired by the Coursera course
simple bar chart
- Inspired by Mike Bostock's "Let's make a bar chart" tutorial