Database schema tool

DBML Viewer to Visualize Database Schemas as ER Diagrams

Paste DBML or open a .dbml file and explore it as an interactive diagram with relationships, notes, and enums. Nothing leaves your browser.

Private · drawn in your browser

Paste DBML, open a .dbml file, or load the sample to begin.

Your diagram will appear here

Paste DBML into the editor, drop a .dbml file or a whole folder of them anywhere on this page, or start from a sample schema.

JavaScript is required for this DBML viewer

The DBML is parsed and drawn locally in your browser, so JavaScript must be enabled to render the diagram.

Turn DBML into a readable ER diagram

DBML (Database Markup Language) describes tables, columns, relationships, and notes in plain text, which makes it easy to review in pull requests but hard to picture as a whole. This viewer parses the DBML you paste and draws every table as a card with its primary keys, foreign keys, types, and constraints, then connects the related columns with crow's foot lines so one-to-many, one-to-one, and many-to-many relationships are visible at a glance.

Tables are arranged automatically, and the diagram updates as you type. Drag tables to tidy the picture, switch to keys-only or names-only views for large schemas, arrange the diagram around one table to read its relationships side by side, and use the search box to jump straight to any table or column. Hover a column to read its note, default value, check constraints, and references. In Chrome and Edge, an opened .dbml file redraws each time you save it in your editor, and any diagram can be exported as a PNG or SVG image.

Private by design

The DBML is parsed with the official open-source DBML parser and laid out with the Eclipse Layout Kernel, both running inside your browser. Your schema is never uploaded, never logged, and never added to the page address. It is kept only in this browser tab so a reload does not lose your work, and closing the tab discards it.

When a file references tables that are defined in another file, the viewer draws them as dashed placeholders instead of refusing the whole document, so split schemas can be explored one file at a time. Open the whole folder and those placeholders, the search box, and columns such as user_id that point at a table only by name all lead to the file that defines it.

How to visualize a DBML schema

Paste DBML into the editor, open a .dbml file, or drop one onto the page. In Chrome and Edge, an opened file is watched, so the diagram refreshes each time you save it.
For a schema split across files, open or drop its folder. Every .dbml file inside appears in an explorer, and each one keeps its own arrangement while you move between them.
Pan by dragging the background, hold Ctrl and scroll to zoom, and drag tables wherever you like.
Click a table to highlight its relationships and open its details, or double-click it to jump to its definition.
Export the diagram as a PNG or SVG image for documentation, or download the DBML itself.
Install the viewer as an app from the browser menu to open .dbml files straight from your file manager, editor, or terminal.

FAQ

What is DBML?

DBML, short for Database Markup Language, is an open-source language for describing database schemas in plain text: tables, columns, indexes, relationships, enums, and notes. It is popular for documenting schemas because it is easy to read and to review in a pull request.

Is my schema uploaded anywhere?

No. The DBML parser and the layout engine both run inside your browser. The schema is kept only in this browser tab so a reload does not lose it, and it is never sent to a server or added to the page address.

Which DBML features are supported?

Tables with schemas and aliases; column settings such as primary key, not null, unique, increment, default values, and check constraints; indexes; enums; relationships written inline or as Ref blocks, including composite keys and delete and update actions; table groups; table partials; header colors; sticky notes; and project notes.

What happens if my DBML references a table from another file?

The viewer draws it as a dashed external placeholder with the referenced columns, so a schema split across several files can still be explored one file at a time. Genuine syntax errors are underlined in the editor, and the last valid diagram stays on screen until you fix them.

Can I open a whole folder of DBML files?

Yes. Open a folder or drop it onto the page, and every .dbml file in it and its subfolders appears in an explorer beside the diagram. Each file keeps its own arrangement while you switch between them, search covers every file, and a dashed placeholder for a table defined in another file opens that file when you double-click it. In Chrome and Edge the explorer also follows files you add, remove, or save.

How do I read the relationship lines?

Lines use crow's foot notation. The three-pronged end sits on the many side of a relationship and the single bar on the one side, so a line from order_items.order_id to orders.id reads as many order items per order. Hover a line to see its definition and any delete or update actions.

How do I find my way around a large schema?

Press / or use the search box to jump to any table or column, switch to Keys or Names to shrink every table, click a table to highlight only its relationships, and use the minimap to move around. Arrange lays everything out again: Short lines keeps related tables closer together, and Arrange around puts one table's relationships side by side so they can be read at a glance.

Does the diagram update live when I save my .dbml file?

Yes, in Chrome and Edge. Open a .dbml file or drop it onto the page, and the ER diagram refreshes each time you save it in your editor, keeping your tables where you arranged them. Editing the DBML inside the viewer stops the live reload, so your changes are never overwritten.

Can I install the DBML viewer as a desktop app?

Yes. In Chrome or Edge, install it from the address bar or the browser menu. It then opens in its own window and appears in your file manager's Open With menu for .dbml files, so you can open a schema from your desktop, code editor, or terminal and see it as an ER diagram straight away.

Can I export the diagram?

Yes. Export saves a sharp PNG image or a scalable SVG of the whole diagram exactly as it is arranged on screen, and you can also download the DBML source as a .dbml file.

All tools Back to home Privacy