visx
🐯 visx | visualization components (by airbnb)
ngx-charts
:bar_chart: Declarative Charting Framework for Angular (by swimlane)
Our great sponsors
| visx | ngx-charts | |
|---|---|---|
| 51 | 3 | |
| 18,712 | 4,267 | |
| 1.6% | 0.1% | |
| 7.3 | 4.3 | |
| 14 days ago | 13 days ago | |
| TypeScript | TypeScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
visx
Posts with mentions or reviews of visx.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2024-03-13.
-
React Component Libraries
Official Website: https://airbnb.io/visx/
- Show HN: Matrices – explore, visualize, and share large datasets
-
The top 11 React chart libraries for data visualization
Website: Visx GitHub Page
-
Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries
Visx is a React-based library used for constructing data visualizations. It comprises a set of reusable, low-level visualization components that merge the power of D3 for data transformation and calculations with the benefits of React for updating the DOM.
- Visx – a collection of expressive, low-level visualization primitives for React
-
What are some of the best libraries you cannot work without?
Lol we migrated away from Nivo to Visx. Nivo is pretty cool but we're big fans of Visx due to how composable it is.
-
TypeScript, VisX
You could probably use this as a starting point to anchor it - there's a CodeSandbox link (which is a bit busted due to react-spring though) and I think you may just need to change the direction to "column."
-
Any libraries out there that you recommend for charts/graphs/trees in React?
Best one for React is VISX which is built on top of D3.js.
-
Data Visualization Framework for React, Angular, Svelte, TypeScript, JavaScript
If you work in React and like this approach it's hard to go past Visx - https://airbnb.io/visx
- Airbnb Visualization Components
ngx-charts
Posts with mentions or reviews of ngx-charts.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-12-17.
-
Advice on building custom charts with ngxcharts
Is anyone willing to help out and provide some advice and knowledge on how to build custom charts with ngxcharts (https://github.com/swimlane/ngx-charts)?
-
Declarative Charting for Year 2023
another good one is ngx-charts, but that is against my rule #4.4, as it is a Declarative Charting Framework for Angular, with an unnecessary dependency to me.
-
Help with graphs in Angular 12
https://github.com/swimlane/ngx-charts is pretty good - BUT - I would actually recommend just making a D3 line chart from scratch if this is going to be a long term project. Just because you will have a lot more freedom and flexibility. The lib above is good but it has a hard time keeping up with the latest Angular releases, so you won't be able to ng update as frequently as you want, and you'll probably find yourself spending time hacking it for custom looks or functionality. Might as well spend that time learning D3, IMO.
What are some alternatives?
When comparing visx and ngx-charts you can also consider the following projects:
d3 - Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
nivo - nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
recharts - Redefined chart library built with React and D3
amcharts4 - The most advanced amCharts charting library for JavaScript and TypeScript apps.
angular-email-editor - Drag-n-Drop Email Editor Component for Angular
react-vis - Data Visualization Components
d3-ez - D3-EZ Easy Reusable Charts
react-chartjs-2 - React components for Chart.js, the most popular charting library
carbon-charts - :bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
until-destroy - 🦊 RxJS operator that unsubscribe from observables on destroy