React Chart

for Bootstrap and Material-UIGetting Started Demos

Product Overview

Interactivity at Your Fingertips

Series/Point Selection
Our React Chart supports both programmatic and interactive series/point selection. Selected elements can be automatically highlighted, and associated data is exposed to your application for use. Both single and multiple selection are available.
Series/Point Selection
Series/Point Hover & Event Tracking
Deliver dynamic data visualizations with real-time UI updates based upon user interactions within the Chart. Our React Chart API allows you to track the hover state of Chart UI elements such as series and points.
Series/Point Hover & Event Tracking
Zooming and Scrolling
End-users can quickly analyze data by zooming/scrolling its contents. We support instant zoom via the mouse wheel or zoom gestures and zoom to a square region. Horizontal scrolling/panning is also available.
Zooming and Scrolling

Wide Customization Capabilities

Customize Chart via HTML/CSS
Our React Chart uses a hybrid rendering mechanism that combines HTML and SVG. You can use both HTML and CSS to easily manipulate the layout and appearance of chart building blocks such as title and legend.
Customize Chart via HTML/CSS
Enhance Charts Using D3
You can use existing D3 modules to apply custom chart behaviors or visualizations. Explore our online React Chart demos and learn how we utilize d3-scale, d3-shape, d3-format and other D3 modules.
Enhance Charts Using D3
Customize Chart Rendering
Our React Chart UI plugins allow you to use custom React components to custom render desired portions of the React Chart’s user interface. To do so, simpley pass your custom components to the required plugins via their props.
Customize Chart Rendering
Native Support for the UI Library of Your Choice
Twitter Bootstrap React Chart
Use any existing theme or create a custom bootstrap theme as necessary. No need for any additional configuration.
Twitter Bootstrap React Chart
Material-UI React Chart
Leverage both the user and developer experience of the Material-UI library.
Material-UI React Chart
It Doesn’t Stop There...
Customization
Comprehensive customization and extensibility options. From template React components to custom plugins.
Localization
Localize or globalize your react app with ease. Every text element within our React components is customizable.
TypeScript
Create easy-to-maintain and bug-free React applications with our autogenerated TypeScript definitions.
Docs & Examples
Improve your productivity using our straightforward documentation and live React demos/code examples.

Maintenance & Customer Support

We are here to help and to do everything possible to earn your trust. To learn more about our commitment to total customer satisfaction, please check out our support flow on GitHub.
Ready to learn more?Getting Started Demos