Visualization Driven Development
summary
Claim: building small interactive visualizations speeds debugging and design. Uses Clojure/ClojureScript plus basic HTML CSS JavaScript, D3, websockets and a library named vdd-core to capture execution as data, push JSON to a websocket-backed browser visualizer and animate traces (example: a 50-number quicksort animation). A real query-simplification visualization exposes a recursion bug, gets fixed, and a one and a half day prototype yields clear performance fixes and reusable components.
AI-written summary · about
chapters (26)
- 0:00Intro
- 0:11About Me
- 1:00Communication
- 1:24What's happening?
- 1:38Tool Belt
- 2:55Deficiencies
- 4:39You're planning a wedding
- 5:05A good cake for the reception?
- 5:39Data Visualization
- 6:17Code is Data
- 7:00Quick Sort
- 8:43LOGO
- 9:54Drawing a House
- 11:54Web Browser
- 13:48In the Browser
- 14:12In the REPL
- 15:15Bar Chart in D3
- 19:13Identify Nouns
- 19:23Choose Visual Representation
- 20:15Choose a Layout
- 20:51Implementation
- 22:26A Problem
- 24:22Keep it simple.
- 24:58Before query state
- 28:45Jig Benefits
- 29:04Visualization Benefits
related talks
24mCreating Interactive Data Visualizations for the Web
42mInteractive Data Analysis: Visualization and Beyond
15mViz clj - Clojure data visualization for beginners
58mA Bird's Eye View of ClojureScript
37mVisualizing Persistent Data Structures
38mClojure for Business Teams - Decomplecting Data Analysis
35mVisualizing the data flow with Cycle.js
15mThe Future of Data Visualization on the Web