hub / github.com/chart-kit/react-native-chart-kit-example

github.com/chart-kit/react-native-chart-kit-example @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

440 symbols 948 edges 177 files 0 documented · 0%

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

Chart Kit Pro Preview

Expo app for reviewing free react-native-chart-kit/v2 charts and @chart-kit/pro/react-native charts together.

This app intentionally tracks Expo SDK 54 for broad Expo Go compatibility during visual review. It uses the published react-native-chart-kit next package for public chart previews.

Run

npm install
npm start

Then scan the QR code with Expo Go while your computer and phone are on the same network. If Expo Go does not discover the LAN server, use tunnel mode:

npm start -- --tunnel

Useful commands:

npm run typecheck
npm run start -- --clear
npm test
npm run android
npm run ios
npm run web:build

Core symbols most depended-on inside this repo

useChartKitTheme

called by 13

test/mocks/pro-package.tsx

createSvgComponent

called by 11

test/mocks/react-native-svg.tsx

getPresetFromParams

called by 9

src/showcase/navigation.ts

formatTwoDigit

called by 8

src/demo-apps/finance/trading/marketData.ts

getStockCandlesForInterval

called by 8

src/fixtures/v2Finance.ts

createShowcaseSearchParams

called by 7

src/showcase/navigation.ts

roundPrice

called by 7

src/demo-apps/finance/trading/marketData.ts

getInitialSearchParams

called by 6

App.tsx

Shape

Function 440

Languages

TypeScript100%

Modules by API surface

App.tsx25 symbols

src/demo-apps/finance/trading/marketData.ts23 symbols

src/demo-apps/health/activity/HealthActivityAppScreen.tsx13 symbols

src/examples/export-workflow/export-workflow.story.tsx12 symbols

src/showcase/TouchTraceSurface.tsx10 symbols

src/demo-apps/finance/trading/tradingOrders.ts10 symbols

src/fixtures/v2Finance.ts8 symbols

src/examples/bar-chart/grouped-animation.story.tsx8 symbols

src/demo-apps/finance/trading/formatters.ts8 symbols

src/demo-apps/development/code-contribution/CodeContributionScreen.tsx8 symbols

src/showcase/navigation.ts7 symbols

src/examples/candlestick-chart/legend-inspector.story.tsx7 symbols

For agents

$ claude mcp add react-native-chart-kit-example \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact