Skip to main content

ERD View

The ERD (Entity-Relationship Diagram) tab provides a visual representation of your collection's structure and relationships with other collections.

What You'll See​

The ERD displays your data model as an interactive diagram:

  • Collection nodes — Boxes showing collection names and their fields
  • Field details — Each field shows its name and data type
  • Relationship lines — Connections between related collections
  • Enum nodes — Separate nodes for enum types used in your schema

Controls​

The ERD uses React Flow for visualization with these controls in the bottom-right corner:

ControlAction
+Zoom in
−Zoom out
⟲Fit diagram to view
🔒Toggle interactive mode (drag nodes)

Additional controls:

  • Full Screen button (top-right) — Expand the diagram to full screen for a better view

Interacting with the Diagram​

  • Pan — Click and drag on the background to move around
  • Zoom — Use scroll wheel or zoom controls to zoom in/out
  • Move nodes — Drag individual collection boxes to rearrange the layout
  • Fit view — Click the fit button to center and zoom the diagram to show all collections

What ERD Shows​

Collection Nodes​

Each collection appears as a card showing:

  • Collection name at the top
  • List of fields with their data types
  • Field annotations (primary key, required, etc.)

Relationship Lines​

Lines between collections indicate relationships:

  • One side — Shown with a single line marker
  • Many side — Shown with a crow's foot (fork) marker

The line direction shows how collections relate (one-to-one, one-to-many, many-to-many).

Benefits​

The ERD helps you:

  • Visualize your schema — See all collections and how they connect at a glance
  • Verify relationships — Confirm relational fields are set up correctly
  • Spot issues — Identify missing or incorrect relationships
  • Share with team — Take screenshots for documentation or discussions
  • Plan changes — Understand impact before modifying the data model

Tips​

  • Open in Full Screen mode when working with complex schemas
  • Use ERD to verify relationships after adding new relational fields
  • Drag nodes to organize the layout for clearer visualization
  • The diagram auto-layouts initially but you can rearrange as needed