Docs

These guides describe QuackDB 1.0, the previous version. Screens and some features differ in the new native Mac version, which has its own guides.

Go to the new guidesGet the previous version
Docs/Visualization (1.0)/Schema Diagram

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.

QuackDB Schema Diagram View

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

ElementMeaning
🔑 Key iconPrimary key column
→ Arrow lineForeign key relationship

Data Type Colors

TypeColor
INTEGER / INTBlue
TEXT / VARCHARGreen
REAL / FLOATOrange
BLOBPurple
DATE / TIMETeal
BOOLEANPink

Tip: Click a table to highlight it and see its connections. The diagram has been tested with 50+ tables.

Need help?

Join our Discord community for support and discussions.

Join Discord