HomeComputer ScienceDatabase Design Simulator

Database Design Simulator

Interactive 3D relational database model: watch tables, primary/foreign keys and column redundancy respond as you change the normal form, and compare linear vs. indexed query lookups in real time.

Computer Science3DEasy60 FPS
database-design ↗ Open standalone

Relational databases organize information into tables linked by keys: a primary key uniquely identifies each row, and a foreign key in one table references the primary key of another. This simulator renders three linked tables — Customers, Orders and Products — as 3D platforms of colored cubes, one cube per stored value. Raising the normal form (1NF to 3NF) removes redundant, duplicated attributes from the Orders table and replaces them with clean foreign-key references, mirroring how real schema normalization eliminates transitive dependencies. Toggle a primary-key index and run a query to compare a linear table scan against an indexed lookup as the row count grows.

⚙ Under the hood

Interactive 3D relational database model: watch Customers, Orders and Products tables respond as you raise the normal form from 1NF to 3NF, then toggle a primary-key index and run a query to compare a linear scan against an indexed lookup.

Three.jsdatabasesqlnormalizationrelational-modelcomputer-scienceindexing

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)