Dr. Haitao Xu — Algorithm Teaching Demo: Linear vs Binary Search

🧩 Layout Edit Mode — drag & resize panels, then “Save Default”

⠿

Config

Layout Edit Mode (Drag/Resize)

Default layout is saved in your browser (localStorage).
Tip: turn on “Layout Edit Mode”, drag/resize panels, then click Save.

Intro Panel Snap (8px)

Animation Scale

Code Font Scale Log Font Scale

Doors (N)

Delay (ms)

Shortcuts: Space (step), L (linear), B (binary), R (reset), F (fullscreen)

Linear

Binary

Code Panel Logs

Volume

Preset

Mode

Custom Door (.mp3/wav)

Custom Win (.mp3/wav)

⠿

Algorithm Race

Goal: Find the treasure hidden behind one of the N doors.

🟨 Linear Search checks every door.
🟦 Binary Search divides & conquers.

Path Visualization Treasure Hidden

⠿

🔍 Linear Search O(n)

Ops: 0

I open doors one by one...

Code Execution i=1, guess=?, ops=0

Operation Log

⠿

Ops: 0

I cut the range in half...

Code Execution low=1, high=N, mid=?

Operation Log