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