# KendoReact Chart Overview

The KendoReact Chart renders a wide range of high-quality data visualizations including panning and zooming, export and styling options.

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the Chart in action.

[Demo Source](https://demos.telerik.com/kendo-react-ui/charts/chart/overview/func/source.txt)

The procedures for installing, importing, and using all components from the [KendoReact Charts library](https://www.telerik.com/kendo-react-ui/components/charts) are identical. To learn how to use the Chart and the rest of the components from the package, see the [Getting Started with the KendoReact Charts](https://www.telerik.com/kendo-react-ui/components/charts/get-started) guide.

## Key Features

* [Configuration](https://www.telerik.com/kendo-react-ui/components/charts/chart/configuration)—You can configure the Chart using options objects or React components.
* [Data binding](https://www.telerik.com/kendo-react-ui/components/charts/chart/data-binding)—You can bind the Chart's data series and category axis to arrays and datasets of objects.
* [Rendering modes](https://www.telerik.com/kendo-react-ui/components/charts/chart/rendering)—You can configure the Chart to render its graphs as Canvas (bitmap) or SVG (vector graphics).
* [Export options](https://www.telerik.com/kendo-react-ui/components/charts/chart/export-options)—The Chart allows end-users to export the graphs as image, PDF, and SVG files.
* [Panning and zooming](https://www.telerik.com/kendo-react-ui/components/charts/chart/pan-zoom)—End users can intuitively focus on specific chart ranges by panning and zooming the Chart component.
* [Appearance](https://www.telerik.com/kendo-react-ui/components/charts/chart/styling)—You can use various configuration options to set the Chart's dimensions and adjust the displayed range. Additionally, you can choose between the three gorgeous KendoReact themes.
* [Globalization](https://www.telerik.com/kendo-react-ui/components/charts/globalization)—The Chart has built-in globalization features allowing you to create applications that can be used all over the world.
* [KendoReact Chart Events](https://www.telerik.com/kendo-react-ui/components/charts/chart/events)—The variety of events that the Chart generates allow you to customize the component's behavior.

## Suggested Links

* [API Reference of the Chart](https://www.telerik.com/kendo-react-ui/components/charts/api)
* [Troubleshooting](https://www.telerik.com/kendo-react-ui/components/charts/troubleshooting)
* [Glossary](https://www.telerik.com/kendo-react-ui/components/charts/glossary)