echarts
Chart.js
Our great sponsors
echarts | Chart.js | |
---|---|---|
16 | 183 | |
58,590 | 63,235 | |
1.4% | 0.6% | |
8.9 | 8.1 | |
7 days ago | 12 days ago | |
TypeScript | JavaScript | |
Apache License 2.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
echarts
-
Show HN: Paisa – Open-Source Personal Finance Manager
I 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?
-
Personal Sträva Activity Statistics
Coded mainly in Perl and Gnuplot, recently extended by Python Pandas and JavaScript Tabulator and ECharts
-
Build complex SPAs quickly with vue-element-admin
Dashboards have a lot of charts for different forms and data. This is another common requirement. This template recommends Apache ECharts, a powerful, easy-to-use, and flexible JavaScript visualization library.
-
Using Apache ECharts in React Native - wrn-echarts
We have developed an open source graphics library for react native APP, which is based on Apache ECharts and uses RNSVG or RNSkia for rendering in a way that is almost identical to using it in the web, and can satisfy most graphics situations. The project source code is available at https://github.com/wuba/wrn-echarts .
-
Best practice for UI design in scientific app
apache-echarts for charting system (it has 3d chart anyway)
-
Pulling and visualizing data from a database client side
ECharts -- open source js lib for enterprise-grade charts
-
Svelte and Apache ECharts
I'm currently new to using Svelte and I want to try using it with Apache ECharts for data visualization purposes. My only problem is that I seem to have a hard time trying to use the ECharts package in Svelte. Importing the module in a Svelte component seems to result in an error that causes a blank page to render.
-
Using Apache ECharts with React and TypeScript
It's a cool data-visualization library like Highcharts, Chart.js, amCharts, Vega-Lite, and numerous others. A lot of companies/products including AWS are using it in production.
-
Top 30 Open Source And Paid React Charts + Examples
That chart goes with the Echarts library. It is a React wrapper for Apache Echart, an open-sourced JavaScript visualization tool with 45k stars on GitHub.
-
React and D3.js
Although I haven't used Semiotic but Echarts [1] for the last 4 years, I agree with the sentiment. D3 is regularly on top of HN and I always wonder if its popularity is due to people not knowing there are easier alternatives or it's because they really need a library as low-level as D3 for plotting their data.
[1] https://github.com/apache/echarts + https://github.com/hustcc/echarts-for-react
been using echarts for the last 3 years
Chart.js
-
React: A Mess That Shouldn't Exist In Web Development
Most of frontend libraries are made with Vanilla JS. An example of library that you might frequently use is "Chart.js". But React is not compatible with Chart.js so here it comes "React-chartjs-2" A wrapper library to work with Chart.js in React ecosystem. Oh you want to use "three.js" for some cool 3D? you will need "React-three/fiber". In my case, I need to implement "telegram-web-app", not so fast, I have to create my own wrapper to be able to use it.
-
Alternatives to Chart.js - A Series Exploring JavaScript Chart Comparisons
Chart.js is a free, open-source JavaScript library for data visualization, which supports eight chart types: bar, line, area, pie, bubble, radar, polar and scatter. It's licensed under the permissive MIT license and is renowned for being flexible, lightweight, easy to use and extendible.
Lightweight core library: 199kb minified and 67kb Gzipped according to Bundlephobia
-
What is the technology stack used to create these live charts?
They are images so it could be any number of things, datawrapper, charts.js, d3.js to name a few options.
-
Using AI to Generate Database Query Is Cool. But What About Access Control?
Charts.js for creating diagrams
-
Master Angular 16.1 & 16.2
Connie Leung wrote a tutorial to demonstrate how these new hooks work, integrating an Angular app with the Chart.js library: "DOM reading and writing with new lifecycle hooks in Angular"
-
Frontend development roadmap
Chart.js
-
WiFi without internet on a Southwest flight
I used chart.js [0], but I don't necessarily endorse it - it's just what I knew how to use quickly. I usually try to keep my posts free from javascript, and could have used a different tool that gives me SVG data or images.
You can see the code that's generating these charts here: https://github.com/jamesbvaughan/jamesbvaughan.com/blob/main...
-
Live Image editor w/ JavaScript: Canvas API and Tesseract.js(OCR)
One of my favorite charting libraries, chart.js is built around the canvas,
-
Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries
If you’ve heard of Chart.js, you might wonder what React-chartjs-2 is all about. Well, think of it as a handy tool for using Chart.js within your React projects. Chart.js is a JavaScript library that helps create various types of interactive charts using HTML5 Canvas.
What are some alternatives?
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
Highcharts JS - Highcharts JS, the JavaScript charting framework
morris.js - Pretty time-series line graphs
vega - A visualization grammar.
recharts - Redefined chart library built with React and D3
chartist-js - Legacy Chartist Repo for old gh-pages
c3 - :bar_chart: A D3-based reusable chart library
flot - Attractive JavaScript charts for jQuery
Frappe Gantt - Open Source Javascript Gantt
heatmap.js - 🔥 JavaScript Library for HTML5 canvas based heatmaps
apexcharts.js - 📊 Interactive JavaScript Charts built on SVG