Database diagram in Drizzle Studio

[MeowningMaster]

Implement database diagram view with foreign keys

[CestDiego]

How can we get this working ?

[afogel]

this is actually something that is straightforward to implement using drizzle-dbml-generator and dbml-renderer

// dbml.ts
import { schema } from "@/lib/db/schema";
import { pgGenerate } from "drizzle-dbml-generator";

const out = "./schema.dbml";
const relational = true;
pgGenerate({ schema, out, relational });
console.log("✅ Created the schema.dbml file");
console.log("⏳ Creating the erd.svg file");

Then from the CLI:
bun dbml.ts && bun dbml-renderer -i schema.dbml -o erd.svg

[gnowland]

Pair this with VSCode extension DBML Live Preview. 🚀

[LesserWords]

I would recomend DBML Entity-Relationship Diagrams visualizer as i find it has better flow of use for visualizing schemas. It requires the vscode-dbml to work.

[warisareshi]

What's the update on this? Will a schema visualizer be implemented in drizzle-studio sometime in the near future?