Top 30 Open Source And Paid React Charts + Examples

• visx

  19 16,592 9.2 TypeScript

  🐯 visx | visualization components

  

  Visx is a set of low-level visualization primitives for React from Airbnb company with 13k on GitHub. If you find all three previous libraries not suited for your use-case, go to Visx and built your own React chart using well-tested primitives that Airbnb offers.

• d3

  100 104,190 7.5 JavaScript

  Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

  

  Another thing you need to know: most of the libraries depend on d3.js. D3 is a popular JavaScript library with 90k stars on GitHub for visualizing data using Canvas, SVG, and Html. It’s a library with huge Dev activity, plenty of videos, tutorials, books, etc. It stems from a low-level approach and gives the developers freedom to create their own charts. For what is this information?

• Klotho

  klo.dev

  sponsored

  AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

  

• recharts

  13 19,595 9.0 TypeScript

  Redefined chart library built with React and D3

  

  Recharts is a charting library built on React components with 16 k on GitHub. It doesn’t offer a great variety of chart types, however, it contains main chart types like pie, bar, line charts which are highly customizable and go with a lot of well-tested features.

• victory

  9 10,143 9.8 JavaScript

  A collection of composable React components for building interactive data visualizations

  

  Victory is a collection of components for charting and data visualization with 8.8k on GitHub. It contains 25 types of charts that you can easily customize and integrate with your app. The options to fine-tune the design are also great. If the amount of charts in Recharts library doesn’t satisfy you, visit the website of this library.

• nivo

  16 10,986 7.7 TypeScript

  nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

  Nivo is a popular React charts library with full components for data visualization. It offers more than 50 types of charts with comprehensive documentation for every type. The number of stars on GitHub is 8.5 k.

• Chart.js

  71 59,603 9.5 JavaScript

  Simple HTML5 Charts using the <canvas> tag

  

  A nice-looking well-coded pie chart with a transparent design and simple interface without redundant functions. The chart is a part of the react-char.js library. It is a wrapper for HTML5-based library chart.js with 53 k on GitHub.

• echarts

  6 53,968 9.6 TypeScript

  Apache ECharts is a powerful, interactive charting and data visualization library for browser

  

  That chart goes with the Echarts library. It is a React wrapper for Apache Echart, an open-sourced JavaScript visualization tool with 45k stars on GitHub.

• Appwrite

  appwrite.io

  sponsored

  Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  

• echarts-for-react

  1 3,913 2.7 TypeScript

  ⛳️ Apache ECharts components for React wrapper. 一个简单的 Apache echarts 的 React 封装。

  Rating: 3.1 stars on GitHub

• react-fusioncharts-component

  0 85 5.7 JavaScript

  ReactJS component for FusionCharts JavaScript Charting library.

  

  Rating: 74 stars on GitHub

• react-material-admin

  1 1,435 0.0 JavaScript

  ☄️React Material Admin is a React template built with Material-UI

  

  Rating: 1k stars on GitHub for a limited free version of the template

• apexcharts.js

  15 12,193 9.4 JavaScript

  📊 Interactive JavaScript Charts built on SVG

  

  A great example of an interactive area chart that goes with an open-source tool React-ApexCharts. It is a wrapper for the very popular JavaScript charting library ApexCharts with more than 10 k stars on GitHub.

• react-vis

  6 8,373 2.9 JavaScript

  Data Visualization Components

  

  Rating: 7,7k stars on GitHub

• react-motion

  5 21,338 0.0 JavaScript

  A spring that solves your animation problems.

  powered by react-motion animated library,

• sing-app

  0 1,256 0.0 Handlebars

  💥Free and open-source admin dashboard template built with Bootstrap 4.5 💥

  

  Rating: 1.2k stars on GitHub

• react-google-charts

  3 1,362 7.6 TypeScript

  A thin, typed, React wrapper over Google Charts Visualization and Charts API.

  Rating: 950 stars on GitHub

• DHTMLX Gantt

  6 956 3.3 JavaScript

  GPL version of Javascript Gantt Chart (by DHTMLX)

  

  Rating: 655 stars on GitHub

• InfluxDB

  www.influxdata.com

  sponsored

  Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  

Suggest a related project