The D3.js

Graph Gallery




Welcome to the D3.js graph gallery: a collection of simple charts made with d3.js.
D3.js is a JavaScript library for manipulating documents based on data. This gallery displays hundreds of chart, always providing reproducible & editable source code. If you're new to javascript and web development, this online course is probably the place to start.

Distribution
Violin
Density
Histogram
Boxplot
Ridgeline

Correlation
Scatter
Heatmap
Correlogram
Bubble
Connected scatter
Density 2d

Ranking
Barplot
Spider / Radar
Wordcloud
Parallel
Lollipop
Circular Barplot

Part of a whole
Treemap
Doughnut
Pie chart
Dendrogram
Circular packing

Evolution
Line plot
Area
Stacked area
Streamchart

Map
Map
Choropleth
Hexbin map
Cartogram
Connection
Bubble map

Flow
Chord diagram
Network
Sankey
Arc diagram
Edge bundling

General knowledge

Basics
Custom
Interactivity
Shape helpers
Caveats
Data art