Model entities, attributes, and cardinalities in an entity-relationship diagram.
The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.
Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.
Entities become boxes with attributes, while relationship statements create connectors annotated with cardinality markers such as one-to-many. The renderer lays out the graph; the source remains a model of entities and relationships rather than a database migration.
Title: Blog Schema
Entities: [{"name":"User","attributes":[{"type":"int","name":"id","key":"PK"},{"type":"string","name":"email","key":"UK"},{"type":"string","name":"name","key":""}]},{"name":"Post","attributes":[{"type":"int","name":"id","key":"PK"},{"type":"int","name":"author_id","key":"FK"},{"type":"string","name":"title","key":""}]}]
Relationships: [{"from":"User","to":"Post","fromCardinality":"||","toCardinality":"}o","label":"writes"}]
erDiagram
%% Blog Schema
User {
int id PK
string email UK
string name
}
Post {
int id PK
int author_id FK
string title
}
User ||--}o Post : "writes"
Schema reviews, data-model documentation, and migration planning edit ER diagrams.