Charting library recommendations?

This page summarizes the projects mentioned and recommended in the original post on /r/Frontend

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • visx

    🐯 visx | visualization components

  • visx – Describes itself explicitly as "Not a charting library". It basically requires you to build your own charts, which makes it powerful, but also cumbersome to use.

  • Chart.js

    Simple HTML5 Charts using the <canvas> tag

  • ChartJS with react-chartjs-2 – My first choice, since we've been using ChartJS for another project, although with a custom developed React wrapper. Ultimately I decided against it, because a React-native solution seemed to be a better alternative.

  • SurveyJS

    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.

    SurveyJS logo
  • react-vis

    Discontinued Data Visualization Components

  • React-Vis – Last commit was in July 2020, so it looks to be a dead project.

  • react-chartjs-2

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

  • ChartJS with react-chartjs-2 – My first choice, since we've been using ChartJS for another project, although with a custom developed React wrapper. Ultimately I decided against it, because a React-native solution seemed to be a better alternative.

  • recharts

    Redefined chart library built with React and D3

  • Recharts – The most popular React charting library. A strong contender, but in the end, nivo seemed to have a better developer experience and a larger number of chart types.

  • victory

    A collection of composable React components for building interactive data visualizations

  • Victory – Another strong contender, but the amount of included charts looked to be limited.

  • highcharts-react

    The official Highcharts supported wrapper for React

  • I prefer Highcharts it's really easy to us JS library drop into a project and they have a react.js wrapper on github really easy to use documentation is clear cut and simple. As a Jr. Dev I figured it out in a day. Just note the charts handle data a little differently more like an object so just be careful with how you pull the data from the backend to the front. Oh and if you run into slow render time it's no the data it's usually the drawing of the chart that eats up load time but it's easy to fix.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • Highcharts JS

    Highcharts JS, the JavaScript charting framework

  • I prefer Highcharts it's really easy to us JS library drop into a project and they have a react.js wrapper on github really easy to use documentation is clear cut and simple. As a Jr. Dev I figured it out in a day. Just note the charts handle data a little differently more like an object so just be careful with how you pull the data from the backend to the front. Oh and if you run into slow render time it's no the data it's usually the drawing of the chart that eats up load time but it's easy to fix.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts