Have you ever wanted to create your own chart?
Based on hundreds (not yet) of graph examples, this gallery guides you through the basic concepts of data visualization with React and D3.js. It also provides ready-to-use templates to get started quicker.
Stop using pre-made dataviz components → imagination will become the only boundary to your creativity.
The gallery is organized by chart types following the data-to-viz classification. ↓
Correlation
Scatterplot
Heatmap
Correlogram
Bubble
Connected Scatter
2D Density
Distribution
Violin
Density
Histogram
Boxplot
Ridgeline
Ranking
Barplot
Spider / Radar
Wordcloud
Parallel
Lollipop
Circular Barplot
Part Of A Whole
Treemap
Venn Diagram
Donut
Pie Chart
Dendrogram
Circular Packing
Evolution
Line chart
Area chart
Stacked Area
Streamgraph
Timeseries
Map
Map
Choropleth
Hexbin
Cartogram
Connection
Bubble
Flow
Chord Diagram
Network
Sankey
Arc Diagram
Edge Bundling
General Knowledge
All charts
Colors
Interactivity
Animation
Cheat sheets
Caveats
👋 Hey, I'm Yan and I'm currently working on this project!
Feedback is welcome ❤️. You can fill an issue on Github, drop me a message on Twitter, or even send me an email pasting yan.holtz.data
with gmail.com
. Last but not least, subscribe below to know when I publish more content!