Back to Portfolio

Algorithm Visualizer

Browser sorting visualizer with controllable playback, step execution, and operation counters.

Demo path: Load Reversed -> Compare All -> scrub Quick Sort to explain behavior and tradeoffs.

Controls

Ready. Generate an array and start sorting.

Shortcuts: Space start/pause, ArrowRight/ArrowLeft step or back, R randomize, P pick best fit, C compare.

Comparisons

0

Swaps

0

Writes

0

Step Progress

0 / 0

Theory Ops

-

Workload Diagnostics

Read how the current input is shaped before you benchmark it.

Generate an array to inspect its workload shape.

Sortedness

-

Duplicate Rate

-

Value Spread

-

Inversions

-

Selection Verdict

Turn the current sorter choice into a stronger demo claim before you benchmark it.

Verdict

Generate an array to score the current picker.

Best Use

-

Fallback

-

Watch-Out

-

Replay Teaching Cut

Five checkpoints for explaining the run without narrating every operation.

Generate steps to get a compact narration path.

    Algorithm Profile

    Read the current sorter as an engineering tradeoff, not just an animation.

    Select an algorithm to inspect its fit.

    Average Time

    -

    Memory

    -

    Stable

    -

    Sweet Spot

    -

    Array Fingerprint

    Turn the current workload into a compact profile before comparing raw operation counts.

    Generate an array to compute its local shape signals.

    Monotonic Runs

    -

    Largest Jump

    -

    Median

    -

    Unique Values

    -

    Workload Matchup

    Predict which sorter families should fit this array before you spend time benchmarking every option.

    Generate an array to forecast the best and riskiest sorter fits.

    Best Fit

    -

    Fast Baseline

    -

    Risk Pick

    -

    Selected Read

    -

    Experiment Coach

    Turn the current algorithm and workload into the next contrast run worth showing in a portfolio demo.

    Generate an array to stage the next contrast test.

    Best Next Preset

    -

    Contrast Move

    -

    Demo Framing

    -

    Operator Note

    -

    Operation Lens

    Translate the current replay step into a human-readable algorithm move.

    Generate an array to inspect the operation mix.

    Current Step

    -

    Compare Share

    -

    Swap Share

    -

    Write Share

    -

    Replay Budget

    Estimate how long the current run will take to show and whether the replay is dense enough for a live demo.

    Generate a run to estimate its playback budget.

    Projected Runtime

    -

    Ops / Second

    -

    Checkpoint Density

    -

    Demo Cue

    -

    Run Volatility

    Read whether the replay is smooth, bursty, or dominated by one disruptive phase before you narrate it live.

    Generate a run to inspect its burstiness and pacing shifts.

    Longest Compare Run

    -

    Longest Write Run

    -

    Turning Point

    -

    Demo Cue

    -

    Operation Posture

    Classify whether the current sorter is mostly scouting, exchanging, or rebuilding so the replay has a sharper teaching angle.

    Generate a run to classify its operation posture.

    Dominant Phase

    -

    Commit Rhythm

    -

    Teaching Angle

    -

    Watch-Out

    -

    Momentum Window

    Split the replay into opening, middle, and closing windows so the teaching beat changes are visible before you scrub through the whole run.

    Generate a run to inspect where the replay actually spends its effort.

    Opening Window

    -

    Middle Window

    -

    Closing Window

    -

    Demo Cue

    -

    Benchmark Verdict

    Turn the compare-all snapshot into an explicit recommendation.

    Run Compare All to see which sorter best fits this workload.

    Fastest

    -

    Gap To Worst

    -

    Stable Pick

    -

    Runner-Up

    -

    Selected Delta

    -

    Coach Note

    -

    Benchmark Pressure

    Read whether the current picker is leading, chasing, or only useful as a teaching contrast.

    Run Compare All to measure how much pressure is on the current algorithm pick.

    Leader

    -

    Current Pick

    -

    Gap To Lead

    -

    Demo Cue

    -

    Comparison Snapshot

    Run the current array through every implemented sorter without animation.

    No comparison yet.

    Algorithm Comparisons Swaps Writes Total Ops
    Use Compare All to benchmark this input.

    Preset Gauntlet

    Benchmark the full sorter set against four workload families instead of a single one-off array.

    Run the gauntlet to see which algorithms keep winning across contrasting presets.

    Most Wins

    -

    Steadiest Baseline

    -

    Biggest Upset

    -

    Operator Cue

    -

    Saved Workload Shelf

    Keep a small local set of arrays worth re-running so the demo can return to a known contrast quickly.

    Save the current array to build a reusable workload shelf.

    Recent Compare-All Runs

    Keep a short local tape of benchmark snapshots so one workload can be contrasted against the next.

    No benchmark history saved yet.

    Benchmark Confidence

    Read whether the current winner is a one-off result or a repeatable story across saved workload snapshots.

    Run Compare All a few times to turn benchmark memory into confidence.

    Evidence

    -

    Winner Churn

    -

    Anchor

    -

    Cue

    -

    Stability Read

    Turn local benchmark memory into a quick read on whether the same winner keeps holding up.

    Run Compare All a few times to inspect winner consistency.

    Leader Streak

    -

    Winner Spread

    -

    Repeatable Baseline

    -

    Operator Cue

    -

    Contrast Planner

    Turn the latest benchmark and local winner history into the sharpest side-by-side story to show next.

    Run Compare All to pick an anchor sorter and its best contrast.

    Anchor Sorter

    -

    Contrast Sorter

    -

    Story Angle

    -

    History Cue

    -

    Selected Algorithm Story

    Turn the currently selected sorter into a cleaner best-demo angle with one explicit watch-out.

    Run Compare All to turn the current algorithm into a portfolio-ready pitch.

    Best Demo Angle

    -

    Watch-Out

    -

    History Cue

    -

    Selection Track Record

    Read how the currently selected sorter sits against the short local winner tape.

    Run Compare All a few times to build a track record for the current picker.

    Current Finish

    -

    Saved Wins

    -

    Leader Pressure

    -

    Pitch Cue

    -

    Complexity Reality Check

    Compare the textbook complexity story against the operation stream this exact workload generated.

    Generate a run to compare theory with observed operation cost.

    Theory Posture

    -

    Observed Load

    -

    Fit Read

    -

    Pitch Cue

    -