JavaScript Charts

Open-source JavaScript projects categorized as Charts
Edit details
Topics: #Data Visualization #React #JavaScript #D3 #Chart
Appwrite - The open-source backend cloud platform
Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
appwrite.io
Sponsored

Top 23 JavaScript Chart Projects

  • Umami

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

    Project mention: Creating a more than minor side-project: From planning to release | dev.to | 2023-08-24

    Think of metrics that will gather good insights for creating more things for the product later and track them using analytics services like umami or others.

  • plotly.js

    Open-source JavaScript charting library behind Plotly and Dash

    Project mention: Using Plotly.js with React | dev.to | 2023-11-17

    In this lesson, we will go through the steps of using Plotly.js in React. Plotly.js is an Open Source Graphing Library. At the end of this lesson, you should be able to do a simple plot with Plotly.js.

  • Appwrite

    Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.

  • apexcharts.js

    📊 Interactive JavaScript Charts built on SVG

    Project mention: Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries | dev.to | 2023-07-31

    ApexCharts is a modern charting library that helps developers to create beautiful and interactive visualizations for web pages. It is an open-source project licensed under MIT and is free to use in commercial applications.

  • victory

    A collection of composable React components for building interactive data visualizations

    Project mention: Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries | dev.to | 2023-07-31

    Victory is a set of modular charting components for React and React Native. Victory makes it easy to get started without sacrificing flexibility. Create one of a kind data visualizations with fully customizable styles and behaviors. Victory uses the same API for web and React Native applications for easy cross-platform charting.

  • uPlot

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

    Project mention: Small and fast 2D canvas chart for time series, lines, areas and bars | news.ycombinator.com | 2023-01-26

  • rickshaw

    JavaScript toolkit for creating interactive real-time graphs

  • joint

    A proven SVG-based JavaScript diagramming library powering exceptional UIs

  • InfluxDB

    Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.

  • react-native-svg-charts

    📈 One library to rule all charts for React Native 📊

    Project mention: [Opinion] best charts @ 2023-02-03 03:22 | /r/product_opinions | 2023-02-03

    "Take your pick: https://github.com/JesperLekland/react-native-svg-charts, https://github.com/margelo/react-native-graph, https://github.com/coinjar/react-native-wagmi-charts, https://www.npmjs.com/package/react-native-chart-kit."

  • Chartbrew

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

    Project mention: Chartbrew – create live reporting dashboards from APIs, MongoDB, Firestore, etc. | /r/hypeurls | 2023-03-03

  • trading-vue-js

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

  • Vizzu

    Library for animated data visualizations and data stories.

  • react-d3-components

    D3 Components for React

  • TradingView-API

    📈 Get real-time stocks from Tradingview

  • react-native-animated-charts

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

    Project mention: Animations for a component inside NativeBase Actionsheet are not animating correctly | /r/reactnative | 2023-04-26

    As you can see in this image, when you change datasets for this line chart, it animates the line graph as it changes it. You can clearly see its a nice and fluid movement. This is exactly how it works for me on a normal blank screen.

  • reactochart

    :chart_with_upwards_trend: React chart component library :chart_with_downwards_trend:

  • cxjs

    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 Create an OHLC Chart in JavaScript | dev.to | 2023-11-20

    Now that the basic HTML structure is in place, it's time to incorporate the JavaScript files necessary for creating our OHLC chart. We can add these to our project in two ways: by downloading and using them locally, or by linking to them through a Content Delivery Network (CDN). For this tutorial, let’s opt for the CDN approach, including links to the essential scripts in the section of our HTML page. We'll use AnyChart JS Charts, and to create an OHLC chart, it’s necessary to include the Core and Stock modules, as well as the Data Adapter one, which will make it easy to load data from a file.

  • bitcoin-chart-cli

    Bitcoin chart for the terminal as command line util

  • svend3r

    Interactive plug and play charting library for Svelte

  • keen-dataviz.js

    Data Visualization Charting Library

  • helm-nifi

    Helm Chart for Apache Nifi

  • awesome-tools

    Open-source list of awesome data visualization tools (e.g., charting libraries) for software developers 📊📈

    Project mention: Chart.js 4.0 — new release of the popular open source charting library | /r/programming | 2022-12-15

    I mean I literally made a list of all popular dataviz tools our there: https://awesome.cube.dev. Do they all suck?

  • vue3-chartjs

    Vue3 wrapper for ChartJS

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

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 2023-11-20.

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 Umami 17,598
2 plotly.js 16,133
3 apexcharts.js 13,421
4 victory 10,595
5 uPlot 8,176
6 rickshaw 6,538
7 joint 4,159
8 react-native-svg-charts 2,285
9 Chartbrew 1,996
10 trading-vue-js 1,947
11 Vizzu 1,803
12 react-d3-components 1,627
13 TradingView-API 964
14 react-native-animated-charts 872
15 reactochart 545
16 cxjs 471
17 AnyChart 362
18 bitcoin-chart-cli 293
19 svend3r 293
20 keen-dataviz.js 222
21 helm-nifi 197
22 awesome-tools 152
23 vue3-chartjs 119

Sponsored
Learn any GitHub repo in 59 seconds
Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
getonboard.dev