platform-blocks-chartslisted
Install: claude install-skill platform-blocks/skills
# Platform Blocks Charts
`@platform-blocks/charts` is a React Native + Web charting library (SVG via
`react-native-svg`, animations via `react-native-reanimated`) with 25 chart
components, a shared interaction engine (tooltips, crosshair, pan/zoom), and a
theme bridge for host design systems. Docs: https://platform-blocks.com
- Chart catalog + core APIs: `references/api.md`
- Complete copy-paste examples: `references/patterns.md`
## Install
```bash
npm install @platform-blocks/charts react-native-svg react-native-reanimated
# Expo: npx expo install react-native-svg react-native-reanimated
```
Peer dependencies: `react >= 18`, `react-native >= 0.73`,
`react-native-svg >= 13`, `react-native-reanimated >= 3.4`
(`react-dom` optional, web only). Reanimated needs its Babel/worklets plugin
configured in the consuming app.
## Theming: ChartThemeProvider + hostThemeBridge
Wrap the app (or any subtree) in `ChartThemeProvider`. Without it, charts use a
light default theme. To match the host app, pass `hostThemeBridge` — all fields
optional: `textPrimary`, `textSecondary`, `background`, `grid`,
`accentPalette` (string[]), `fontFamily`.
Real pattern from platform-blocks.com (bridging `@platform-blocks/ui`):
```tsx
import { useTheme } from '@platform-blocks/ui';
import { ChartThemeProvider } from '@platform-blocks/charts';
// Categorical series palette — fixed hue order, assigned by slot, never cycled.
// Pinned as hex (not theme ramp indexes) and validated for CVD separation and