JavaScript Charts

Open-source JavaScript projects categorized as Charts Edit details

Top 23 JavaScript Chart Projects

  • d3

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

    Project mention: Build gorgeous flow diagrams with Svelvet | dev.to | 2022-08-11

    Svelvet is a lightweight component library for rendering interactive node-based flow diagrams in Svelte. The library uses a graph-based editor for transforming, analyzing, and visualizing data. It also utilizes D3.js zoom and selection components to deliver a smooth zooming and panning behavior on the graph.

  • plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: [OC] Inflation as a function of growth since 1961 | reddit.com/r/dataisbeautiful | 2022-06-05
  • 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!

  • Umami

    Umami is a simple, fast, privacy-focused alternative to Google Analytics.

    Project mention: How to Self Host your own Website Analytics With Umami | dev.to | 2022-08-14

    Lately, I was looking for an analytics solution for my portfolio website and some of the people suggested google analytics, but I wanted full control of my website analytics and easy-to-understand metrics with the simple friendly dashboard. So, I started searching for google analytics alternatives and I found a few interesting ones like plausible.io and umami.is.

  • apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    Project mention: 10+ JavaScript Chart Library you must use.📊 | dev.to | 2022-06-27

    ApexCharts.Js (Free)

  • victory

    A collection of composable React components for building interactive data visualizations

    Project mention: What is the best way to make a chart in react 18 ? | reddit.com/r/reactjs | 2022-05-20

    Victory is great, it doesn't officially support React 18 yet, you'll get warnings because the peer version is still looking for React 17, but it shouldn't be an issue if you force install. It's really just that the tests won't work with React 18, but it should be fine to use it in your project.

  • uPlot

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

    Project mention: Graphing Libraries that are as good as Excel? | reddit.com/r/csharp | 2022-08-11
  • rickshaw

    JavaScript toolkit for creating interactive real-time graphs

  • SonarLint

    Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

  • react-native-svg-charts

    📈 One library to rule all charts for React Native 📊

    Project mention: Which is the best library for graph? | reddit.com/r/reactnative | 2022-08-07
  • trading-vue-js

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

  • react-d3-components

    D3 Components for React

    Project mention: React Chart - Display data in charts | dev.to | 2021-12-08

    react-d3-components - D3 Components for React.

  • Vizzu

    Library for animated data visualizations and data stories.

    Project mention: Show HN: CodeViz – OSS for source code stats w. interactive charts in VS Code | news.ycombinator.com | 2022-04-10

    We built this little open-source tool that automatically visualizes the contents of a software project in Visual Studio Code. We think it's a good example of what our open-source viz library Vizzu (https://github.com/vizzuhq/vizzu-lib) can be used for.

    Key features of CodeViz Stat:

  • react-native-animated-charts

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

    Project mention: has anyone managed to make @rainbow-me/animated-charts on bare React Native CLI and android? | reddit.com/r/reactnative | 2021-12-21

    I'm using react native CLI and testing on android. I followed precisely installation instructions on both the rainbow repo and the reanimated 2 docs. I tried with a simple chart like the example in the read me. At first i got an error saying the module "react-native-gesture-handler" couldn't be found. Which,made sense since i hadn't i installed it, but no one told me it was necessary for this to work. After installing it, i got another error regarding SVG. Again, no one told me but i installed "react-native-svg" and the error was gone. Only for it to be replaced by a crash when i opened chart screen. Before crashing, sometimes i could see a glimpse of an error message: "rngesturehandlermodule.attach gesture handler got 2 arguments expected 3". Finally, i changed the version of "react-native-gesture-handler" from 2.x.x to 1.8.0 and the app doesn't crashes anymore or show any error. But still, it's really buggy and the charts does not appaear most of the time, not to mention i can't interact with it.

  • Chartbrew

    Open-source web platform used to create live reporting dashboards from APIs, MongoDB, Firestore, MySQL, PostgreSQL, and more 📈📊

    Project mention: I made a self watering system with Raspberry Pi 3, Azure and .NET 🪴 | reddit.com/r/raspberry_pi | 2022-03-01

    I did the same thing with Google Firebase for my herb garden! Also, if you want to chart data, Chartbrew is a great tool. I plan on doing this with a hanging drip wall as soon as my area has spring plants to buy!

  • reactochart

    :chart_with_upwards_trend: React chart component library :chart_with_downwards_trend:

    Project mention: Reactochart Library: A chart Library of React.js | dev.to | 2022-04-02

    Site URL: https://www.spotify.com/us/ Developer: https://github.com/spotify/reactochart Framework: ReactJS Library: Reactochart Live Demo:

  • cxjs

    CxJS - Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.

    Project mention: Cool & useful JavaScript libraries | dev.to | 2022-07-11

    CxJS : advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.

  • 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: How to Make Timeline Chart (in JS) | dev.to | 2022-08-04

    In this tutorial, I will be using AnyChart JS Charts, a robust JavaScript charting library with vast out-of-the-box capabilities that make it easy to quickly visualize data in dozens of chart types including timelines.

  • bitcoin-chart-cli

    Bitcoin chart for the terminal as command line util

  • keen-dataviz.js

    Data Visualization Charting Library

    Project mention: 25 the Best Javascript Data Visualization Libraries in 2022 | dev.to | 2022-03-09
  • plain-free-bootstrap-admin-template

    Free Bootstrap 5 Admin and Dashboard Template that comes with all essential dashboard components, elements, charts, graph and application pages. Download now for free and use with personal or commercial projects.

    Project mention: Open Source Bootstrap 5 Admin Templates | reddit.com/r/bootstrap | 2022-07-22

    PlainAdmin – Free Bootstrap 5 Dashboard Template

  • helm-nifi

    Helm Chart for Apache Nifi

    Project mention: Nifi on EKS CLUSTER | reddit.com/r/kubernetes | 2021-09-29

    I don't have experience of Nifi, but I'd say your best option is either the operator: https://github.com/Orange-OpenSource/nifikop or the helm chart: https://github.com/cetic/helm-nifi

  • vue3-chartjs

    Vue3 wrapper for ChartJS

    Project mention: vue3-chartjs VS trading-charts - a user suggested alternative | libhunt.com/r/vue3-chartjs | 2022-02-08
  • react-fusioncharts-component

    ReactJS component for FusionCharts JavaScript Charting library.

  • 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: 10+ JavaScript Chart Library you must use.📊 | dev.to | 2022-06-27

    FusionCharts (Premium)

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 2022-08-14.

JavaScript Charts related posts

Index

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

Project Stars
1 d3 102,307
2 plotly.js 14,907
3 Umami 12,386
4 apexcharts.js 11,701
5 victory 9,811
6 uPlot 7,237
7 rickshaw 6,514
8 react-native-svg-charts 2,143
9 trading-vue-js 1,656
10 react-d3-components 1,607
11 Vizzu 1,574
12 react-native-animated-charts 790
13 Chartbrew 757
14 reactochart 499
15 cxjs 436
16 AnyChart 334
17 bitcoin-chart-cli 271
18 keen-dataviz.js 220
19 plain-free-bootstrap-admin-template 215
20 helm-nifi 149
21 vue3-chartjs 119
22 react-fusioncharts-component 83
23 fusioncharts-dist 69
Find remote jobs at our new job board 99remotejobs.com. There are 3 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com