Choose a Visualizer
15 visualizers across 7 domains — pick any technology to see how it works under the hood through interactive animations.
Frontend Internals
JavaScript Engine Visualizer
Engine-level deep dive into execution contexts, prototype chains, closures, async internals, memory management, and the event loop.
TypeScript Visualizer
Deep-dive into the type system internals, compiler pipeline, generics, variance, mapped types, and real-world advanced patterns.
Event Loop Simulator
Interactive console to add async tasks, visualize queue processing, and step through execution with a fully controllable simulator.
React Visualizer
Explore component trees, re-render cycles, virtual DOM diffing, and state update propagation through interactive animated diagrams.
Next.js Visualizer
Understand Server vs Client components, SSR/CSR/SSG differences, and data fetching lifecycles with animated request flow diagrams.
Vue.js Visualizer
Explore Vue reactivity system, Composition API, component patterns, directives, Vue Router, and Pinia state management.
Nuxt Visualizer
Visualize Nitro server engine, hybrid rendering modes, file-based routing, data fetching, modules, and SSR state management.
Backend Internals
Node.js Visualizer
Visualize the event loop phases, call stack operations, callback queues, timers, and async operations in real-time.
Express.js Visualizer
Watch middleware chain execution, request/response flow, error handling, and routing logic with step-by-step animations.
Database Internals
MongoDB Visualizer
Document model, BSON format, indexing strategies, aggregation pipeline, replica sets, sharding, and query execution deep-dives.
PostgreSQL Visualizer
Relational model, query planner, MVCC transactions, isolation levels, B-Tree internals, and cost estimation visualized.