JSON Byte
(json-byte.pages.dev)Ini adalah alat visualisasi JSON. Ada banyak alat visualisasi JSON yang bagus. Beberapa di antaranya juga pernah diperkenalkan beberapa kali melalui GeekNews. Saya juga menggunakan alat-alat itu dengan sangat berguna.
Namun seperti biasa, ada beberapa hal yang terasa kurang memuaskan, jadi saya memutuskan untuk mencoba membuatnya sendiri. Fitur dasarnya adalah sebagai berikut.
- Memvisualisasikan data JSON dalam bentuk grafik
- Jika diedit menggunakan editor, perubahan akan tercermin pada visualisasi
- Fitur pencarian node
- Pembedaan warna berdasarkan tipe
Bagian yang saya rasa kurang nyaman adalah sebagai berikut.
- Saya ingin membagikan tampilan yang sedang saya lihat
- Akan bagus jika YML didukung
- Akan bagus jika tampil baik juga di perangkat mobile
Ada perbedaan-perbedaan seperti ini. Saya berencana menambahkan fitur sedikit demi sedikit sesuai kebutuhan. Jika Anda punya masukan atau ingin berkontribusi, saya sangat menyambutnya.
Terima kasih.
26 komentar
Akan lebih baik jika bisa menyorot atau memfilter hanya node yang ingin dicari dengan JSONPath.
Saya juga ingin mengusulkan apakah fitur untuk berpindah dengan menyeret dari minimap bisa ditambahkan.. hehe, di JSON yang besar memang tidak mudah menemukan node yang diinginkan T_T
Karena ukurannya jadi besar, sepertinya render-nya jadi cukup berat ya wkwk T_T Saya memakai sekitar 500 ribu byte.
Karena xyflow berbasis DOM, tampaknya performanya agak menurun saat jumlah node menjadi banyak. Salah satu target saya juga adalah mencoba meningkatkan performanya. Terima kasih.
Menurut saya, menjadikannya dirender dalam keadaan semua bagian terlipat secara default juga bisa menjadi salah satu solusi. Bagaimanapun, yang ingin saya lihat juga hanya sebagian kecil saja.
Oh, rapi sekali. Saya akan memakainya sesekali.
Terima kasih atas masukannya.
Sangat rapi dan indah.
Namun saat diubah ke tema gelap, hanya jendela kode yang tidak ikut diterapkan.
Jendela kode dikelola dengan tema terpisah. Anda bisa mengubah tema menggunakan pengaturan di sebelah Export. Awalnya saya sempat mempertimbangkan untuk menghubungkannya, tetapi saya mengerjakannya secara terpisah agar pilihannya lebih luas.
Saya memang butuh yang seperti ini, bagus sekali.
Akan bagus kalau ada fitur untuk mengelompokkan dan menampilkan daftar yang panjang!
Terima kasih. Fitur untuk mengelompokkannya seperti
show/lessdikecualikan pada versi saat ini karena ada masalah saat merender node anak. Saya akan memikirkan lebih lanjut apakah ada cara yang lebih baik.Bagus!
Terima kasih.
Mungkin karena Safari, tapi di iPad tampilannya tidak terlihat dengan benar.
Di iPhone saya tampil dengan benar jadi saya sempat lega, tapi ternyata perangkat iPad dan sejenisnya berbeda lagi. Nanti kalau ada waktu akan saya cek. Terima kasih.
Sepertinya bagus!
Terima kasih atas masukannya 馃憤
Ini bagus banget. Saya sampai login cuma untuk komentar. wkwkwk
Terima kasih atas masukannya 馃憤
Oh, lumayan bagus ya
Terima kasih atas masukannya 馃憤
Akan lebih baik kalau perubahan di visualisasi juga diterapkan ke editor.
Ini ide yang bagus. Saya akan memikirkan cara menerapkannya.
Akan bagus jika bisa menangani beberapa file JSON sambil beralih di antara file-file tersebut dengan tab dan semacamnya.
Saya sempat ingin mendukung tab, tetapi sepertinya itu akan membuat proses export/import jadi lebih rumit, jadi untuk rilis pertama saya mengecualikannya. Akan saya tambahkan segera.
Bagus, tapi akan lebih baik kalau ini mendukung ekstensi Chrome + pembacaan file system.
Tapi secara pribadi, menurut saya JSON memang paling enak dilihat pakai editor saja ^_T
Dengan menggunakan impor, unggah file bisa dilakukan. Untuk ekstensi Chrome, akan saya pertimbangkan. Terima kasih!