Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀. Learn more →
Top 23 JavaScript Chart Projects
-
This tutorial will show you how to convert publicly available shapefiles to TopoJSON to create interactive maps with d3/d3-geo. I will show you how to do this without the use of the command line so you can get into experimenting with d3 as fast as possible. If you are interested in working with shapefiles and TopoJSON in a more advanced fashion, I suggest you take a look at Mike Bostock’s recent multipart tutorials on command-line cartography.
-
In the frontend, we decided to display the analytics data via a graph using the react-chartjs-2 library. React-chartjs-2 is a React wrapper for chartjs, a popular charting library for JavaScript. This library is simple, beginner friendly, maintainable, and flexible. It has a large community of users and thorough documentation. This provides for quick execution with the library. We also implemented the dashboard UI flexibly, so that any historical data point could be selected and displayed as requirements change in the future.
-
Sonar
Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
-
-
Luckysheet
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Project mention: I created a new Excel-like spreadsheet component for React with collabration support | reddit.com/r/reactjs | 2022-04-22What is the relationship between this project and LuckySheet?
-
webpack-bundle-analyzer
Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
Project mention: Beautiful Visualizations For Your App's Dependencies | reddit.com/r/javascript | 2022-10-31 -
Project mention: [AskJS] Plotting in js: I don't want to get my hands dirty with d3 - what is the next best alternative | reddit.com/r/javascript | 2022-09-10
I've enjoyed using Victory - needs React tho: https://formidable.com/open-source/victory/
-
Looking here: https://github.com/c3js/c3/issues/2831
-
Scout APM
Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.
-
Project mention: Getting Started with Data Visualization in React using Chart.js | dev.to | 2022-07-17
react-vis
-
Here is a very efficient 2D canvas lib that is extremely efficient https://github.com/leeoniya/uPlot i recommend looking through their readme and seeing if it solves your current problems.
-
Project mention: Rough.js – Create graphics with a hand-drawn, sketchy, appearance | news.ycombinator.com | 2021-12-14
This looks like a wonderful library! I'm wondering how a handwritten font could fit into this api, a font like in https://github.com/timqian/chart.xkcd
-
react-sparklines - Beautiful and expressive Sparklines React component.
-
semiotic - Semiotic is a data visualization framework for React.
-
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-d3-components - D3 Components for React.
-
-
react-dazzle - Dashboards made easy in React JS.
-
react-highcharts - React-highcharts.
-
vis-timeline
📅 Create a fully customizable, interactive timelines and 2d-graphs with items and ranges.
Project mention: 7 Promising JavaScript Timeline Components to Improve Your Project Management App | dev.to | 2022-06-29Useful resources: documentation, samples
-
react-timeseries-charts - Declarative timeseries charts.
-
I found https://github.com/SeanSobey/ChartjsNodeCanvas and https://github.com/chartjs/chartjs-chart-financial but I can't figure how to use both, the docs isn't very good in chart-financial.
-
react-chartist - React component for Chartist.js.
-
if you're handy. get a tp-link smart plug that supports power monitoring like an HS110 https://github.com/jamesbarnett91/tplink-energy-monitor theres docker info in the github link as well. theres probably other projects like this on github thats more up to date but this is what i found in 10 seconds.
-
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.
To make it all quick and straightforward, I will use the JavaScript charting library called AnyChart, precisely the AnyMap solution. So, I include the two modules needed to build bubble maps, “core” and “geo maps”, as well as the geodata file for the United States.
-
InfluxDB
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.
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-11-30.
JavaScript Chart related posts
- Data Analytics Made Easy
- Do you guys find D3 useful?
- Is c3 js deprecated? and general thoughts of c3?
- Qual è l'Emilia e qual è la Romagna
- is there a library in php that allows me to collate users data and then display this in graphs and bar charts?
- is there a library in php that allows me to collate users data and then display this in graphs and bar charts?
- Vue.js Chart Component
-
A note from our sponsor - Scout APM
scoutapm.com | 2 Dec 2022
Index
What are some of the best open-source Chart projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | d3 | 103,551 |
| 2 | Chart.js | 58,879 |
| 3 | Frappe Charts | 14,574 |
| 4 | Luckysheet | 12,584 |
| 5 | webpack-bundle-analyzer | 12,074 |
| 6 | victory | 10,048 |
| 7 | c3 | 9,229 |
| 8 | react-vis | 8,370 |
| 9 | uPlot | 7,462 |
| 10 | chart.xkcd | 7,280 |
| 11 | react-sparklines | 2,786 |
| 12 | semiotic | 2,311 |
| 13 | Vizzu | 1,635 |
| 14 | react-d3-components | 1,613 |
| 15 | ervy | 1,562 |
| 16 | react-dazzle | 1,429 |
| 17 | react-highcharts | 1,249 |
| 18 | vis-timeline | 1,154 |
| 19 | react-timeseries-charts | 802 |
| 20 | chartjs-chart-financial | 623 |
| 21 | react-chartist | 524 |
| 22 | tplink-energy-monitor | 421 |
| 23 | AnyChart | 349 |
Close all those tabs. Zigi will handle your updates.
Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.
www.zigi.ai