View a database schema diagram in QuackDB 1.0
See your database tables and how they relate in the QuackDB 1.0 schema diagram.
The Schema Diagram provides an interactive visualization of your database structure, powered by ReactFlow.

Features
Automatic Layout: Tables arranged using Dagre algorithm
Foreign Key Visualization: Lines connect related columns
Interactive: Drag tables, zoom with scroll, pan background
Search: Filter tables by name
Export: Save as PNG, SVG, or PDF
Position Memory: Saves your custom table positions
Visual Elements
| Element | Meaning |
|---|---|
| 🔑 Key icon | Primary key column |
| → Arrow line | Foreign key relationship |
Data Type Colors
| Type | Color |
|---|---|
| INTEGER / INT | Blue |
| TEXT / VARCHAR | Green |
| REAL / FLOAT | Orange |
| BLOB | Purple |
| DATE / TIME | Teal |
| BOOLEAN | Pink |
Tip: Click a table to highlight it and see its connections. The diagram has been tested with 50+ tables.