# chart-kit/react-native-chart-kit

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/chart-kit-react-native-chart-kit).**

3,106 stars · 679 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/chart-kit/react-native-chart-kit
- awesome-repositories: https://awesome-repositories.com/repository/chart-kit-react-native-chart-kit.md

## Topics

`chart` `chart-kit` `expo` `react-native` `react-native-charts` `react-native-graphs`

## Description

React Native Chart Kit is a library of responsive charting components designed for rendering interactive data visualizations within cross-platform mobile applications. It provides a suite of UI elements that map data properties to visual representations, utilizing scalable vector graphics to maintain clarity across diverse screen densities and resolutions.

The library distinguishes itself through a platform-agnostic layout engine that ensures consistent alignment and responsiveness across different mobile devices. It integrates directly with native touch event systems, enabling users to explore data through gestures such as panning, zooming, and scrolling, while supporting interactive elements like tooltips and crosshairs for detailed analysis.

The toolkit covers a broad range of visualization needs, from standard line, bar, and pie charts to advanced financial and multi-dimensional representations like candlestick and radar charts. Developers can customize these components through prop-driven style injection, allowing for granular control over color schemes, gradients, axis formatting, and branding. The library also includes accessibility configurations for assistive technologies and utilities for exporting rendered charts as static image files.

## Tags

### User Interface & Experience

- [Chart Components](https://awesome-repositories.com/f/user-interface-experience/chart-components.md) — Provides a suite of customizable UI elements for rendering interactive data visualizations and charts.
- [Mobile Data Visualization Libraries](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/mobile-data-visualization-libraries.md) — Optimized for rendering interactive charts and graphical data representations within native mobile application environments.
- [Cross-Platform Layout Engines](https://awesome-repositories.com/f/user-interface-experience/cross-platform-layout-engines.md) — Computes UI dimensions and offsets consistently across different mobile operating systems and devices.
- [Cross-Platform Mobile Interface Design](https://awesome-repositories.com/f/user-interface-experience/cross-platform-mobile-interface-design.md) — Maintains visual and behavioral consistency across different mobile operating systems through responsive design.
- [Cross-Platform UI Frameworks](https://awesome-repositories.com/f/user-interface-experience/cross-platform-ui-frameworks.md) — Enables the development of graphical user interfaces that run consistently across multiple operating systems.
- [Declarative Charting Components](https://awesome-repositories.com/f/user-interface-experience/declarative-charting-components.md) — Constructs complex data visualizations by nesting modular UI components that map data properties directly to visual chart elements.
- [Gesture Interaction Tools](https://awesome-repositories.com/f/user-interface-experience/gesture-interaction-tools.md) — Translates touch gestures like panning and zooming into functional triggers for detailed data exploration. ([source](https://github.com/chart-kit/react-native-chart-kit#readme))

### Data & Databases

- [General Chart Renderers](https://awesome-repositories.com/f/data-databases/data-visualization-charts/json-data-chart-renderers/general-chart-renderers.md) — Generates responsive standard charts like line, bar, and pie graphs for mobile data analysis. ([source](https://github.com/chart-kit/react-native-chart-kit#readme))
- [Radar Chart Renderers](https://awesome-repositories.com/f/data-databases/data-visualization-charts/radar-chart-renderers.md) — Supports advanced chart types including candlestick and radar charts for complex data analysis. ([source](https://github.com/chart-kit/react-native-chart-kit/blob/main/README.md))
- [Interactive Data Exploration Tools](https://awesome-repositories.com/f/data-databases/interactive-data-exploration-tools.md) — Enables users to inspect specific data points through touch gestures, tooltips, and zoom controls.

### Part of an Awesome List

- [Native Gesture Delegation](https://awesome-repositories.com/f/awesome-lists/devtools/touch-and-gestures/native-gesture-delegation.md) — Routes touch events through platform-native gesture recognizers to enable real-time data exploration.

### Graphics & Multimedia

- [SVG-Based Vector Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering.md) — Renders charts using scalable vector graphics to maintain visual clarity across diverse screen densities.
- [Financial Charting](https://awesome-repositories.com/f/graphics-multimedia/visualization-mapping/financial-charting.md) — Provides specialized visual components for rendering market trends and interactive financial data.