SQL Visualizer - Step-by-Step Query Execution
An educational SQL visualizer that shows how a query is evaluated in logical execution order. Define your own in-memory tables, run a query, and step through each transformation with before-and-after tables. Share links encode the whole workspace in the URL — no backend required.
Vite
React
TypeScript
SQL
Vercel
- •Parses a focused SQL subset: SELECT, JOIN, WHERE, GROUP BY, HAVING, ORDER BY, LIMIT, and aggregates
- •Step-by-step trace of each logical transformation with before/after tables
- •User-defined tables via CREATE TABLE and INSERT, with starter data included
- •Read-only share links encode a compressed workspace snapshot entirely in the URL