Editor Graphviz
Tulis kode DOT dan render diagram Graphviz secara langsung di peramban. Semua 7 mesin tata letak, baris kesalahan sintaks, pratinjau yang dapat di-zoom, unduhan SVG, dan ekspor PNG. Sepenuhnya lokal dengan WebAssembly - tanpa unggah.
Apa itu Graphviz dan bahasa DOT?
Graphviz adalah perangkat klasik sumber terbuka untuk visualisasi graf. DOT adalah bahasa teksnya untuk mendeskripsikan simpul, sisi, dan atribut; Graphviz menghitung tata letak yang mudah dibaca secara otomatis.
Apakah perlu internet untuk merender?
Hanya untuk unduhan awal mesin tata letak sekali saja. Setelahnya rendering berjalan lokal di peramban melalui WebAssembly, sehingga diagram dan kode Anda tidak pernah meninggalkan perangkat.
Mesin tata letak apa yang didukung?
Semua tujuh: dot (hierarkis), neato dan fdp (berbasis gaya), circo (melingkar), twopi (radial), osage (pohon klaster), dan patchwork (treemap). Ganti dari dropdown Tata letak.
Bagaimana memahami makna galat sintaks?
Saat kode DOT bermasalah, panel galat menampilkan pesan mesin beserta nomor baris tempat penguraian gagal, dan render valid terakhir tetap terlihat.
Bisakah mengekspor hasilnya?
Bisa. Unduh berkas vektor SVG yang tajam, atau ekspor PNG resolusi 2x dengan latar yang cocok dengan tema saat ini.
Apakah pratinjau bisa di-zoom untuk graf besar?
Bisa. Gunakan roda mouse di atas pratinjau atau tombol zoom, seret untuk menggeser, dan tekan Sesuaikan untuk mengatur ulang tampilan.
Apakah ada contoh awal?
Dropdown Contoh berisi diagram alur, mesin status, bagan organisasi, jaringan neato, dan pohon radial twopi — masing-masing memuat kode DOT siap edit.
Apakah kode DOT saya dikirim atau disimpan?
Tidak. Tidak ada yang dikirim ke server dan tidak ada yang disimpan; editor hanya membaca yang Anda ketik pada sesi halaman saat ini.
Seberapa besar graf yang sanggup ditangani?
Graf dengan ratusan simpul dirender nyaris seketika. Graf sangat besar (ribuan simpul) juga bisa, tetapi waktunya proporsional lebih lama.
Apakah hasilnya sama dengan Graphviz baris perintah?
Ia membundel pustaka Graphviz yang sama (versi 16), sehingga tata letak dan SVG setara dengan menjalankan perintah dot secara lokal dengan masukan dan opsi yang sama.
Cara Menggunakan Editor Graphviz
Editor ini merender diagram Graphviz langsung di peramban Anda. Tulis kode DOT di sebelah kiri dan saksikan pratinjau SVG terbarui saat Anda mengetik — ditenagai pustaka Graphviz asli yang dikompilasi ke WebAssembly, sehingga graf Anda tidak pernah keluar dari komputer Anda.
- Ketik atau tempel kode DOT ke editor sumber. Pratinjau dirender otomatis sekitar 300 ms setelah Anda berhenti mengetik.
- Ganti mesin tata letak (dot, neato, fdp, circo, twopi, osage, patchwork) untuk mengubah cara graf disusun.
- Muat templat awal dari menu tarik-turun Contoh — diagram alir, mesin status, bagan organisasi, jaringan, atau pohon radial — lalu sunting.
- Gunakan roda mouse atau tombol zum untuk memeriksa graf besar, seret untuk menggeser, dan tekan Sesuaikan untuk mengatur ulang. Unduh hasilnya sebagai SVG atau ekspor PNG 2x.
Jika muncul galat sintaks, panel galat menampilkan baris persis tempat pengurai DOT berhenti — perbaiki baris itu dan pratinjau pulih seketika tanpa kehilangan kode Anda.
Alat Terkait
- Editor Mermaid Buat diagram alur, diagram urutan, Gantt, dan lainnya dari teks dengan editor Mermaid. Render, perbesar, dan ekspor SVG atau PNG di browser Anda.
- Halaman Uji Kode Halaman uji HTML, CSS, dan JavaScript online dengan pratinjau langsung, editor bernomor baris, dan konsol yang ditangkap. Uji cuplikan seketika dan unduh hasilnya sebagai satu berkas HTML - sepenuhnya di peramban Anda.
- Pembuat Grafik Buat grafik batang, garis, area, pai, dan donat dari data CSV atau TSV yang ditempel. Pratinjau langsung, palet warna, kontrol judul dan legenda plus ekspor PNG 2x - semuanya di peramban Anda.
- Pemeriksa Hash Hitung dan verifikasi hash MD5, SHA-1, SHA-256, SHA-512 secara lokal
- Kalkulator Chmod Kalkulator chmod online gratis untuk memvisualisasikan dan menghitung izin file Linux dengan kotak centang. Konversi instan antara notasi numerik (755, 644) dan simbolik (rwxr-xr-x). Mendukung izin khusus seperti setuid, setgid, sticky bit.
- Tabel ASCII Referensi pengkodean karakter ASCII lengkap dengan kode desimal, heksadesimal, oktal, biner, entitas HTML, dan deskripsi karakter. Cari dan filter secara instan.
- Penampil Hex Lihat konten file dalam format hex dump dengan pencarian, navigasi offset, dan pengguliran virtual
- Cari Tipe MIME Temukan tipe MIME berdasarkan ekstensi file atau cari ekstensi berdasarkan tipe MIME secara instan. Referensi online gratis dengan 1000+ entri.