A composable React visualization library for building line charts, bar charts, heatmaps, scatterplots, and more.
React-vis is a React library for building data visualizations with a composable component system. It provides a collection of ready-to-use components for creating charts like line graphs, bar charts, heatmaps, and scatterplots, solving the need for an easy-to-use yet flexible visualization solution within React applications.
React developers who need to embed interactive charts and data visualizations into their applications, particularly those looking for a simple, component-based approach without requiring deep expertise in visualization libraries.
Developers choose react-vis for its simplicity and flexibility—it offers a composable system of visualization components that integrate seamlessly with React, providing sensible defaults while allowing extensive customization through individual chart elements.
Data Visualization Components
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Provides separate components like XAxis and LineSeries, allowing developers to build custom visualizations by combining elements, as emphasized in the overview for high layout control.
Supports over a dozen chart types including line, bar, heatmaps, and sunbursts, listed in the key features, making it versatile for different data needs.
Designed to work with React's lifecycle without creating unnecessary DOM nodes, ensuring smooth integration into React applications per the features.
Allows selective import of CSS styles via SASS to minimize bundle size, as shown in the usage section with examples for importing only legends.
The project is marked as deprecated with no maintenance since 2020, indicated by the badge, risking security issues and compatibility with newer React versions.
Requires polyfills for ES6 array methods in non-modern environments, adding setup complexity and potential runtime errors, as warned in the requirements.
With no active updates, documentation and examples may be stale, lacking guidance for modern React practices or troubleshooting current issues.