Subsequently: Telling stories with pictures makes programs
summary
A live programming environment called Subsequently lets users build algorithms by directly manipulating concrete values and wiring control flow as a diagrammatic comic strip. The prototype supports list reversal and filtering by dragging elements, binding a numeric index, and creating branches that become panels; execution shows little dots indicating loop iterations and updates live so changing the condition immediately recomputes results. It removes a separate debugger or run step (no explicit run step), is implemented as a visual/tangible prototype, and works for simple examples though it remains early.
AI-written summary · about
chapters (8)
- 0:00Visual programming systems
- 1:06Explaining algorithms
- 2:28Subsequently system
- 3:52Building programs directly
- 5:57List reversal in Subsequently
- 7:21List filtering with logic
- 9:27Visual language disambiguation
- 10:55Runtime visualization
related talks
27mReclaiming the Unexplored in Hybrid Visual Programming
32mCode goes in, Art comes out
47mReal-time prototyping using visual programming languages
19mtldraw.computer
19mSketch-n-Sketch: Output-Directed Programming for SVG
40mSketch-n-Sketch: Interactive SVG Programming with Direct Manipulation
27mBreaking Down JavaScript Complexities With Generative Art
33mProgramming as a Performance