The D3.js

Image

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.

Distribution

Image
Violin
Image
Density
Image
Histogram
Image
Boxplot
Image
Ridgeline

Correlation

Image
Scatter
Image
Heatmap
Image
Correlogram
Image
Bubble
Image
Connected scatter
Image
Density 2d

Ranking

Image
Barplot
Image
Spider / Radar
Image
Wordcloud
Image
Parallel
Image
Lollipop
Image
Circular Barplot

Part of a whole

Image
Treemap
Image
Doughnut
Image
Pie chart
Image
Dendrogram
Image
Circular packing

Evolution

Image
Line plot
Image
Area
Image
Stacked area
Image
Streamchart

Map

Image
Map
Image
Choropleth
Image
Hexbin map
Image
Cartogram
Image
Connection
Image
Bubble map

Flow

Image
Chord diagram
Image
Network
Image
Sankey
Image
Arc diagram
Image
Edge bundling

General knowledge

Image
Basics
Image
Custom
Image
Interactivity
Image
Shape helpers
Image
Caveats
Image
Data art