Skip to content
Back to college projects
Data structuresLive demo

AVL tree visualizer

A live browser adaptation of insert, delete, and rebalance behavior shown as an interactive tree visualization.

Original implementation

The original code built and rebalanced an AVL tree while printing traversals and root-to-leaf paths.

Web adaptation

The browser version preserves AVL balancing rules and surfaces rotation cases, balance factors, and traversal output without exposing arbitrary code execution.

Why it matters

Clear way to present data structure correctness and state transitions in a way visitors can actually inspect.

Original stack

  • C

Web stack

  • TypeScript
  • React
  • SVG

Original to web

Concept-preserving rewrite designed for browser constraints.

Archive

College archive

Interactive demo

These demos do not execute uploaded source files, native binaries, or arbitrary user code. Inputs are bounded and the browser versions are first-party rewrites in TypeScript.