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. Learn more →
Top 23 JavaScript Chart Projects
-
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.
-
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.
-
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.
-
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.
-
Project mention: Small and fast 2D canvas chart for time series, lines, areas and bars | news.ycombinator.com | 2023-01-26
-
-
-
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.
-
"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]
-
-
-
-
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-26As 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.
-
-
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.
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.
-
-
-
-
-
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-15I mean I literally made a list of all popular dataviz tools our there: https://awesome.cube.dev. Do they all suck?
-
-
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.
JavaScript Charts related posts
- Creating a more than minor side-project: From planning to release
- Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries
- Building a privacy-friendly, self-hosted application architecture with SvelteKit
- Would Umami be a viable option for SaaS within an e-commerce platform designed for sellers?
- Analytics Solutions?
- [Q] Does anyone know what software is used to make such charts ?
- How to make this kind of dynamic visualisation?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 28 Nov 2023
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 |