Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 JavaScript Chart Projects
-
Hi, I am very new with React Native. I built a smartphone app with Cordova but I want to migrate to Reat Native. My App use and need Leaftlet and Chartjs and I need to find a way to use those feature with my new Reat Native 7.6 and Expo App.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
-
webpack-bundle-analyzer
Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
Analyze Bundle Size: Use tools like webpack-bundle-analyzer to analyze and reduce your JavaScript bundle size. This can help identify large dependencies that may be slowing down your app.
-
-
Thank you and the team for your hard work, and congratulations on the release!
Suggestions for Demos:
1.Charting Libraries Integration
There’s currently a lack of demos showcasing LiveView integrated with powerful charting libraries like Apache ECharts, Plot, Chart.js, etc. A demo of a LiveView-powered dashboard using one of these libraries, connected to a database like SQLite (for simplicity) or DuckDB (for speed and demonstrating integrations beyond Ecto-native DBs), would be fantastic.
Emphasizes interactivity: For example, demonstrate how a server-based LiveView can handle actions such as mouse hover on a chart to update tooltips/labels, click-and-zoom interactions, or connected charts with brush functionality.
2.UI Component Libraries
A demo showcasing robust integration with UI component libraries would also be valuable. Features like tables with pagination, sorting, filtering, and autocomplete/typeahead functionality within modals could be a strong focus.
I’d suggest leveraging lightweight libraries like Flowbite or Preline, as they integrate seamlessly with Phoenix and rely on almost pure HTML and Tailwind for styling.
For additional inspiration on speedy charting libraries, this resource might be useful:
https://github.com/leeoniya/uPlot
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
Project mention: Show HN: Embedded our open-source charting lib into a no-code storytelling tool | news.ycombinator.com | 2024-06-27
-
vis-timeline
📅 Create a fully customizable, interactive timelines and 2d-graphs with items and ranges.
-
-
-
react-dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
-
-
-
VChart
VChart, more than just a cross-platform charting library, but also an expressive data storyteller.
VChart Github: https://github.com/VisActor/VChart
-
-
-
-
-
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: Python Django Financial Trading Dashboard — Integrating AnyChart JS Charts | dev.to | 2024-12-05We are pleased to share a helpful article we've found on EODHD APIs, where Michael Whittle, a seasoned developer and top Medium author, shows how he integrated our JavaScript charting library into his Python Django-based trading dashboard.
-
clchart
A fast, simple and cross-platform(html5 react-native weex wechat-applet) stock chart library created using canvas.
-
vis-graph3d
📊 Create interactive, animated 3d graphs. Surfaces, lines, dots and block styling out of the box.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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).
JavaScript Chart discussion
JavaScript Chart related posts
-
What are npm Peer Dependencies and how to use them?
-
How to implement Drill Anywhere in React/ChartJS/RestBI
-
Build a Finance Tracker with Next.js, Strapi, and Chartjs: Part 2
-
JavaScript frameworks: comparing the latest tools and libraries
-
An experiment in UI density created with Svelte
-
Show HN: Embedded our open-source charting lib into a no-code storytelling tool
-
How to customize the shape of Tooltip in Vchart?
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 10 Dec 2024
Index
What are some of the best open-source Chart projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Chart.js | 64,931 |
| 2 | Frappe Charts | 14,948 |
| 3 | webpack-bundle-analyzer | 12,600 |
| 4 | c3 | 9,344 |
| 5 | uPlot | 8,848 |
| 6 | chart.xkcd | 7,649 |
| 7 | react-sparklines | 2,839 |
| 8 | semiotic | 2,438 |
| 9 | Vizzu | 1,941 |
| 10 | vis-timeline | 1,907 |
| 11 | react-d3-components | 1,626 |
| 12 | ervy | 1,591 |
| 13 | react-dashboard | 1,590 |
| 14 | react-dazzle | 1,440 |
| 15 | react-highcharts | 1,255 |
| 16 | VChart | 1,040 |
| 17 | react-timeseries-charts | 861 |
| 18 | chartjs-chart-financial | 759 |
| 19 | react-chartist | 528 |
| 20 | tplink-energy-monitor | 467 |
| 21 | AnyChart | 380 |
| 22 | clchart | 320 |
| 23 | vis-graph3d | 314 |
Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai