Master TypeScript by
Visualizing It

Don't just read definitions. See the Stack & Heap in real-time, step through execution, and build a deep mental model of how TypeScript works.

Why TSViz?

Visual mental models + hands-on practice.

Memory Graph

Visualize the difference between Stack (primitives) and Heap (objects). See references and mutations happen live.

Execution Flow

Step-by-step execution highlighting. Understand exactly how the JavaScript engine processes your TypeScript code.

Interactive Playground

A full-featured Monaco editor. Write code, fix type errors, and visualize the results instantly in the browser.

Basics → Intermediate → Advanced

Basics

Primitives, functions, interfaces vs types, inference, literals, tuples, safety types.

Intermediate

Unions, guards, assertions, type queries, modules/interop, async/await, tsconfig strict.

Advanced

Generics, utility/mapped/conditional/template literal types, ambient/augmentation.

50+ problems with hints, solutions, and expected outputs across Easy/Medium/Hard.

Guided practice

Hints + solutions on every problem. See expected outputs to verify.

Run in-browser

TypeScript checks + runtime output, no setup. Use the built-in editor.

Concept-linked

Problems aligned to core TS topics: unions, guards, generics, async, modules, strict config, and more.