nivo
echarts
Our great sponsors
nivo | echarts | |
---|---|---|
32 | 16 | |
12,526 | 58,590 | |
- | 1.4% | |
8.7 | 8.9 | |
8 days ago | 7 days ago | |
TypeScript | TypeScript | |
MIT License | Apache License 2.0 |
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.
nivo
-
Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries
Nivo 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.
-
What are some of the best libraries you cannot work without?
When it comes to charting, Nivo makes you immediately superhero.
-
Best Headless Chart Library?
Since no one mentioned it, checkout nivo
-
A Rounded Solution to Image Handling on the OpenSauced Dashboard
Today this works thanks to nivo and Cloudinary, but that journey included a lot of trials and testing for the perfect solution.
View on GitHub
-
The Top 6 ReactJS Chart Libraries for Data Visualization
Nivo averages 5,000+ weekly downloads, 10.4k stars and 845 forks on Github.
Nivo is built on D3 and provides a variety of templates for data visualization and presentation. It is one of the few libraries that provide server-side rendering ability and fully declarative charts.
-
How Devographics Surveys Are Run, 2022 Edition
Then, we can think about the implementation. We use Nivo for most data visualizations, but we do have a few that either use straight HTML/CSS, or use D3 directly.
-
[AskJS] React libs with charts
I always use https://nivo.rocks/ you can customize it a ton. Works great.
-
Building personal assistant bot with telegram
I use nivo.rocks to visualize the genres and make the list more interactive. Please read my comment on how I implemented it.
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
What are some alternatives?
Chart.js - Simple HTML5 Charts using the <canvas> tag
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
vega - A visualization grammar.
Frappe Gantt - Open Source Javascript Gantt
apexcharts.js - 📊 Interactive JavaScript Charts built on SVG
visx - 🐯 visx | visualization components
recharts - Redefined chart library built with React and D3
jquery.sparkline - A plugin for the jQuery javascript library to generate small sparkline charts directly in the browser
dc.js - Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js
G2Plot - :dango: An interactive and responsive charting library.