Top 30 Open Source And Paid React Charts + Examples

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Klotho - AWS Cloud-aware infrastructure-from-code toolbox [NEW]
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • Sonar - Write Clean JavaScript Code. Always.
  • visx

    🐯 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

    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

    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

    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

    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

    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

    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

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

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

    Rating: 3.1 stars on GitHub

  • react-fusioncharts-component

    ReactJS component for FusionCharts JavaScript Charting library.

    Rating: 74 stars on GitHub

  • react-material-admin

    ☄️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

    📊 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

    Data Visualization Components

    Rating: 7,7k stars on GitHub

  • react-motion

    A spring that solves your animation problems.

    powered by react-motion animated library,

  • sing-app

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

    Rating: 1.2k stars on GitHub

  • react-google-charts

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

    Rating: 950 stars on GitHub

  • DHTMLX Gantt

    GPL version of Javascript Gantt Chart (by DHTMLX)

    Rating: 655 stars on GitHub

  • InfluxDB

    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.

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