← ClaudeAtlas

platform-blocks-chartslisted

Add data visualization to a React Native or Expo app with @platform-blocks/charts. Use when installing the charts package, choosing among its 25 chart types (line, bar, area, pie/donut, scatter, sparkline, heatmap, candlestick, sankey, and more), theming charts to match the app via ChartThemeProvider and hostThemeBridge, wiring tooltips/crosshairs/pan-zoom interactions, or rendering streaming/live data.
platform-blocks/skills · ★ 0 · AI & Automation · score 70
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