Cross-Platform Data Visualization with React and React Native
summary
Claims rapid cross-platform charts with 90–95% code reuse for web and native and even 100% iOS/Android reuse in demos, built with React, React Native, Victory (Victory native), D3 under the hood and react‑native‑svg. Implements pie, bar, area and radial bar charts, custom component swapping, and synced animations via Victory's animation wrapper using D3 interpolate. Integration with an existing stats site is shown as quick and painless and the demos run consistently.
AI-written summary · about
chapters (11)
- 0:00Intro
- 0:15Major League Soccer
- 0:35Fans
- 0:53Consistency
- 1:14Cost
- 2:26Victory
- 2:56Bar Chart
- 4:00Cross Platform Chart
- 4:31Victory Chart
- 4:49Radial Bar Chart
- 5:29Outro
related talks
06mSubdivide: Cross-platform charting with React & React Native
26mSharing is Caring: Reusing Web Data Viz in React Native
27mCreating a React Library for Consistent Data Visualization across Browsers and
21mData Visualizations with React + D3
40mFrom Zero to Multiplatform: Building a Charts Library in 15 Days
25m(Easier) Interactive Data Visualization in React
01h 30mCreating responsive data visualisations
32mD3 and React, Together
