JavaScript Charts

Open-source JavaScript projects categorized as Charts | Edit details

Top 20 JavaScript Chart Projects

  • GitHub repo plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: Using Plotly in React to build dynamic charts and graphs | dev.to | 2021-10-08

    This article taught you how to build charts, graphs, and dynamic plots with Plotly. You can learn more about Plotly in their official documentation here. If you have any questions, don't hesitate to contact me on Twitter at @LordChuks3.

  • GitHub repo apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    Project mention: Looking for recommendations on libraries/frameworks to visualize data | reddit.com/r/webdev | 2021-07-20

    ApexCharts: works like a charm for ~100 datapoints, but not usable at 10,000 or more, since it is SVG-based and floods the DOM with elements.

  • Syncfusion

    Build stunning web applications quickly using Syncfusion JavaScript UI controls.. The Syncfusion JavaScript suite offers more than 65 cross-platform, responsive, and lightweight JS/HTML5 UI controls for building modern web applications.

  • GitHub repo victory

    A collection of composable React components for building interactive data visualizations

    Project mention: Top 5 React chart libraries | dev.to | 2021-09-24

    Like many other React chart libraries on the list, Victory was built with React and D3. It comes with a wide variety of charts out of the box that are fully customizable.

  • GitHub repo Umami

    Umami is a simple, fast, website analytics alternative to Google Analytics.

    Project mention: Follow Your Website Analitycs With Umami | dev.to | 2021-10-17

    First, you need to fork the Umamy repository on GitHub.

  • GitHub repo uPlot

    📈 A small, fast chart for time series, lines, areas, ohlc & bars

    Project mention: [task] Program uplot support into node-red-dashboard (javascript) | reddit.com/r/slavelabour | 2021-07-24

    The existing node red chart tools is not great. I'd like to be able to use uplot instead. The uplot-charts node should work very much like that charts node built into node-red-dashboard.

  • GitHub repo rickshaw

    JavaScript toolkit for creating interactive real-time graphs

  • GitHub repo primereact

    The Most Complete React UI Component Library

    Project mention: ⚛️ 25+ Top React UI Component Library. | dev.to | 2021-08-03

    18. PrimeReact

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo react-native-svg-charts

    📈 One library to rule all charts for React Native 📊

    Project mention: I am really struggling to contribute to GitHub repositories. What approaches do you guys take when contributing to repositories? | reddit.com/r/webdev | 2021-10-07

    JesperLekland/react-native-svg-charts: 📈 One library to rule all charts for React Native 📊 (github.com)

  • GitHub repo victory-native

    victory components for react native

    Project mention: Understanding front-end data visualization tools ecosystem in 2021 📊📈 | dev.to | 2021-02-18

    Built by Formidable Labs, a company behind such tools as urqls and Spectacle. Provides an opinionated, but fully overridable React components to use both in web and mobile (victory-native).

  • GitHub repo trading-vue-js

    💹 Hackable charting lib for traders. You can draw literally ANYTHING on top of candlestick charts. [Not Maintained]

    Project mention: What's the best free open source react interactive stock charting library? | reddit.com/r/react | 2021-03-23

    I'm searching for if there's a powerful react charting library like this one in Vue. https://github.com/tvjsx/trading-vue-js to allow users to have a good charting experience like Tradingview.com

  • GitHub repo react-native-animated-charts

    Set of components and helpers for building complex and beautifully animated charts

    Project mention: Anyone has experience with react-reanimated that can help me out? | reddit.com/r/reactnative | 2021-04-29

    I am using this library to render chart. It also provides ChartLabelX and ChartLabelY components that render X and Y coordinates of a moveable dot. However, I cannot render these components above the graph (it make a moveable dot out of sync with the graph curve itself). However, these components pass a reanimated worklet as one of the props. So, I was wondering if we could get these value from the worklet and set as a global state? Does anyone have experience with React Reanimated worklets or has used this library that can help me with this?

  • GitHub repo Chartbrew

    Open-source web platform for creating charts out of different data sources (databases and APIs) 📈📊

    Project mention: Show HN: Open-Source multi-dashboarding platform for teams and client reporting | news.ycombinator.com | 2021-09-01

    One use-case that the platform is being used for is for B2B SaaS businesses to offer their analytics through Chartbrew. So it is possible and there are people already using it like this.

    Or if you're wondering if you can offer the analytics platform by itself as a SaaS, I built a SaaS layer on top of it here: https://chartbrew.com

  • GitHub repo AnyChart

    AnyChart is a lightweight and robust JavaScript charting solution with great API and documentation. The chart types and unique features are numerous, the library works easily with any development stack.

    Project mention: Widely Used Data Display and Analysis Libraries | dev.to | 2021-10-07

    GitHub Stars: 297(github.com)

  • GitHub repo bitcoin-chart-cli

    Bitcoin chart for the terminal as command line util

    Project mention: Composite output, a CRT and a bit of Blade Runner | reddit.com/r/raspberry_pi | 2020-12-31

    Sure! - github repo for bitcoin-chart-cli price tool - graphics by OTARI - youtube video

  • GitHub repo Vizzu

    Library for animated data visualizations and data stories.

    Project mention: [OC] Revenue by Music Format 1973-2020 - Bar Chart Race with a Twist | reddit.com/r/dataisbeautiful | 2021-10-21
  • GitHub repo react-fusioncharts-component

    ReactJS component for FusionCharts JavaScript Charting library.

    Project mention: Top 30 Open Source And Paid React Charts + Examples | dev.to | 2021-06-02

    Rating: 74 stars on GitHub

  • GitHub repo vue3-chartjs

    Vue3 wrapper for ChartJS

    Project mention: Charts in Vue3 | reddit.com/r/vuejs | 2021-05-11

    I used this and it worked well for me https://github.com/J-T-McC/vue3-chartjs

  • GitHub repo fusioncharts-dist

    FusionCharts JavaScript Charting library. Over 95+ charts and 1,400+ maps to choose from, with integrations available for all popular JavaScript frameworks & back-end programming languages.

    Project mention: Your Guide to Creating a Warehouse-First Data Analytics Stack | dev.to | 2021-10-13

    FusionCharts is a popular JavaScript-based visualization tool. One feature contributing to FusionCharts' popularity is that instead of starting each new visualization from scratch, you can use various "live" example templates by simply putting in your datasets.

  • GitHub repo cli-crypto-charts

    View cryptocurrency charts in your terminal

    Project mention: Daily General Discussion - February 10, 2021 | reddit.com/r/ethfinance | 2021-02-10

    CLI Crypto Charts - https://imgur.com/a/rXA5KtE

  • GitHub repo o-fish-web

    Web application for the Officer's Fishery Information Sharing Hub (O-FISH). The web app allows agencies to gain insights from the aggregated information gathered during a routine vessel inspection (submitted via the web app).

    Project mention: New article on the Realm data model for WildAid's O-FISH apps | reddit.com/r/swift | 2021-03-31

    MongoDB partnered with the WildAid Marine Protection Program to create these mobile apps for officers to use while out at sea patrolling Marine Protected Areas (MPAs) worldwide. We implemented apps for iOS, Android, and web, where they all share the same Realm back end, schema, and sync strategy.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-10-21.

Index

What are some of the best open-source Chart projects in JavaScript? This list will help you:

Project Stars
1 plotly.js 14,054
2 apexcharts.js 10,791
3 victory 9,142
4 Umami 8,829
5 uPlot 6,660
6 rickshaw 6,500
7 primereact 2,278
8 react-native-svg-charts 2,037
9 victory-native 2,005
10 trading-vue-js 1,337
11 react-native-animated-charts 608
12 Chartbrew 574
13 AnyChart 304
14 bitcoin-chart-cli 252
15 Vizzu 141
16 react-fusioncharts-component 80
17 vue3-chartjs 68
18 fusioncharts-dist 60
19 cli-crypto-charts 29
20 o-fish-web 26
Find remote jobs at our new job board 99remotejobs.com. There are 37 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Scout APM: A developer's best friend. Try free for 14-days
Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
scoutapm.com