Graphics as a Function of State/Graphic=fn(state)
summary
Claims that Graphic = fn(state): graphics render declaratively from state using React and JSX, not just static assets. Shows concrete tools: SVG primitives in JSX, props-driven logic, and state updates driving redraws. Builds examples like a color bar and a multi-color bar component that accept color arrays, recompose shapes, and visibly update when props change. Demonstrates the approach works live with instant re-renders and reusable componentized graphic systems.
AI-written summary · about
chapters (10)
- 0:00Intro
- 1:20About Good Graphics
- 1:55Overview
- 2:15Function of State
- 2:56Click Text
- 3:40SVGs
- 4:22SVG Example
- 5:00Building SVGs
- 5:34Color Bar
- 6:34Conclusion








