Getting Started with Data Visualization in React using Chart.js

• reaviz

  5 904 9.4 TypeScript

  📊 Data visualization library for React. Maintained by @goodcodeus.

  

REAVIZ

• react-vis

  21 8,373 2.9 JavaScript

  Discontinued Data Visualization Components

  

react-vis

• SurveyJS

  surveyjs.io sponsored

  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.

  

• Chart.js

  183 63,370 8.1 JavaScript

  Simple HTML5 Charts using the <canvas> tag

  

After some experimentation, I found that react-chartjs-2 was the easiest for me to grasp. react-chartjs-2 is a set of React components for Chart.js.

• react-chartjs-2

  36 6,381 3.9 TypeScript

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

  

react-chartjs-2

• d3

  277 107,634 8.0 Shell

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

  

I recently developed a CRUD application with React, and one of the unique features I wanted to add was a way to visualize the data used in the application as a line chart and bar chart. In my research, I found that there are several libraries specifically designed for React to accomplish this instead of directly using D3.js . Some of the libraries I considered include:

• InfluxDB

  www.influxdata.com sponsored

  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.

  

Suggest a related project