Subdivide: Cross-platform charting with React & React Native
summary
Shows a concrete solution: a homegrown Victory library that treats D3 as data/math only and lets React render SVG so charts compose as components. Implements a custom animation that uses D3 interpolate to tween SVG path data, ships primitives (bar line area scatter pie) and a plugin-like styling path via radium. Ports to react-native-svg so the same components run on an iPhone 6 demo. Source link: github.com/formidablelabs/victory.
AI-written summary · about
chapters (8)
- 0:00Cross Platform Charting With React
- 0:25Charting in React with d3
- 0:45Manual DOM mutation
- 1:47VICTORY
- 2:31Friendly
- 3:05Flexible
- 3:50Composable
- 4:43What about native?
related talks
06mCross-Platform Data Visualization with React and React Native
21mData Visualizations with React + D3
32mD3 and React, Together
27mCreating a React Library for Consistent Data Visualization across Browsers and
26mSharing is Caring: Reusing Web Data Viz in React Native
30mD3 and React, Together
12mBattle-Tested Techniques for Animation & Data Viz
27mD3 & React