Primitive 03 / ER diagram canvas

ER diagram canvas

An SVG-driven entity-relationship canvas. Each table is rendered as a rectangle with an accent header, a list of column rows, and small PK / FK dots. Foreign-key arrows are computed from column anchors and pass through markered curves. A minimap reflects the canvas viewport.

Production answer

ER diagram canvas is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview ER diagram canvas states
Generative search brief

ER diagram canvas: An SVG-driven entity-relationship canvas. Each table is rendered as a rectangle with an accent header, a list of column rows, and small PK / FK dots. Foreign-key arrows are computed from column anchors and pass through markered curves. A minimap reflects the canvas viewport.

Live primitive — Mufflermen core entities
publiccustomersidbigintemailcitextphonevarchar(20)full_namevarchar(120)created_attimestamptzpublicquotesidbigintcustomer_idbigintvehicle_regovarchar(8)subtotal_centsintegerstatusquote_statuspublicbookingsidbigintquote_idbigintcustomer_idbigintscheduled_fortimestamptzbay_idsmallintpublicpartsidbigintskuvarchar(40)titlevarchar(120)stock_qtyintegerpublicinvoicesidbigintbooking_idbiginttotal_centsintegerpaid_attimestamptzpublicusersidbigintemailcitextroleuser_rolelast_seen_attimestamptzpublicaudit_logidbigintuser_idbiginttable_namevarchar(80)actionvarchar(20)changed_attimestamptz