echarts-for-react
nivo
Our great sponsors
echarts-for-react | nivo | |
---|---|---|
6 | 32 | |
4,353 | 12,643 | |
- | - | |
3.1 | 8.2 | |
2 months ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | 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-for-react
- Lets-Plot: An open-source plotting library by JetBrains
-
A Rounded Solution to Image Handling on the OpenSauced Dashboard
Before adopting nivo and Cloudinary, we initially used Apache E-charts (specifically a React wrapper called echarts-for-react) to handle image processing and loading. This approach proved extremely slow, and it was quite the process in figuring out a better solution while we had a real-time constraint.
-
maybe the better way to echarts
Make echarts come in handy for React. Based on echarts-for-react
-
Using Apache ECharts with React and TypeScript
What about echarts-for-react?
-
Top 30 Open Source And Paid React Charts + Examples
Rating: 3.1 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
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.
-
The Top 6 ReactJS Chart Libraries for Data Visualization
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.
-
Ask HN: How to get out of making CRUD apps?
CRUD is just one part of the layer. It allows adding/removing/updating data. This is simply a data-foundation for an application.
Of course it feels the same across apps and industries-- it's a concrete slab upon which you build things.
Add layers on top of that, such as:
- Data visualizations. You have data from your CRUD, so do something creative with it. If you're familiar with ReactJS, check out open source, free libraries such as: https://nivo.rocks/ and https://charts.ant.design/
- Data integrations. Depending on the business you're in, experiment with integrating your CRUD app with external data sources via REST API or GraphQL. For example, a CRM like Salesforce or Marketo. Or a REST API in a particular business domain. Or a Google product which a customer might use, such as google drive.
- Looking for React chart library for project
What are some alternatives?
DHTMLX Gantt - GPL version of Javascript Gantt Chart
visx - 🐯 visx | visualization components
recharts - Redefined chart library built with React and D3
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
apexcharts.js - 📊 Interactive JavaScript Charts built on SVG
awesome-vite - ⚡️ A curated list of awesome things related to Vite.js
victory - A collection of composable React components for building interactive data visualizations
amcharts4 - The most advanced amCharts charting library for JavaScript and TypeScript apps.
ngx-charts - :bar_chart: Declarative Charting Framework for Angular