HomeEducation & Learning ToolsTeaching Machine: Branching Frame Map (2D)

Teaching Machine: Branching Frame Map (2D)

Interactive 2D dashboard of Crowder-style branching programmed instruction: a draggable, zoomable frame map shows a learner token routed by a logistic response model, alongside live response-curve and practice-curve panels driven by aptitude, difficulty and per-frame visit counts.

Education & Learning Tools2DModerate60 FPS📱 Mobile-adapted⇄ 3D version
2d-educational-technology ↗ Open standalone

Long before laptops and adaptive apps, the earliest "educational technology" in the electromechanical sense was Norman Crowder's branching teaching machine: a device that showed a learner one frame of instruction, asked a question, and — depending on the answer — either advanced to the next frame or detoured through a simpler remedial frame before looping back. This 2D dashboard renders that mechanism as a draggable, zoomable frame-map graph — a 12-frame main line arcing across the canvas with a remedial branch hanging below each frame — while two live side panels plot the exact logistic response curve and power-law practice curve that decide whether each attempt succeeds. Toggle branching on or off to compare Crowder's intrinsic programming against Skinner's earlier linear teaching machine, tune aptitude and difficulty, and either step through answers by hand or let the machine auto-run.

⚙ Under the hood

2D dashboard of Crowder-style branching programmed instruction: a draggable, zoomable frame map shows a learner token routed by a logistic response model, alongside live response-curve and practice-curve panels driven by aptitude, difficulty and per-frame visit counts.

educational technologyprogrammed instructionadaptive learninglogistic modellearning curvehistory of computingframe mapresponse curve

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)