The Missing Abstraction of Charting
summary
Claim: there’s a missing mid-level abstraction between taxonomic chart components and raw SVG/canvas. Implementation: a small library called Chart Parts implements a Vega-style grammar via a scene graph, encodes scales/marks/guides, and compiles to pseudo‑SVG that React reconciles. It wires to d3 scales, supports ARIA tags for accessibility, swaps renderers to React Native rendering, and demos a population pyramid and an injected mean line. Result: the prototype works and exposes the expressive, composable API gap.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:45Charting
- 3:02Installing a Charting Library
- 5:26The Problem
- 6:00Composable Charting
- 6:45Charting APIs
- 9:27Grammar Graphics
- 13:28Vega
- 16:28Chart Parts
- 19:35Bar Chart
- 21:45Accessibility
- 23:27Functional Components
related talks
06mSubdivide: Cross-platform charting with React & React Native
20mIntro to LayerChart
27mSVG charts and graphics with Ruby
34mAccessible Charts Done Right: Myth or Reality
32mD3 and React, Together
41mAccessible Charts Done Right
25m(Easier) Interactive Data Visualization in React
39mSVG Charts and Graphics with Ruby