# react-native-livechart

> High-performance live line and candlestick charts for React Native, built on Skia and Reanimated.

## Docs

- [Hooks & utilities](https://react-native-livechart.brandtnewlabs.com/api-reference/hooks-and-utilities.md): LiveChartTransition, formatters, the mono font constant, and advanced hooks.
- [LiveChart](https://react-native-livechart.brandtnewlabs.com/api-reference/livechart.md): Props for the single-series line / candlestick component.
- [LiveChartSeries](https://react-native-livechart.brandtnewlabs.com/api-reference/livechart-series.md): Props for the multi-series line component.
- [Types](https://react-native-livechart.brandtnewlabs.com/api-reference/types.md): Exported TypeScript types — data shapes, config objects, and the palette.
- [Candlestick](https://react-native-livechart.brandtnewlabs.com/guides/candlestick.md): Render OHLC candlestick bars with a live in-progress candle.
- [Line & area](https://react-native-livechart.brandtnewlabs.com/guides/line-and-area.md): Customize the single-series line chart: gradient, badge, value line, dot, and live value.
- [Markers & references](https://react-native-livechart.brandtnewlabs.com/guides/markers-and-references.md): Annotate the chart with markers, trade-fill streams, and reference lines or bands.
- [Momentum & degen](https://react-native-livechart.brandtnewlabs.com/guides/momentum-and-degen.md): Momentum-based coloring plus optional particle bursts and screen shake.
- [Multi-series](https://react-native-livechart.brandtnewlabs.com/guides/multi-series.md): Render several live series with a toggleable legend and per-series dots.
- [Playback & history](https://react-native-livechart.brandtnewlabs.com/guides/playback.md): Control the time window, pausing, smoothing, the Y-axis range, and historical fills.
- [Scrubbing](https://react-native-livechart.brandtnewlabs.com/guides/scrubbing.md): Pan a crosshair across history and read the value under it.
- [States & formatting](https://react-native-livechart.brandtnewlabs.com/guides/states-and-formatting.md): Loading and empty states, and worklet-safe value/time formatters.
- [Theming](https://react-native-livechart.brandtnewlabs.com/guides/theming.md): Theme the chart with a color scheme, accent color, palette overrides, and fonts.
- [Transitions](https://react-native-livechart.brandtnewlabs.com/guides/transitions.md): Animate between line and candle, or cross-fade between separate chart instances.
- [react-native-livechart](https://react-native-livechart.brandtnewlabs.com/index.md): High-performance live line and candlestick charts for React Native, built on Skia and Reanimated.
- [Installation](https://react-native-livechart.brandtnewlabs.com/installation.md): Install react-native-livechart and configure its peer dependencies, Babel, and Metro.
- [Quickstart](https://react-native-livechart.brandtnewlabs.com/quickstart.md): Render your first live chart with simulated data.