Skip to content
Home

React Graph Gallery

Collection of chart examples built with React and D3.js with code and step-by-step explanations from basics to production-ready templates

The product is a collection of chart examples built with React and D3.js that teaches how to build custom visualizations from basic to production-ready templates, with code and step-by-step explanations for each example. It is for developers and designers learning data visualization, including beginners and individuals building unique charts. It is positioned against charting libraries and direct D3 DOM manipulation by using D3 for math and React for rendering.

Key features

  • Chart examples with code
  • Step-by-step explanations
  • Beginner to production templates
  • React for rendering D3 for math
  • Chart classification by type
  • Scatterplot examples
  • Heatmap examples
  • Violin and density charts
  • Barplot and lollipop charts
  • Treemap and donut charts
  • Line and area charts
  • Map and choropleth charts
  • Chord and network diagrams
  • Animation and interactivity lessons
  • X1.0/day
GTM channels
  • Newsletter
  • Community
ICP
  • Software developers
  • Design teams
  • Students