Observable: D3 gallery
Observable
The official gallery of D3 examples, each one a live notebook you can edit and fork, alongside notebooks from the wider community.
What you will find
- Hundreds of D3 examples, from bar charts to force-directed graphs and chord diagrams
- Live notebooks: change a line of code and the chart redraws
- Examples of Observable Plot for quick exploratory charts
What we can learn from it
- 01Editing a working example teaches what each part of a chart does
- 02Many custom charts begin as a fork of a gallery example
Chart types you will meet there
Network graph
Nodes and the links between them, laid out so connected things sit close together.
Chord diagram
Shows two-way flows between a set of groups arranged around a circle.
Sunburst chart
Concentric rings show a hierarchy from the centre outwards, each arc sized by value.
Sankey diagram
Flows between stages drawn as bands whose width is proportional to volume.
Similar sites
The R Graph Gallery
Hundreds of charts made with R, most of them with ggplot2, each shown next to the code that draws it. A sister site covers Python.
FlowingData
Nathan Yau’s site on visualization and statistics: his own charts, a roundup of good work elsewhere, and tutorials on how to make them.
The Pudding
A digital publication of visual essays that explain ideas debated in culture, from music and film to language and the internet.