Hongbin Miao缪鸿彬

NOTES / EXPLORABLE EXPLANATION

Interaction lab

A public test bed for reusable 2D and 3D interactions in future notes.

Hongbin MiaoOctober 18, 2026

Overview

This public lab demonstrates the interaction system used in future notes. The controls are described in Building blocks; the written explanation remains available when motion is reduced or 3D is unavailable.

Experiment

The figure-eight orbit Equal masses · Planar model
Three equal masses follow a shared figure-eight path.
Body IBody IIBody III
Ready when you areNumerical approximation · 2D

The lab currently exercises the same scene contract used by [1]: a written idea, a light 2D view, and an optional 3D view.

Building blocks

  • a responsive 2D Canvas plot with D3 coordinate scales;
  • a Threlte scene with OrbitControls and a preserved camera state;
  • reusable play, reset, range, toggle, segmented, and theme controls;
  • reduced-motion and WebGL failure paths that leave the written explanation readable.

Add a new preset in the interactive registry when a future note needs a different experiment. The coordinate layer follows [2] so a future explorable can keep its data and drawing concerns separate.

References

  1. Threlte
  2. D3 scales