LivelyChart
Buat grafik ↗
Semua panduan

●Panduan 06

Membuat gelembung bergerak, sunburst, jaringan, dan Gantt
langkah demi langkah.

Keempat grafik menjawab pertanyaan berbeda dan memerlukan bentuk baris berbeda. Pelajari skema status gelembung, jalur hierarki, tautan berbobot, dan tugas terjadwal.

10 menit bacaDiperbarui
PANDUAN · CONTOH LANGSUNG

Linimasa gelembung bergerak

2021Utara · 2021 · X 22 · Y 64 · 38Utara38Selatan · 2021 · X 48 · Y 36 · 62Selatan62Timur · 2021 · X 71 · Y 72 · 44Timur44Barat · 2021 · X 84 · Y 28 · 26Barat262021202220232024
LIVELYCHARTHidupkan data

Ringkasan Yang akan Anda pelajari

Dari data bersih ke grafik siap terbit.

  • Ubah niat pencarian menjadi satu keputusan grafik
  • Siapkan CSV dengan label, unit, dan periode yang bersih
  • Gunakan Linimasa gelembung bergerak hanya saat sesuai hubungan data
  • Ekspor video dan PNG frame akhir
Coba contoh

CSV Panduan data

Mulai dengan struktur data yang tepat

Gunakan skema siap-grafik ini sebagai titik awal. Ganti baris contoh, pertahankan struktur kolom, dan tinjau seluruh animasi sebelum mengekspor.

Cocok untuk
Gelembung bergerak, berubah ukuran, dan mengelompok ulang antarperiode untuk menampilkan perubahan multivariat.
Kolom wajib
EntitasPeriodeXYUkuran
Arti satu baris
Satu entitas pada satu periode, dengan koordinat X/Y dan ukuran gelembung numerik. Ulangi entitas untuk tiap periode.

Alur tiga langkah

  1. 1

    Pertahankan nama header dan urutan kolom seperti di atas.

  2. 2

    Tambahkan satu observasi per baris dan jaga konsistensi nama, unit, serta periode.

  3. 3

    Pratinjau semua frame, lalu sesuaikan label, kepadatan, dan tempo.

Buka templat ini
Linimasa gelembung bergerakContoh CSV terlokalisasi
Entitas,Periode,X,Y,Ukuran
Utara,2021,22,64,38
Selatan,2021,48,36,62
Timur,2021,71,72,44
Barat,2021,84,28,26
Utara,2022,31,69,46
Selatan,2022,52,43,70
Timur,2022,66,78,51
Barat,2022,77,35,34
Utara,2023,39,75,58
Selatan,2023,59,51,77
Timur,2023,72,83,63
Barat,2023,69,44,42
Utara,2024,47,81,72
Selatan,2024,66,60,86
Timur,2024,79,88,75
Barat,2024,61,53,55
Arti satu baris

CSV Panduan data

Mulai dengan struktur data yang tepat

Gunakan skema siap-grafik ini sebagai titik awal. Ganti baris contoh, pertahankan struktur kolom, dan tinjau seluruh animasi sebelum mengekspor.

Cocok untuk
Cincin bertingkat mengembang dari pusat untuk menunjukkan komposisi hierarkis dan kontribusi tiap cabang.
Kolom wajib
JalurNilai
Arti satu baris
Satu jalur daun beserta nilainya. Pisahkan tingkat dengan garis miring, misalnya Produk/Inti/Pencarian.

Alur tiga langkah

  1. 1

    Pertahankan nama header dan urutan kolom seperti di atas.

  2. 2

    Tambahkan satu observasi per baris dan jaga konsistensi nama, unit, serta periode.

  3. 3

    Pratinjau semua frame, lalu sesuaikan label, kepadatan, dan tempo.

Buka templat ini
Sunburst beranimasiContoh CSV terlokalisasi
Jalur,Nilai
Produk/Inti/Pencarian,28
Produk/Inti/Ruang kerja,22
Produk/Pertumbuhan/Otomasi,18
Produk/Pertumbuhan/Wawasan,14
Layanan/Konsultasi/Strategi,12
Layanan/Konsultasi/Riset,9
Layanan/Pengiriman/Peluncuran,16
Layanan/Pengiriman/Dukungan,11
Mitra/Platform/Cloud,13
Mitra/Platform/Data,8
Arti satu baris

CSV Panduan data

Mulai dengan struktur data yang tepat

Gunakan skema siap-grafik ini sebagai titik awal. Ganti baris contoh, pertahankan struktur kolom, dan tinjau seluruh animasi sebelum mengekspor.

Cocok untuk
Relasi berbobot tergambar saat simpul terhubung menetap dalam jaringan berbasis gaya.
Kolom wajib
SumberTargetBobot
Arti satu baris
Satu koneksi berarah dari sumber ke target. Bobot mengatur kekuatan tautan dan penekanan simpul.

Alur tiga langkah

  1. 1

    Pertahankan nama header dan urutan kolom seperti di atas.

  2. 2

    Tambahkan satu observasi per baris dan jaga konsistensi nama, unit, serta periode.

  3. 3

    Pratinjau semua frame, lalu sesuaikan label, kepadatan, dan tempo.

Buka templat ini
Jaringan gayaContoh CSV terlokalisasi
Sumber,Target,Bobot
Produk,Desain,8
Produk,Rekayasa,10
Produk,Riset,6
Desain,Merek,4
Desain,Pertumbuhan,5
Rekayasa,Data,7
Rekayasa,Platform,9
Riset,Data,5
Pertumbuhan,Penjualan,6
Penjualan,Dukungan,4
Platform,Dukungan,5
Data,Wawasan,7
Wawasan,Pertumbuhan,3
Arti satu baris

CSV Panduan data

Mulai dengan struktur data yang tepat

Gunakan skema siap-grafik ini sebagai titik awal. Ganti baris contoh, pertahankan struktur kolom, dan tinjau seluruh animasi sebelum mengekspor.

Cocok untuk
Batang proyek tersusun pada linimasa bersama dengan isian progres dan penampilan tugas berurutan.
Kolom wajib
TugasMulaiSelesaiProgres
Arti satu baris
Satu tugas dengan posisi mulai/selesai numerik dan progres 0 sampai 100. Nilai selesai harus lebih besar dari mulai.

Alur tiga langkah

  1. 1

    Pertahankan nama header dan urutan kolom seperti di atas.

  2. 2

    Tambahkan satu observasi per baris dan jaga konsistensi nama, unit, serta periode.

  3. 3

    Pratinjau semua frame, lalu sesuaikan label, kepadatan, dan tempo.

Buka templat ini
Linimasa Gantt beranimasiContoh CSV terlokalisasi
Tugas,Mulai,Selesai,Progres
Riset,0,3,100
Strategi,1,5,92
Desain UX,3,8,78
Prototipe,5,10,65
Rekayasa,7,15,48
Jaminan mutu,13,17,32
Peluncuran,16,20,12
Arti satu baris

01 Tutorial

Ikuti alur

Kerjakan langkah berurutan untuk grafik baru, atau gunakan sebagai daftar periksa animasi yang ada.

  1. 01

    Pahami niat pencarian lokal

    Tentukan apakah pembaca mencari tutorial, templat, pengaturan ekspor, atau contoh laporan sebelum memilih grafik.

  2. 02

    Siapkan CSV yang bisa diganti

    Gunakan satu baris header, label pendek, unit konsisten, dan hapus total atau catatan yang mengganggu contoh.

  3. 03

    Pilih pola grafik

    Mulai dari pertanyaan: ranking, tren, perbandingan, bagian dari total, alur, atau hubungan. Gunakan Linimasa gelembung bergerak saat hubungan itu terlihat jelas.

  4. 04

    Tulis kesimpulan yang terlihat

    Letakkan kesimpulan, unit, dan periode di dekat grafik agar frame akhir tetap berguna di pencarian, sosial, atau laporan.

  5. 05

    Atur gerak agar terbaca

    Perlambat pada pemimpin, persilangan, anomali, dan nilai akhir. Animasi harus memandu perhatian, bukan menghias.

  6. 06

    Ekspor sesuai tujuan

    Buat MP4 atau WebM untuk gerak dan PNG untuk PDF, email, preview, serta konteks reduced-motion.

02 Contoh visual

Coba templat grafik ini

Bandingkan gerak dan pola baca sebelum berkomitmen pada format. Setiap contoh terbuka sebagai grafik yang dapat disunting dan didorong data.

TREN · PRATINJAU LANGSUNG

Linimasa gelembung bergerak

2021Utara · 2021 · X 22 · Y 64 · 38Utara38Selatan · 2021 · X 48 · Y 36 · 62Selatan62Timur · 2021 · X 71 · Y 72 · 44Timur44Barat · 2021 · X 84 · Y 28 · 26Barat262021202220232024
LIVELYCHARTHidupkan data
tren

Linimasa gelembung bergerak

Gelembung bergerak, berubah ukuran, dan mengelompok ulang antarperiode untuk menampilkan perubahan multivariat.

Gunakan templat ini
PANGSA · PRATINJAU LANGSUNG

Sunburst beranimasi

Produk: 82ProdukInti: 50IntiPencarian: 28PencarianRuang kerja: 22Ruang kerjaPertumbuhan: 32PertumbuhanOtomasi: 18OtomasiWawasan: 14WawasanLayanan: 48LayananKonsultasi: 21KonsultasiStrategi: 12StrategiRiset: 9RisetPengiriman: 27PengirimanPeluncuran: 16PeluncuranDukungan: 11DukunganMitra: 21MitraPlatform: 21PlatformCloud: 13CloudData: 8Data151
LIVELYCHARTHidupkan data
pangsa

Sunburst beranimasi

Cincin bertingkat mengembang dari pusat untuk menunjukkan komposisi hierarkis dan kontribusi tiap cabang.

Gunakan templat ini
PERBANDINGAN · PRATINJAU LANGSUNG

Jaringan gaya

Produk → Desain: 8Produk → Rekayasa: 10Produk → Riset: 6Desain → Merek: 4Desain → Pertumbuhan: 5Rekayasa → Data: 7Rekayasa → Platform: 9Riset → Data: 5Pertumbuhan → Penjualan: 6Penjualan → Dukungan: 4Platform → Dukungan: 5Data → Wawasan: 7Wawasan → Pertumbuhan: 3ProdukDesainRekayasaRisetMerekPertumbuhanDataPlatformPenjualanDukunganWawasan
LIVELYCHARTHidupkan data
perbandingan

Jaringan gaya

Relasi berbobot tergambar saat simpul terhubung menetap dalam jaringan berbasis gaya.

Gunakan templat ini
TREN · PRATINJAU LANGSUNG

Linimasa Gantt beranimasi

048121620RisetRiset: 0—3 · 100%100%StrategiStrategi: 1—5 · 92%92%Desain UXDesain UX: 3—8 · 78%78%PrototipePrototipe: 5—10 · 65%65%RekayasaRekayasa: 7—15 · 48%48%Jaminan mutuJaminan mutu: 13—17 · 32%32%PeluncuranPeluncuran: 16—20 · 12%12%
LIVELYCHARTHidupkan data
tren

Linimasa Gantt beranimasi

Batang proyek tersusun pada linimasa bersama dengan isian progres dan penampilan tugas berurutan.

Gunakan templat ini

03 Terapkan

Kasus terkait

Industri 01

SaaS & analitik produk

Workflow grafik untuk SaaS & analitik produk yang berfokus pada review KPI, diagnosis konversi, ritme operasional, dan laporan siap keputusan.

Lihat skenario terperinci Industri 06

Pendidikan & riset

Workflow grafik untuk Pendidikan & riset yang berfokus pada review KPI, diagnosis konversi, ritme operasional, dan laporan siap keputusan.

Lihat skenario terperinci

04 Pertanyaan umum

Pertanyaan umum

Panduan Membuat gelembung bergerak, sunburst, jaringan, dan Gantt cocok untuk siapa?

Untuk tim yang mengubah CSV atau spreadsheet menjadi grafik animasi yang bisa dipakai ulang di laporan, halaman produk, media sosial, atau presentasi.

Grafik apa yang sebaiknya dipakai dulu?

Mulai dengan templat Linimasa gelembung bergerak jika sesuai hubungan data. Jika pertanyaannya berbeda, ganti templat sebelum desain.

Format apa yang perlu diekspor?

MP4 untuk kompatibilitas luas, WebM untuk web, GIF hanya untuk loop pendek tanpa suara, dan PNG sebagai frame akhir statis.

Siap membuat
data Anda bergerak?

Buka studio