Diagram Jaringan (Network Diagram)

Tentang Diagram Jaringan (Network Diagram)

Diagram jaringan (atau grafik hubungan) memvisualisasikan hubungan kompleks di antara kumpulan entitas. Ini menggunakan node untuk mewakili entitas dan edge (tautan) untuk mewakili koneksi di antara mereka, sering kali menggunakan tata letak force-directed untuk penspasian yang optimal.

Cara Menggunakan

1. Tempel data koneksi — sediakan nama node asal dan target untuk setiap hubungan.
2. Petakan bobot edge — sertakan kolom 'nilai' secara opsional untuk membedakan ketebalan garis koneksi.
3. Konfigurasi tata letak — sesuaikan gravitasi dan gesekan untuk menyebarkan atau mengelompokkan node.
4. Beralih label — aktifkan atau nonaktifkan judul node untuk jaringan yang padat atau jarang.
5. Ekspor — unduh sebagai PNG resolusi tinggi atau SVG interaktif.

Kasus Penggunaan Umum

• Analisis Jaringan Sosial — visualisasikan interaksi antar pengguna atau organisasi.
• Pemetaan Rantai Pasok — lacak dependensi antara pemasok dan produsen.
• Topologi Jaringan IT — petakan koneksi antar server, router, dan endpoint.
• Grafik Pengetahuan — visualisasikan hubungan antar konsep, entitas, atau artikel penelitian.

Detail teknis

Didukung oleh Apache ECharts. Mengimplementasikan tata letak force-directed menggunakan simulasi fisik tolakan dan tarikan.

Pertanyaan yang Sering Diajukan

Dapatkah saya menyeret node?

Ya, node dapat diklik dan diseret untuk menyesuaikan tata letak secara manual dan menjelajahi koneksi.

Data apa yang paling cocok untuk diagram jaringan?

Diagram jaringan sangat ideal untuk memvisualisasikan hubungan antar entitas — seperti grafik jaringan sosial, topologi jaringan IT, dependensi proyek, atau pohon pengetahuan. Paling berguna ketika pola konektivitas itu sendiri adalah wawasan utama.

Bagaimana cara mengekspor diagram jaringan ke PowerPoint?

Klik 'Download PPTX'. Diagram jaringan diekspor sebagai gambar beresolusi tinggi yang disematkan dalam slide PowerPoint, menangkap posisi node saat ini, koneksi edge, dan label. Atur ulang node di layar ke tata letak yang diinginkan sebelum mengekspor untuk hasil terbersih dalam presentasi Anda.

Bagaimana cara memformat data untuk diagram jaringan?

Siapkan daftar edge dengan dua kolom yang diperlukan: Sumber (nama node) dan Tujuan (nama node). Setiap baris mendefinisikan satu koneksi. Opsional tambahkan kolom Bobot (numerik) untuk menskalakan ketebalan edge. Nama node diturunkan secara otomatis dari daftar edge — nama apa pun yang muncul sebagai sumber atau tujuan menjadi node. Tempel dari Excel dengan header di baris pertama.

Apakah data saya diproses dengan aman?

Ya. Semua perhitungan tata letak grafik jaringan dan rendering terjadi di sisi klien di browser Anda. Data hubungan node dan edge Anda tidak pernah diunggah ke server mana pun, sehingga Anda dapat dengan aman menggunakan alat ini dengan data organisasi, kompetitif, atau infrastruktur yang sensitif.

Berapa banyak node yang dapat ditampilkan Network Diagram tanpa menjadi berantakan?

Network Diagram dirender dengan baik dengan hingga 50–80 node. Lebih dari itu, algoritma tata letak cenderung menghasilkan label yang tumpang tindih dan tepi yang bersilangan yang membuat diagram sulit dibaca. Untuk grafik yang lebih besar, pertimbangkan mengelompokkan node terkait ke dalam kluster atau membagi diagram menjadi beberapa sub-diagram berdasarkan domain atau fungsi. Tata letak force-directed menyesuaikan posisi node secara otomatis. Anda dapat menyeret node individual untuk menyesuaikan penempatan sebelum mengekspor.

Data Grafik dalam PNG — Lanjutkan Pengeditan

Apa itu data grafik yang disematkan?

Ekspor PNG dan tautan bersama dapat menyertakan data grafik serta pengaturan asli. Siapa pun dengan file atau tautan lengkap dapat memulihkannya.

Cara menggunakan

1. Ekspor grafik Anda ke PNG
2. Simpan file PNG
3. Letakkan atau tempelkan ke alat "Lanjutkan Grafik dari PNG" kapan pun Anda perlu mengeditnya lagi
4. Grafik Anda dipulihkan persis seperti yang Anda tinggalkan—buat perubahan dan ekspor kembali

Mengapa ini lebih baik dari gambar statis

Alat grafik lain mengekspor gambar PNG yang bersifat final—setelah diekspor, Anda tidak dapat mengeditnya tanpa mengulang pekerjaan dari awal.

• Tidak perlu menyimpan spreadsheet sumber secara terpisah—PNG ADALAH cadangan Anda
• Bagikan PNG dengan rekan kerja dan mereka dapat memulihkan dan mengeditnya tanpa data asli
• Bertahun-tahun kemudian, jika Anda perlu memperbarui grafik, buka PNG dan lanjutkan—tidak perlu mencari file lama
• Untuk pengarsipan: simpan PNG bersama laporan dan presentasi Anda; mereka sepenuhnya berdiri sendiri

Apakah aman?

Ekspor PNG dan tautan bersama dapat menyertakan data grafik serta pengaturan asli. Siapa pun dengan file atau tautan lengkap dapat memulihkannya.

URL Semat — Grafik interaktif untuk presentasi

Apa itu URL Semat?

URL Semat membuka versi bersih dan interaktif dari grafik Anda di browser—hanya menampilkan grafik tanpa antarmuka alat, panel pengaturan, atau tombol ekspor. Tooltip dan interaksi hover berfungsi penuh. Data grafik dienkripsi dalam URL, seperti pada Tautan Pemulihan.

Di mana menemukannya

• Klik tombol "🔗 Embed URL" di halaman alat grafik—tombol ini akan langsung menyalin URL ke clipboard Anda
• URL Semat juga disimpan di bawah batas slide di file PPTX ekspor Anda, bertanda "Embed URL — interactive view"

Menggunakan URL Semat di alat lain

URL Semat berfungsi di mana saja yang mendukung iframe atau penyematan URL:

• Notion — Tempelkan URL sebagai blok semat (ketik /embed di Notion)
• Confluence — Gunakan makro HTML atau makro iframe dengan URL Semat
• SharePoint — Sematkan melalui komponen web "Embed"

Situs web atau halaman intranet apa pun — Gunakan iframe HTML standar:

<iframe
  src="YOUR_EMBED_URL"
  width="800"
  height="500"
  frameborder="0"
  allowfullscreen>
</iframe>

Catatan untuk penyebaran privat: Jika organisasi Anda menggunakan versi Lokaltools yang dihosting secara privat di intranet Anda, URL Semat akan mengarah ke domain internal Anda. Ini hanya akan berfungsi bagi pemirsa di dalam jaringan korporat atau VPN—seperti yang diperlukan oleh tim keamanan IT Anda.

Warna Grafik — Hasilkan palet warna merek dalam hitungan detik

Sebagian besar alat grafik hanya memberi Anda palet tetap yang tidak dapat diubah, atau mengharuskan Anda memilih secara manual setiap warna satu per satu. Lokaltools menggunakan sistem warna tiga langkah yang dimulai dari warna merek perusahaan Anda dan secara otomatis membangun palet yang lengkap dan harmonis.

Langkah 1 — Jangkar Merek

Masukkan kode hex warna merek utama perusahaan Anda (misalnya, #0066CC) di bidang "Brand Anchor". Ini biasanya warna logo utama Anda, warna tombol utama, atau warna dominan dari panduan merek Anda. Warna Jangkar Merek digunakan sebagai titik awal untuk semua pembuatan palet. Setiap warna dalam grafik ditelusuri kembali ke satu input ini—sehingga grafik Anda selalu terasa sesuai merek tanpa pemilihan warna manual.

Langkah 2 — Harmoni Warna

Dropdown "Harmony" memilih aturan teori warna yang digunakan untuk menghasilkan sisa warna grafik dari Jangkar Merek Anda. Setiap harmoni menciptakan hubungan warna yang berbeda.

Pengaturan "Triad (Seimbang)" adalah default dan paling baik untuk sebagian besar presentasi bisnis. Beralihlah ke "Analog" untuk tampilan yang lebih halus dan konservatif; gunakan "Komplementer" jika Anda ingin dua seri data kontras secara visual (misalnya Anggaran vs Aktual).

Langkah 3 — Swatch yang Dihasilkan (Pengambilalihan Manual)

Di bawah pemilih harmoni, alat ini menampilkan 5–6 swatch warna yang dihasilkan—ini adalah warna-warna yang benar-benar muncul di grafik Anda. Jika ada warna individual yang dirasa kurang pas, klik swatch tersebut untuk membuka pemilih warna dan menggantinya dengan warna pilihan Anda. Pengambilalihan manual Anda dipertahankan dalam Tautan Pemulihan.

Mode Latar Belakang (Peralihan Terang / Gelap): Tukar kecerahan palet Anda agar sesuai dengan latar belakang slide Anda. Ini secara otomatis menyesuaikan warna yang dihasilkan untuk memastikan keterbacaan tetap jelas.

Pertanyaan yang Sering Diajukan

Apakah alat ini berfungsi secara offline?

Ya—setelah halaman dimuat, alat ini berfungsi sepenuhnya tanpa koneksi internet. Satu-satunya pengecualian adalah tampilan interaktif URL Semat, yang memerlukan akses ke halaman alat grafik untuk menampilkan konten sematan.

Dapatkah saya menggunakan ini untuk data rahasia atau sensitif?

Ya. Data Anda seluruhnya diproses di browser Anda menggunakan WebAssembly. Data tersebut tidak pernah dikirim ke server Lokaltools atau pihak ketiga mana pun. Hal ini membuat alat ini cocok untuk data keuangan, data pasien, dokumen hukum, dan informasi sensitif lainnya.

Format data apa yang dapat saya tempel?

Cukup salin sel dari Excel, Google Sheets, atau Apple Numbers dan tempelkan—alat ini mendeteksi format secara otomatis. Unggahan file CSV juga didukung. Data yang disalin dari halaman web atau PDF mungkin tidak tertempel dengan benar—bersihkan di Excel terlebih dahulu.

Bagaimana cara menemukan warna hex merek perusahaan saya?

Periksa dokumen panduan merek perusahaan Anda, atau buka situs web perusahaan Anda, klik kanan logo atau tombol merek, pilih "Inspect", dan cari nilai warna CSS yang dimulai dengan #.

Dapatkah saya menyimpan warna merek saya agar tidak perlu mengetiknya lain kali?

Warna Jangkar Merek disimpan di dalam Tautan Pemulihan bersama dengan semua pengaturan grafik Anda lainnya. Ekspor grafik Anda, dan gunakan Tautan Pemulihan lain kali untuk memulihkan warna merek Anda secara otomatis.

Apakah data grafik yang disematkan bersifat permanen?

Ya. Data yang disematkan disimpan di dalam file PNG itu sendiri—bukan di server mana pun—sehingga tidak ada tanggal kedaluwarsa. Selama Anda memiliki file PNG, Anda dapat memulihkan dan mengedit grafik Anda.

Dapatkah saya berbagi PNG dengan rekan kerja?

Ya—siapa pun yang memiliki file PNG dapat memulihkan dan mengedit grafik menggunakan alat "Lanjutkan Grafik dari PNG". Perlakukan PNG seperti dokumen bersama: bagikan hanya kepada orang yang seharusnya memiliki akses ke data yang mendasarinya.

Apa perbedaan antara data PNG yang disematkan dan URL Semat?

Data PNG yang disematkan berisi status grafik lengkap Anda terenkripsi dalam file PNG—Anda dapat melepaskannya ke alat "Lanjutkan Grafik dari PNG" untuk mengedit dan mengekspor ulang. URL Semat membuka tampilan grafik interaktif hanya-baca tanpa kemampuan pengeditan.

Privasi & Keamanan

Alat ini berjalan sepenuhnya di browser Anda. Data Anda mengikuti jalur ini: Spreadsheet Anda $ ightarrow$ Browser Anda $ ightarrow$ File Ekspor Anda. Tidak ada jalur lain. Tidak ada langkah unggah. Tidak ada pemrosesan server. Tidak ada analisis konten data Anda.

Ekspor PNG grafik dapat berisi data asli dan pengaturan sebagai metadata yang dapat dipulihkan. Tautan pemulihan dan sematan menyimpan data serta kunci pembukanya dalam fragmen URL. Siapa pun dengan file atau tautan lengkap dapat memulihkannya. Bagikan hanya kepada penerima yang dituju. Fragmen biasanya tidak dikirim dalam permintaan HTTP, tetapi JavaScript dan layanan tempat Anda membagikan tautan dapat membacanya.

Untuk organisasi yang memerlukan konfirmasi formal: Lokaltools tidak dapat membaca data Anda, tidak menyimpan data Anda, dan tidak memiliki mekanisme teknis untuk mengakses data Anda, bahkan di bawah perintah hukum. Ini bukan kebijakan—ini adalah fakta arsitektur.

Detail Teknis

Didukung oleh Apache ECharts untuk perenderan canvas berkinerja tinggi, PapaParse untuk pengurasan data cerdas (koma & tab delimited), dan PptxGenJS untuk menghasilkan objek grafik OOXML asli. Enkripsi Tautan Pemulihan menggunakan Web Crypto API (AES-256-GCM) bawaan browser dengan kompresi pako—tidak diperlukan pustaka enkripsi eksternal. Semua pemrosesan 100% di sisi klien. Tidak ada data yang dikirimkan kapan pun.

Pemrosesan lokal

Alat file, teks, dan grafik lokal kami memproses konten di perangkat Anda menggunakan JavaScript, API browser, dan WebAssembly bila diperlukan. Peristiwa kami tidak menyertakan nama atau isi file, teks masukan, nilai grafik, kesalahan mentah, email, atau referensi lisensi. Alat jaringan (DNS, WHOIS, IP, dan uji kecepatan) menghubungi layanan eksternal untuk fungsinya. Memuat situs, font, pustaka, dan model juga membuat permintaan jaringan. WebAssembly sendiri tidak mencegah akses jaringan.