The Top 6 ReactJS Chart Libraries for Data Visualization

• react-chartjs-2

  36 6,394 3.5 TypeScript

  React components for Chart.js, the most popular charting library

  

React ChartJs 2 is a wrapper for the Chart.js library, which is a Javascript chart library used to build chart components with the HTML5 canvas element. In addition, Chart.js features can be used in React ChartJs 2. To get the most out of React ChartJs 2, you need to be familiar with Chart.js docs.

• react-vis

  21 8,373 2.9 JavaScript

  Discontinued Data Visualization Components

  

React Vis is a visualization library built by Uber. It is an easy-to-use library that offers components that render data visualization charts including line, area, bar, pie, or donut charts as well as heat maps, hexagon heatmaps, sunbursts, radar charts, scatterplots, contour plots, parallel coordinates, and tree maps.

• 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.

  

• victory

  24 10,779 9.1 TypeScript

  A collection of composable React components for building interactive data visualizations

  

Victory is a ReactJS and React Native chart library created by Formidable. It's based on ReactJS and D3, and comes with a slew of fully configurable charts pre-installed.

• visx

  51 18,787 7.1 TypeScript

  🐯 visx | visualization components

  

Visx is a data visualization library developed by Airbnb. This is not a charting library, but rather a tool that combines the capabilities of D3 and ReactJS, allowing you to use visualization primitives to build your own charting 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 built on D3 and provides a variety of templates for data visualization and presentation. It is one of the few libraries that provide server-side rendering ability and fully declarative charts.

• recharts

  36 22,680 9.7 TypeScript

  Redefined chart library built with React and D3

  

Rechart averages 1,100,000+ weekly downloads, 18.8k stars and 1.4k forks on Github.

• Chart.js

  184 63,503 7.8 JavaScript

  Simple HTML5 Charts using the <canvas> tag

  

React ChartJs 2 is a wrapper for the Chart.js library, which is a Javascript chart library used to build chart components with the HTML5 canvas element. In addition, Chart.js features can be used in React ChartJs 2. To get the most out of React ChartJs 2, you need to be familiar with Chart.js docs.

• 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.

  

• Puts Debuggerer

  3,158 91 3.5 Ruby

  Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

This article contains a list of the top 6 ReactJS chart libraries, arranged in order of highest weekly downloads according to NPM Trends. The number of forks and stars on Github of each library are also highlighted.

Suggest a related project