Dev tools · alternatives · 2026
24 alternatives to A gallery of graphs built with React and D3.js
Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!
A gallery of hundreds of graph examples built with React and D3.js, organized by chart type. Each example includes explanations and interactive code sandboxes in CodeSandbox, progressing from simple to complex… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. A gallery of graphs built with React and D3.js launched in 2023; newer entries below may have overtaken it.
- 1
How to use the Plotly.js React component.
2016 · academy.plot.ly · its alternatives →
- 2
Chart.js▲263Simple, clean & engaging charts for designers and developers
2014 · chartjs.org · its alternatives →
- 3
A collection of composable React components for building interactive data visualizations - FormidableLabs/victory
2016 · github.com · its alternatives →
- 4
React D3 Library▲153The easiest way to use D3.js in React
2016 · react-d3-library.github.io · its alternatives →
- 5
Chart.js 2.0▲440Simple, clean & engaging charts for designers & developers.
2016 · chartjs.org · its alternatives →
- 6
Chart.js 4.0▲111Open source JavaScript charting library for the modern web
2022 · github.com · its alternatives →
- 7
Create beautiful JavaScript charts with one line of React - ankane/react-chartkick
2017 · github.com · its alternatives →
- 8
Open source D3.js-based charting and visualization library for data exploration and data analysis
2015 · taucharts.com · its alternatives →
- 9TJ
A JavaScript Library for creating SVG patterns
2015 · riccardoscalco.github.io · its alternatives →
- 10TL
2018 · charts.com · its alternatives →
- 11
2016 · github.com · its alternatives →
- 12CJ
2013 · ankane.github.io · its alternatives →
- 13
Responsive HTML5 charts with 10x performance
2017 · canvasjs.com · its alternatives →
- 14TS
In this blog post, I will cover how to make a sparkline using d3.js . Our final product will look like this: For those who are unfamili...
2016 · dataviztalk.blogspot.com · its alternatives →
- 15
Here's a project I've been working on for a little while now. Ripl is a JS library that provides a unified API for rendering shapes on both canvas and SVG interchangeably. Over the years I've used D3 extensively to create data visualisations so I figured I'd have a go at making my own version with a slightly more modern API and stricter TypeScript support. I am aware there are already libraries that can draw to multiple contexts interchangeably, but I've added a few little niceties to Ripl that (as far as I know) some other libraries don't have such as CSS-like query selectors, DOM-like…
2024 · github.com · its alternatives →
- 16GR
I built this as part of my quest to properly learn data visualization. The code is the easy part! Some lessons learned: - personal verification of the the general truth that pie charts are tough! and the returns are not great for the effort due to people's difficulties perceiving angles - may not use "vanilla" d3 with no React. was difficult to adapt for mobile - the GitHub API provides fairly standardized responses so building dynamic charts wasn't too bad. But when working with streaming data (say Kafka) I can see this getting interesting... schema registry should help but creating a view…
2024 · see-my-repo.netlify.app · its alternatives →
- 17
Rough Charts▲145A responsive react charting library with a hand-drawn style.
2019 · github.com · its alternatives →
- 18
- 19
Recharts▲155A composable charting library built on React components
2016 · recharts.org · its alternatives →
- 20
GitHub Gist: instantly share code, notes, and snippets.
2013 · bl.ocks.org · its alternatives →
- 21
☊ Tool for making node graphs. Inspired by dependency graph. Used mainly for automation services 📈 - aexol-studio/tree
2018 · github.com · its alternatives →
- 22
- 23
This quick eBook will teach you how to make React and d3.js play together in less than an hour.
2015 · leanpub.com · its alternatives →
- 24
Tremor▲112The ReactJS open-source library to build dashboards fast
2023 · tremor.so · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →