The React Graph Gallery


React manipulates the DOM. So does D3.js. It's hard to make them work together. This website is a set of chart examples where d3 is used to compute the viz layout, and React is used for the rendering.

The React Graph Gallery project just started. It is massively work in progress, following some requests of the d3-graph-gallery users. Please consider it as my personal notes.

Distribution

todo

+

Violin

todo

+

Density

todo

+

Histogram

todo

+

Boxplot

todo

+

Ridgeline

Correlation

todo

+

Scatterplot

todo

+

Heatmap

todo

+

Correlogram

todo

+

Bubble

todo

+

Connected Scatter

todo

+

2D Density

Ranking

todo

+

Barplot

todo

+

Spider / Radar

todo

+

Wordcloud

todo

+

Parallel

todo

+

Lollipop

todo

+

Circular Barplot

Part Of A Whole

todo

+

Treemap

todo

+

Venn Diagram

todo

+

Donut

todo

+

Pie Chart

todo

+

Dendrogram

todo

+

Circular Packing

Evolution

todo

+

Line chart

todo

+

Area chart

todo

+

Stacked Area

todo

+

Streamgraph

animation logo

+

Timeseries

Map

todo

+

Map

todo

+

Choropleth

todo

+

Hexbin

todo

+

Cartogram

todo

+

Connection

todo

+

Bubble

Flow

todo

+

Chord Diagram

todo

+

Network

todo

+

Sankey

todo

+

Arc Diagram

todo

+

Edge Bundling

General Knowledge

todo

Colors

todo

Interactivity

animation logo

Animation

todo

Cheat sheets

todo

Caveats

todo

3D

Contact

👋 This document is a work by Yan Holtz. Any feedback is highly encouraged. You can fill an issue on Github, drop me a message on Twitter, or send an email pasting yan.holtz.data with gmail.com.