EnglishLive preview, running the exact code the prompt carries
ChartsScreen Expo Go readyFree
Range Bars
Ranges pinned to one shared axis, which is the only reason to draw them, since a row that rescales to its own contents is a picture of nothing. The dot is the number people quote and the bar is the range they forget to mention.
Paste into Claude Code, Cursor or Windsurf. It builds this screen 1:1 in your app.
What ships
- Files
- 2 files
- Dependencies
- @expo-google-fonts/inter, react-native-reanimated, react-native-safe-area-context, react-native-svg
- Fonts
- @expo-google-fonts/inter
- Compatibility
- Expo SDK 52+, runs in Expo Go
- Updated
- 2026-09-06
The rule this design follows
It ships exactly as previewed: same colors, same type, same copy, same motion. The prompt tells your agent not to adapt it to your existing theme. Re-theming afterwards is a one-line ask, but it is yours to make, not ours to guess.
