Viewer Relasi JSON
Visualisasikan hubungan antartabel dan array bersarang dalam JSON sebagai ERD interaktif.
JSON Document Input
Relationship Diagram (4 Entities)
root
1| _id |
|---|
| 1 |
users
2linked via _parentId → root._id
| _parentId | _id | id | name | |
|---|---|---|---|---|
| 1 | 1 | 1 | Alice | alice@example.com |
| 1 | 2 | 2 | Bob | bob@example.com |
posts
2linked via _parentId → root._id
| _parentId | _id | id | title | userId |
|---|---|---|---|---|
| 1 | 1 | 10 | Hello World | 1 |
| 1 | 2 | 11 | JSON Tools | 2 |
comments
1linked via _parentId → root._id
| _parentId | _id | id | body | postId | userId |
|---|---|---|---|---|---|
| 1 | 1 | 100 | Great article! | 10 | 2 |
Apa itu Viewer Relasi JSON?
Viewer Relasi JSON — Alat arsitektur data yang menganalisis struktur JSON bersarang dan memvisualisasikan hubungan antartabel/array dalam bentuk Diagram Relasi Entitas (ERD) interaktif. Alat ini mendeteksi referensi kunci asing (foreign key) secara otomatis dan menggambar garis hubungan antar himpunan data.
Cara menggunakan Viewer Relasi JSON
- Tempelkan dokumen JSON yang memiliki beberapa array atau tabel bersarang.
- Diagram ERD interaktif akan secara otomatis digambar di panel visualisasi.
- Geser (pan) dan perbesar (zoom) canvas diagram untuk menjelajahi entitas data.
- Ekspor diagram atau unduh skema relasi sebagai berkas CSV.
Contoh
Relasi Pengguna dan Post
Masukan
{"users": [{"id":1}], "posts": [{"id":10, "userId":1}]}
Keluaran
Diagram menunjukkan tabel 'users' terhubung ke tabel 'posts' melalui 'userId'.
Struktur Objek Bersarang
Masukan
{"company": {"departments": [{"name": "HR"}]}}
Keluaran
Diagram memisahkan entitas 'company' dan 'departments'.
Kesalahan umum
- Memasukkan data objek tunggal tanpa array sehingga tidak ada entitas terelasi yang bisa digambar.
- Mengasumsikan garis relasi selalu 100% sempurna jika nama kunci asing tidak konsisten.
- Lupa menggunakan fitur zoom pada diagram dengan banyak tabel.
Mengapa menggunakan alat ini
- Sangat baik untuk memvisualisasikan skema database sebelum migrasi.
- Antarmuka visual interaktif yang responsif dan fleksibel.
- Mempermudah penjelasan struktur data kompleks kepada anggota tim.