Engineering Lab

Computer Systems

5 visualizers
Visualizer
Intermediate

JavaScript Event Loop Visualized: Call Stack, Promises, Microtasks & Async/Await

Step through the call stack, runtime APIs, microtasks, tasks, and rendering opportunities—and see why asynchronous JavaScript can still freeze an app.

Visualizer
Intermediate

CPU Caches and Locality Visualized

See how cache lines, locality, access order, and finite capacity make two algorithms with the same Big O behave differently on real hardware.

Visualizer
Intermediate

Virtual Memory Visualized: Pages, Page Tables and Address Translation

Follow a virtual address through the TLB and page table to physical memory, including page faults, protection, and the limits of the model.

Visualizer
Intermediate

Processes, Threads and Concurrency Visualized

See how processes isolate resources, threads share state, schedules interleave, and synchronization prevents races while creating new tradeoffs.

Visualizer
Intermediate

Stack vs Heap: How Memory Works

A careful conceptual model of call frames, dynamic allocation, ownership, lifetime, and what managed runtimes can change.

Databases

3 visualizers
Visualizer
Intermediate

SQL Query Planner Visualized: EXPLAIN, Index Scans & Join Strategies

Change table size, selectivity, and available indexes to see a conceptual planner choose scans and joins—and learn to read EXPLAIN ANALYZE safely.

Visualizer
Advanced

SQL Transactions Visualized: Isolation Levels, Locks & Race Conditions

Interleave two transactions and see lost updates, snapshots, row locks, deadlocks, and PostgreSQL serialization failures as they happen.

Visualizer
Intermediate

Database Indexes Visualized: B-Trees, Pages & Why Queries Get Faster

Explore page-oriented B-Tree indexes, splits, range scans, composite keys, selectivity, and the tradeoff between faster reads and more expensive writes.

Backend & Distributed Systems

6 visualizers
Visualizer
Intermediate

Rate Limiting Visualized: Fixed Window, Sliding Window & Token Bucket

Send traffic through fixed-window, sliding-window, and token-bucket limiters to compare bursts, fairness, state, 429 responses, and refill behavior.

Visualizer
Intermediate

Debugging Distributed Systems: Logs, Metrics & Traces Visualized

Inspect trace waterfalls, correlated logs, span errors, latency, throughput, and retries to find where a distributed request actually failed.

Visualizer
Intermediate

Caching Visualized: Browser, CDN, API & Database Caches

Send requests through memory, browser, CDN, API, and database layers while changing TTL, capacity, frequency, staleness, and revalidation.

Visualizer
Intermediate

Background Jobs & Message Queues Visualized: Workers, Retries & Dead Letters

Watch producers, queues, workers, retries, duplicate deliveries, backpressure, and dead-letter handling change under real failure scenarios.

Visualizer
Advanced

Why You Should Never Trust the Client: Server-Authoritative App Architecture

Use trust boundaries, authorization, validation, idempotency, transactions, and server-owned rules to keep mobile games and APIs correct under tampering and retries.

Visualizer
Intermediate

What Happens When Your App Makes an HTTP Request?

Follow fetch through DNS, connection security, edge infrastructure, authentication, cache, database, serialization, retries, and the final UI update.

React Native / Mobile

2 visualizers
Visualizer
Intermediate

Push Notifications Visualized: Expo, APNs, FCM & App Lifecycle

Trace a notification from an Expo backend through APNs or FCM into foreground, background, and terminated app states—and then into a deep link.

Visualizer
Intermediate

React Native Performance Visualized: JS Work, Rendering & Dropped Frames

See how JavaScript, React rendering, native/UI work, lists, images, and state updates compete for a frame—and which optimizations actually help.

Algorithms

12 visualizers
Visualizer
Beginner

Arrays, Linked Lists, Stacks and Queues Visualized

How the organization of linear data makes indexing, insertion, removal, and traversal cheap or expensive.

Visualizer
Advanced

Dynamic Programming Visualized

From repeated recursion to carefully defined states, memoization, tabulation, and the tradeoffs behind dynamic programming.

Visualizer
Intermediate

Heaps and Priority Queues Visualized

Why a binary heap keeps the next priority at the root, maps naturally to an array, and supports efficient scheduling.

Visualizer
Intermediate

Recursion and the Call Stack Visualized

Recursion explained as ordinary function calls, pending stack frames, base cases, and a controlled return journey.

Visualizer
Intermediate

Trees and Binary Search Trees Visualized

Tree vocabulary, binary-search-tree invariants, deletion cases, traversals, and why balance determines performance.

Visualizer
Beginner

Big O Notation Visualized: Understanding Time Complexity

What Big O actually measures, how each growth class behaves as input grows, and when complexity decides your architecture versus when it is the wrong thing to optimize.

Visualizer
Beginner

Binary Search Visualized

A step-by-step guide to binary search, including the core invariant, common implementation bugs, and why halving the search interval changes performance completely.

Visualizer
Advanced

Graph Algorithms Part 2: Dijkstra and Topological Sort

Visualize shortest paths with Dijkstra's algorithm and understand dependency resolution with Topological Sort (Kahn's algorithm).

Visualizer
Intermediate

Graph Traversal Algorithms Visualized

A visual guide to exploring graphs using Breadth-First Search (BFS) and Depth-First Search (DFS), and understanding how traversal strategy affects performance and behavior.

Visualizer
Intermediate

Hash Tables Visualized

A visual guide to how hash tables really work: hashing, collisions, probing, resizing, and why performance can collapse if you ignore the details.

Visualizer
Advanced

Advanced Sorting Algorithms Visualized

Explore non-comparison sorting algorithms and selection algorithms including QuickSelect, Counting Sort, and Lexicographic Counting Sort.

Visualizer
Beginner

Sorting Algorithms Visualized

A visual guide to understanding common sorting algorithms including Bubble Sort, Selection Sort, Insertion Sort, Quick Sort, and Merge Sort.

Developer Tools

1 visualizers
Visualizer
Intermediate

Git Internals Visualized: Commits, Branches, HEAD, Merge & Rebase

Manipulate a simplified commit graph to see how Git objects, branches, HEAD, merge, rebase, reset, and cherry-pick fit together.