DBML ERD Viewer

A Visual Studio Code extension for viewing DBML (Database Markup Language) files as Entity-Relationship Diagrams (ERD).

Features

• Real-time ERD visualization of DBML files
• Interactive pan and zoom functionality
• Support for tables, relationships, and field constraints
• Dark theme support
• Automatic diagram updates as you edit

Usage

1. Install the extension
2. Open a .dbml file
3. Click the DBML ERD icon in the activity bar (left sidebar) or use the command palette (Cmd/Ctrl+Shift+P) and search for "Show DBML ERD"
4. The ERD view will appear, showing your database diagram

Navigation

• Pan: Click and drag the diagram
• Zoom: Use mouse wheel or the + / - buttons
• Reset View: Click the ⟲ button

Example DBML

Table users {
  id integer [pk]
  username varchar
  email varchar
}

Table posts {
  id integer [pk]
  title varchar
  content text [note: 'Content of the post']
  user_id integer
}

Ref: posts.user_id > users.id

Requirements

• Visual Studio Code version 1.85.0 or higher

Extension Settings

This extension contributes the following settings:

• None currently

Known Issues

• None currently

Release Notes

0.0.1

Initial release of DBML ERD Viewer:

• Basic ERD visualization
• Pan and zoom functionality
• Dark theme support