(Easier) Interactive Data Visualization in React
summary
High-level claim: embed ready-made visualizations into React with a fraction of the work by letting Plot (Observable Plot) generate an SVG and letting React useRef + useEffect hand it the DOM node, then remove it on cleanup. Live demo builds a letter-frequency bar chart with a dropdown to sort alphabetically or by ascending/descending frequency, shows Plot’s mark/scale API, and explains Observable embeds and copy‑paste React snippets for reuse.
AI-written summary · about
chapters (7)
- 0:00Start
- 3:53Observable Plot
- 4:43Grammar of Graphics
- 5:49Scales
- 7:32Make a Bar Chart
- 16:56Margins
- 24:08Recap
related talks
27mCreating a React Library for Consistent Data Visualization across Browsers and
49mCreating Interactive Visualizations with D3.js and React
14mLightning Talk: Visualizing Data Confidently. Integrating React and Tableau Public
06mCross-Platform Data Visualization with React and React Native
06mSubdivide: Cross-platform charting with React & React Native
36mCreative Coding with React & SVG
32mD3 and React, Together
21mData Visualizations with React + D3