Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 Chart Open-Source Projects
-
Project mention: Observable 2.0, a static site generator for data apps | news.ycombinator.com | 2024-02-15
Yep, Evidence is doing good work. We were most directly inspired by VitePress; we spent months rewriting both D3’s docs (https://d3js.org) and Observable Plot’s docs (https://observablehq.com/plot) in VitePress, and absolutely loved the experience. But we wanted a tool focused on data apps, dashboards, reports — observability and business intelligence use cases rather than documentation. Compared to Evidence, I’d say we’re trying to target data app developers more than data analysts; we offer a lot of power and expressiveness, and emphasize custom visualizations and interaction (leaning on Observable Plot or D3), as well as polyglot programming with data loaders written in any language (Python, R, not just SQL).
-
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser
Project mention: Show HN: Paisa – Open-Source Personal Finance Manager | news.ycombinator.com | 2023-09-22I want to know where my money goes. I like to look at stacked-area (or column) charts of the categories of spending. To make this work I have some software I made ~20 years ago that does double-entry book-keeping. At the end of the month, I import statements from financial service providers (eg: Wells Fargo, Chase, PayPal, Stripe, etc). Lots of stuff is repeat purchases (eg: Shell Gas) and my software automatically categorises. Some transactions I have to categorise manually. Each category / vendor becomes an expense-account and my banks and CCs exist as assets and liabilities.
Once the import and reconciliation is done I pull up a my column chart that shows where the money went -- and can compare over time -- see a full year of movement. I've been through various charting libraries with it and most recently moved to ECharts[0] -- so I'm planning to expand with Treemap and Sankey style visuals.
The import process, which I do monthly takes maybe an hour. I'm importing from like 5 bank accounts, 3 payment processors, 4 CC providers. The part that takes the longest is signing into their slow sites, navigating past pop-up/interstitial, getting to their download page and waiting for it to download. Loads of these sites (WF, Chase) have been "modernised" and have some real bullshit UI/UX going on -- lags, no keyboard, elements jump around, forms can't remember state, ctrl+click won't open in a new page cause that damned link isn't actually a link but some nested monster of DIVs with 19 event listeners on each one -- and somehow still all wrong.
I think the most-best feature would be to have some tool automatically get all my transactions from all these providers into one common format. Gimmee some JSON with like 10 commonly-named fields for the normal stuff and then 52 other BS fields that each provider likes to add (see a PayPal CSV for example). Does that exist and I just don't know?
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
Project mention: Building a VoIP Network with Routr on DigitalOcean Kubernetes: Part I | dev.to | 2024-03-04
Helm (Get from here https://helm.sh/)
-
Project mention: 15 open-source tools to elevate your software design workflow | dev.to | 2024-01-22
Link | Demo | Github | License
-
Plausible Analytics
Simple, open source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics.
No clue what you mean, browser cache might even clear itself without you doing anything manually. This thing makes no sense.
Nowhere ever did it say Tech Demo anywhere, not in the HN headline, not on the page itself. No, thanks. And even as a tech demo, there is nothing impressive going in. It is stores shit to local storage, I guess. Lol, I just looked this up, and it was in Firefox on 2009 already? WHAT? https://developer.mozilla.org/en-US/docs/Web/API/Window/loca... I never used it myself directly, but I remember reading about some API that kind of is the new version of cookies that can store more and better and I think that is it. 2009, I would swear what I think about was newer, maybe I am mixing something up, maybe not.
It has unnecessarily tracking from the comment above, not sure if it even sends all your notes to https://plausible.io, and I do not care. For me, this fails as a tech demo or whatever the fuck It's supposed to be. Sorry to not get all excited about everything posted here. In 2009 it for sure would ;)
-
Project mention: Build Your Own Uptime Monitor with MeteorJS + Fetch + Plotly.js ☄️🔭 | dev.to | 2024-03-08
Plotly as our chart renderer
-
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
Project mention: Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries | dev.to | 2023-07-31Nivo is a data visualization library built on top of D3.js and React. It offers a range of well-designed, customizable charts with great animations, making it suitable for creating visually impressive data visualizations.
-
sampler
Tool for shell commands execution, visualization and alerting. Configured with a simple YAML file.
Hi ! I'm currently in the process of building myself dashboards using sampler and / or WTF. I want a section with the live ETA of some buses stop from STM. I know they have an SMS option so that may be a lead but i've figured there might be a better way using iBus or something. Thanks in advance !!
-
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: Episode 23/49: RouterTestingHarness, Chrome DevTools 119 & 120 | dev.to | 2023-12-14
-
-
Project mention: Coexistence of containers and Helm charts - OCI based registries | dev.to | 2024-01-30
Both of these examples seem pretty obvious and something you wouldn’t mess up, but as your chart grows, so does your values.yaml file. A great example is the Redis chart by Bitnami. I encourage you to scroll through its values file. See you in a minute!
-
link https://github.com/tradingview/lightweight-charts
-
GoJS, a JavaScript Library for HTML Diagrams
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Project mention: Burning money on paid ads for a dev tool – what we've learned | news.ycombinator.com | 2023-09-29Have spent six figures yearly on ads, mostly for reach for the developer-focused diagram library GoJS (https://gojs.net)
> Each experiment will need ~$500 and 2 weeks
I would add a zero if you want serious data. I would also double the timescale. $5,000 over 4 weeks
I second the uselessness of Google Display, it might look like conversions numbers are good but they are 100% too good to be true. As soon as you look into them you find the sources are things like "ad from HappyFunBabyTime Android app". You have to ruthlessly prune daily for months to get anything real, and even then I'm skeptical of value. For a developer tool with very strict conversion metrics!
But I disagree on Google Search:
> Good for conversion, bad for awareness.
Before we were popular it was excellent for awareness. Post popularity its much more arguable.
-
-
Project mention: How To Create a Chart From a Dynamic Dataset in Next JS Using Chart.js | dev.to | 2024-01-05
Chart JS is a great choice for creating charts as it has multiple visualizations. There are different integrations for the JS frameworks, and we shall use react-chart-js-2 library for Next JS.
-
fl_chart
FL Chart is a highly customizable Flutter chart library that supports Line Chart, Bar Chart, Pie Chart, Scatter Chart, and Radar Chart.
FL chart library
-
-
-
-
Official Website: https://primereact.org/
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Charts related posts
- Open Source Stock Chart library for iOS & Android
- Vega-Altair: Declarative Visualization in Python
- Show HN: Released Chartbrew v3.0 an open source client reporting platform
- Deploy Kubernetes in Minutes: Effortless Infrastructure Creation and Application Deployment with Cluster.dev and Helm Charts
- Observable 2.0, a static site generator for data apps
- Kubernets Helm Chart
- JointJS releases a 'no-dependency' v4.0
-
A note from our sponsor - InfluxDB
www.influxdata.com | 19 Mar 2024
Index
What are some of the best open-source Chart projects? This list will help you:
Project | Stars | |
---|---|---|
1 | d3 | 107,373 |
2 | echarts | 58,520 |
3 | helm | 25,835 |
4 | Umami | 19,094 |
5 | Plausible Analytics | 17,852 |
6 | plotly.js | 16,441 |
7 | apexcharts.js | 13,686 |
8 | nivo | 12,507 |
9 | sampler | 11,992 |
10 | victory | 10,745 |
11 | PNChart | 9,714 |
12 | primeng | 9,269 |
13 | uPlot | 8,389 |
14 | charts | 8,267 |
15 | lightweight-charts | 7,921 |
16 | GoJS, a JavaScript Library for HTML Diagrams | 7,355 |
17 | rickshaw | 6,540 |
18 | react-chartjs-2 | 6,329 |
19 | fl_chart | 6,293 |
20 | Chartkick | 6,237 |
21 | go-echarts | 6,082 |
22 | Charts.css | 6,035 |
23 | primereact | 5,494 |