React Charts Overview

Premium

Our React Charts library features a large collection of data visualization charts and series—from Line, Bar, Pie, and Donut Charts to Sparkline and StockChart, tailored specifically for the finance industry.

Tired of Reading Docs?

With the Telerik and Kendo UI AI Coding Assistants, you can explore, implement, and prompt your way through KendoReact with ease — directly inside AI-powered IDEs like VS Code, Cursor, and more. Get real-time guidance, contextual code suggestions, and fast answers powered by our docs and APIs.

Try AI Assistants

What are React Charts? KendoReact Charts are powerful data visualization components designed to create interactive and visually appealing charts within React applications.

The React Charts are native KendoReact components built specifically for the React ecosystem by a company with 19+ years of experience in making enterprise-ready components and UI widgets. This results in React graphs that deliver lightning-fast performance and are highly customizable. The Kendo React chart library is distributed through npm packages, and the Charts are available as @progress/kendo-react-charts.

Key Features of the KendoReact Charting Library

The KendoReact Charts provide a wide and always growing range of built-in features that isn't limited by the list in this section. This developer-friendly feature set allows you to create beautiful and functional applications faster. At the same time, the KendoReact development team works constantly to improve the performance of the components and their capabilities.

Axes

If you need to change the labels, the background, the step, the lines, and any other axis option, the KendoReact Charts support in-depth customization. You can customize over 100+ options for the category and value axes of the Charts. The dedicated features for displaying time series get automatically activated when you bind an axis to Date objects. Read more about the Chart axes...

Rendering and Export

Depending on your application requirements, you can choose between two rendering modes for the KendoReact Charts—Canvas (bitmap) and SVG (vector graphics). When the users need to save charts locally, they can take advantage of the variety of supported formats for exporting. Read more about the rendering modes and the export options...

Panning and Zooming

The built-in panning and zooming features are intuitive and allow end-users to focus on a specific segment of the data or to change the displayed range. You can enable these functionalities of the KendoReact Charts library by using the pannable and zoomable options. Read more about panning and zooming...

Appearance

Through a selection of three gorgeous themes, you can control the colors and styles of the components in the KendoReact Charts library. If desired, you can customize these themes or use the Theme Builder to create new themes. Additionally, the highly customizable KendoReact Charts provide more than 1 000 customization options. Read more about the appearance of the Chart...

Globalization

The KendoReact Charts come with globalization features that allow you to create applications that can be used all over the world. This is achieved by combining the translation of component messages with adaptation to specific cultures. Read more about the globalization of the Charts...

Types of KendoReact Charts and Graphs Available

Categorical Charts

Area

Categorical Chart

Area charts and Vertical Area charts are categorical charts, which are suitable for displaying quantitative data by using continuous lines.

Bar

Categorical Chart

Bar charts and Column charts are categorical charts, which display data by using horizontal or vertical bars whose lengths vary according to their value.

Box Plot

Categorical Chart

Box Plot charts are categorical charts, which graphically render groups of numerical data through their quartiles.

Bullet

Categorical Chart

Bullet charts are categorical charts, which are a variation of the Bar charts.

Heatmap

Categorical Chart

Heatmap charts use colors to indicate the relative value of data points in two dimensions.

Line

Categorical Chart

Line charts and Vertical Line charts are categorical charts, which display continuous data as lines that pass through points defined by the values of their items.

Radar

Categorical Chart

Radar charts, also known as Spider charts, are categorical charts, which wrap the X axis in a circle or polygon.

Range Area

Categorical Chart

Range Area charts are categorical charts, which represent a variation of the Area charts.

Range Bar

Categorical Chart

Range Bar charts are categorical charts, which represent a variation of the Bar charts.

Waterfall

Categorical Chart

Waterfall charts are categorical charts, which display the cumulative effect of sequentially introduced positive or negative values.

Circular Charts

Donut

Circular Chart

Donut charts are circular charts, which represent a variation of the Pie charts and are capable of displaying multiple nested series.

Pie

Circular Chart

Pie charts are circular charts, which display data in the form of single-series sectors from a two-dimensional circle and are useful for rendering data as part of a whole.

Freeform Charts

Funnel

Freeform Chart

Funnel charts are freeform charts, which display a single series of data in progressively decreasing or increasing proportions that are organized in segments, where each segment represents the value for the particular item from the series.

Pyramid

Freeform Chart

Pyramid charts are freeform charts, which display a single series of data as pyramid segments, where each segment represents the value for the particular item from the series.

Scatter Charts

Bubble

Scatter Chart

Bubble charts are scatter charts, which display data as points with coordinates and sizes that are defined by the value of their items.

Polar

Scatter Chart

Polar charts are scatter charts which display two-dimensional data series in polar coordinates.

Scatter Plot and Scatter Line

Scatter Chart

Scatter Plot and Scatter Line charts are the two main variations of scatter charts and are suitable for displaying numerical data.

Sparkline Chart

Sparkline

Mini Chart

Sparklines are tiny, word-sized graphics without typical chart elements like axes, coordinates, legends, or titles. You can embed them in tables, headlines, or chunks of text.

StockChart

StockChart

Financial Chart

StockCharts are a specialized control for visualizing the price movement of a financial instrument over a certain period of time.

Support Options

For any issues you might encounter while working with the KendoReact Charts, or any other KendoReact components, there are several support options available:

• KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
• The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
• KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
• KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.
• Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.

Implementing KendoReact Charts: Video Tutorial

With this 10-minute video tutorial, you'll learn how to implement a good-looking chart customized with animations, title, custom axes, chart legend and tooltips with just a few lines of code. You'll also see how to connect your KendoReact Charts to a data set.

• KendoReact Charts Tutorial with the KendoReact Chart Library

Suggested Links

• Getting Started with the KendoReact Charts
• Getting Started with KendoReact (Online Guide)
• Getting Started with KendoReact (Video Tutorials)
• Virtual Classroom (Introductory Course Available to Trial and Commercial License Holders)
• React UI Components