{"id":2107,"date":"2026-05-26T08:05:43","date_gmt":"2026-05-26T08:05:43","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/mermaid-js-erd-syntax-guide\/"},"modified":"2026-05-26T08:05:43","modified_gmt":"2026-05-26T08:05:43","slug":"mermaid-js-erd-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/mermaid-js-erd-syntax-guide\/","title":{"rendered":"Panduan Sintaks ERD Mermaid.js"},"content":{"rendered":"

Apa itu Diagram Hubungan Entitas (ERD)?<\/h2>\n

Sebuah Diagram Hubungan Entitas (ERD)<\/strong> adalah gambaran struktural yang digunakan untuk merancang, mendokumentasikan, dan menganalisis skema basis data relasional. Ini menggambarkan tabel data khusus (entitas) dalam suatu aplikasi, kolom (atribut) yang terdapat di dalam tabel-tabel tersebut, serta aturan integritas referensial yang menghubungkan mereka. Ditulis menggunakan standar notasi Teknik Informasi (IE)<\/strong>, yang menerapkan notasi kaki burung<\/strong> kepala untuk menunjukkan keterbatasan data dan ketergantungan multi-tabel.<\/p>\n

Dengan Mermaid.js<\/strong>, Anda dapat mendefinisikan indeks tabel produksi, tipe data, dan koneksi kunci asing menggunakan blok teks yang bersih dan deklaratif. Mesin secara otomatis menangani ukuran untuk kontainer tata letak multi-kolom dan mengarahkan garis koneksi tanpa membiarkan label teks tumpang tindih.<\/p>\n

Panduan Sintaks Inti: Elemen dan Konstruksi<\/h2>\n

Membangun skema basis data yang valid dan sepenuhnya dapat dijalankan di Mermaid bergantung pada blok entitas struktural, pemetaan tipe data, tag indeks, dan operator kardinalitas.<\/p>\n

1. Deklarasi Entitas dan Kolom Tabel<\/h3>\n

Anda menginisialisasi kanvas ERD pada baris pertama menggunakan kata kunci erDiagram<\/code> kata kunci. Untuk mendefinisikan sebuah tabel, tulis nama entitas diikuti oleh kurung kurawal buka, daftarkan konfigurasi kolom Anda secara berurutan pada baris-baris terpisah:<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit Mermaid di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
erDiagram\r\n    USERS {\r\n        int id\r\n        string email\r\n        timestamp created_at\r\n    }<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit Mermaid di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
2. Menandai Kunci Utama, Kunci Asing, dan Komentar<\/h3>\n
Mesin ERD Mermaid memungkinkan Anda menetapkan tag indeks struktural langsung setelah definisi nama kolom dan tipe data. Anda juga dapat menambahkan komentar teks opsional ke kolom dengan membungkusnya dalam tanda kutip ganda:<\/p>\n