Top 30 Open Source And Paid React Charts + Examples

• visx

  51 18,746 7.1 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

  277 107,679 8.0 Shell

  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?

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• recharts

  36 22,680 9.7 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

  24 10,779 9.1 TypeScript

  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

  35 12,665 8.2 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

  184 63,503 7.8 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

  18 59,022 8.7 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.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• echarts-for-react

  6 4,364 3.1 TypeScript

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

Rating: 3.1 stars on GitHub

• react-fusioncharts-component

  1 92 1.8 JavaScript

  ReactJS component for FusionCharts JavaScript Charting library.

  

Rating: 74 stars on GitHub

• react-material-admin

  4 1,571 2.8 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

  33 13,858 9.3 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

  21 8,373 2.9 JavaScript

  Discontinued Data Visualization Components

  

Rating: 7,7k stars on GitHub

• react-motion

  15 21,652 0.0 JavaScript

  A spring that solves your animation problems.

powered by react-motion animated library,

• sing-app

  2 1,265 0.0 Handlebars

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

  

Rating: 1.2k stars on GitHub

• react-google-charts

  8 1,556 1.8 TypeScript

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

Rating: 950 stars on GitHub

• DHTMLX Gantt

  12 1,320 5.4 JavaScript

  GPL version of Javascript Gantt Chart (by DHTMLX)

  

Rating: 655 stars on GitHub

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

Suggest a related project