Creating a React Library for Consistent Data Visualization across Browsers and
summary
A reusable React data‑viz system is built by extracting a platform‑agnostic Polaris core that contains themes, hooks, types and utilities and by delegating drawing to platform adapters so the same chart code uses D3 for scales on web and react-native-svg on mobile. Most JavaScript logic is moved unchanged, only the UI layer stays platform specific, accessibility is implemented (SVG exposed as table-like rows for screen readers), and the provider pattern keeps bundle size down while sharing behavior.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 2:53Visual inconsistencies with Polaris
- 5:20SVG and D3 utilities
- 10:47React vs React Native
- 13:14Extracting core code
- 18:16Sharing UI components
- 21:24Platform-specific providers
- 24:56Mobile visualization future
- 26:40Closing and open source
related talks
26mSharing is Caring: Reusing Web Data Viz in React Native
06mCross-Platform Data Visualization with React and React Native
06mSubdivide: Cross-platform charting with React & React Native
25m(Easier) Interactive Data Visualization in React
32mD3 and React, Together
49mCreating Interactive Visualizations with D3.js and React
25mBuilding a Design System in React
30mD3 and React, Together