Data Race

Penjelasan Jenis Grafik

Data Race menawarkan sembilan mode grafik yang berbeda untuk setiap kumpulan data, ditambah tabel data untuk angka yang tepat. Setiap mode menyoroti aspek data yang berbeda — peringkat, tren, komposisi, pola geografis, lintasan peringkat, aliran keseluruhan, atau perbandingan magnitudo langsung. Panduan ini menjelaskan apa yang ditunjukkan setiap visualisasi, cara membacanya, dan kapan paling berguna.

Bar Chart Race

Bar chart race adalah visualisasi andalan Data Race. Ini menampilkan entitas yang diurutkan sebagai batang horizontal, dengan batang terpanjang mewakili nilai tertinggi. Saat animasi berjalan, batang bergerak naik turun untuk mencerminkan perubahan peringkat, menciptakan efek race yang dinamis. Setiap batang diberi kode warna dan dilabeli dengan nama entitas, bendera (untuk negara), dan nilai saat ini.

Kapan menggunakannya: Gunakan bar chart race saat Anda ingin melihat bagaimana peringkat berubah dari waktu ke waktu. Ini sangat efektif untuk membandingkan sejumlah entitas sedang (10-20) dan menemukan kenaikan atau penurunan yang dramatis.

  • Panjang batang mewakili nilai — batang lebih panjang berarti nilai lebih tinggi
  • Posisi batang menunjukkan peringkat — batang teratas adalah peringkat #1
  • Transisi mulus antar periode menunjukkan perubahan peringkat
  • Warna konsisten per entitas sepanjang animasi

Bump Chart

Bump chart memplot peringkat setiap entitas dari waktu ke waktu pada sumbu 1..N, dengan peringkat #1 di atas. Garis naik turun ketika peringkat berubah, dan persimpangan menandai momen penyusulan. Fokusnya pada urutan, bukan nilai absolut — persaingan ketat untuk posisi #1 terlihat sama, apakah selisihnya satu dolar atau satu triliun. Entitas yang disematkan digambar dengan garis lebih terang dan lingkaran cahaya di sekitar titik.

Kapan menggunakannya: Gunakan bump chart saat urutan peringkat adalah ceritanya — klasemen medali Olimpiade, 10 ekonomi teratas selama satu abad, papan skor dengan posisi yang sering berganti. Ini adalah tampilan paling jelas untuk melihat siapa menyusul siapa dan kapan.

  • Sumbu Y adalah peringkat: #1 di atas, #N di bawah
  • Garis yang turun atau naik menunjukkan entitas tersebut kehilangan atau mendapatkan posisi
  • Dua garis bersilangan = satu entitas menyusul entitas lain pada periode tersebut
  • Garis horizontal datar berarti peringkat tetap stabil
  • Entitas di luar top-N yang terlihat ditampilkan sebagai chip di tepi bawah

Line Chart

Line chart memplot nilai setiap entitas dari waktu ke waktu sebagai garis kontinu. Semua entitas ditampilkan pada sumbu yang sama, sehingga mudah membandingkan tren jangka panjang. Grafik menyoroti periode saat ini dengan penanda vertikal, dan Anda dapat mengarahkan kursor ke titik mana saja untuk melihat nilai yang tepat. Entitas yang disematkan ditekankan dengan garis yang lebih tebal sementara yang lain memudar ke latar belakang.

Kapan menggunakannya: Gunakan line chart saat Anda ingin melacak tren dari waktu ke waktu, membandingkan lintasan pertumbuhan, atau mengidentifikasi titik persilangan di mana satu entitas melampaui entitas lain.

  • Sumbu Y menunjukkan skala nilai, sumbu X menunjukkan periode waktu
  • Setiap garis mewakili satu entitas — ikuti garis untuk melihat lintasannya
  • Kemiringan yang lebih curam menunjukkan pertumbuhan atau penurunan yang lebih cepat
  • Garis yang bersilangan menunjukkan perubahan peringkat antar entitas

Streamgraph

Streamgraph menumpuk nilai mentah setiap entitas sebagai pita berwarna di sekitar garis dasar terpusat, tumbuh secara simetris ke atas dan ke bawah. Tinggi total pada saat mana pun sama dengan nilai gabungan semua entitas, sehingga Anda melihat komposisi DAN besaran total sekaligus. Saat diputar, aliran masuk dari kiri — pita muncul, membengkak, dan menyeimbangkan diri dalam satu massa organik. Terbaik untuk dataset yang tumbuh monoton di mana gambaran keseluruhan adalah ceritanya.

Kapan menggunakannya: Gunakan streamgraph saat Anda ingin merasakan keseluruhan berkembang sebagai satu bentuk yang mengalir — PDB dunia meledak sementara wilayah menyeimbangkan diri, ekosistem OSS berkembang sementara pustaka baru menggantikan yang lama, kapitalisasi pasar tumbuh sementara sektor berputar.

  • Ketebalan pita di titik mana pun = nilai mentah entitas tersebut pada periode tersebut
  • Total tinggi grafik = jumlah semua entitas yang terlihat (Top-N + Lainnya)
  • Pita meluas dari kiri seiring animasi berjalan — tepi terdepan adalah momen saat ini
  • Pusat tetap di y=0; grafik tumbuh simetris ke atas dan ke bawah
  • Bendera muncul di dalam setiap pita; pita tipis menjadi selarik warna

Pie Chart

Pie chart menampilkan komposisi nilai untuk satu periode waktu. Setiap irisan mewakili pangsa total dari satu entitas. Saat animasi berjalan, ukuran irisan menyesuaikan untuk mencerminkan proporsi yang berubah. Grafik paling informatif ketika beberapa entitas besar mendominasi total, mengungkap pola konsentrasi atau diversifikasi.

Kapan menggunakannya: Gunakan pie chart saat Anda ingin memahami pangsa yang dimiliki setiap entitas dari total — misalnya, negara mana yang menghasilkan CO₂ terbanyak atau memiliki pangsa GDP terbesar.

  • Ukuran irisan mewakili pangsa entitas dari total
  • Arahkan kursor ke irisan untuk melihat persentase dan nilai yang tepat
  • Irisan kecil dikelompokkan menjadi 'Lainnya' untuk menjaga keterbacaan
  • Perhatikan irisan yang tumbuh atau menyusut dari waktu ke waktu untuk melihat pergeseran dominasi

Peta pohon

Peta pohon membagi area bagan menjadi persegi panjang, masing-masing berukuran proporsional dengan nilai satu entitas — semakin besar nilainya, semakin besar persegi panjangnya. Algoritma d3-treemapResquarify menjaga bentuk tetap persegi di seluruh periode, sehingga persegi panjang meluncur dan mengubah ukuran dengan mulus alih-alih diatur ulang secara kacau. Entitas 'ekor panjang' di bawah top-N runtuh menjadi ubin 'Lainnya' yang tumbuh dan menyusut bersama yang lain.

Kapan menggunakannya: Gunakan peta pohon ketika ceritanya adalah 'berapa banyak dari total yang diambil setiap entitas' dan Anda ingin setiap entitas dikemas dalam satu bingkai — tanpa pengguliran, tanpa pemotongan menjadi tampilan terpisah.

  • Area persegi panjang sebanding dengan nilai entitas
  • Persegi panjang terbesar adalah peringkat #1 — biasanya ditambatkan ke kiri atas
  • Bentuk tetap persegi saat tata letak diperbarui antar periode, menjaga keterbacaan
  • Ubin di bawah top-N berkumpul menjadi persegi panjang 'Lainnya'
  • Bendera, nama, dan nilai berada di dalam setiap persegi panjang; ubin tipis menghilangkan bendera agar pas

Peta koroplet

World map mewarnai negara-negara sesuai nilai mereka menggunakan skala warna kontinu. Warna yang lebih gelap atau lebih intens menunjukkan nilai yang lebih tinggi. Peta memberikan gambaran geografis langsung, menyoroti pola dan kluster regional yang sulit dilihat pada jenis grafik lain. Arahkan kursor ke negara mana saja untuk melihat nama, nilai, dan peringkatnya.

Kapan menggunakannya: Gunakan world map saat geografi penting — untuk mengidentifikasi kluster regional, membandingkan negara tetangga, atau melihat bagaimana variabel terdistribusi di seluruh benua.

  • Intensitas warna sesuai dengan nilai — periksa legenda untuk skalanya
  • Negara abu-abu tidak memiliki data yang tersedia untuk periode yang dipilih
  • Pola regional (mis. kluster Eropa) mudah diidentifikasi
  • Arahkan kursor untuk nilai yang tepat; klik untuk menyematkan negara untuk perbandingan

Peta gelembung

Peta gelembung adalah peta simbol proporsional: setiap entitas digambar sebagai lingkaran yang disematkan ke pusat negaranya (atau wilayahnya), dengan jari-jari lingkaran sebanding dengan nilai. Posisi tidak pernah bergerak — hanya jari-jari dan warna yang dianimasikan. Hasilnya adalah snapshot geografis yang tumbuh dan menyusut di tempat seiring waktu, memudahkan untuk melihat 'di mana' dan 'seberapa besar' dalam satu tampilan.

Kapan menggunakannya: Gunakan peta gelembung saat Anda menginginkan satu visual yang menggabungkan geografi dengan magnitudo — misalnya, mengamati bagaimana kapitalisasi pasar terkonsentrasi di beberapa kota pesisir AS sementara gelembung yang lebih kecil menyala di seluruh Asia dan Eropa.

  • Posisi lingkaran ditetapkan di pusat setiap negara
  • Jari-jari lingkaran sebanding dengan nilai pada periode saat ini
  • Nilai dipusatkan di dalam lingkaran (tanpa bendera — lokasi mengidentifikasi entitas)
  • Warna mengikuti palet kategori entitas, memudar saat keluar dari top-N
  • Periode tanpa data tidak menunjukkan lingkaran untuk entitas tersebut

Gelembung

Bagan gelembung mengemas setiap entitas sebagai lingkaran bebas yang ukurannya ditentukan oleh nilai, dengan d3-force menyelesaikan tabrakan sehingga lingkaran mengelompok dengan rapat tanpa tumpang tindih. Tata letak kemasan dihitung ulang per periode dan di-lerp antara periode yang berdekatan untuk animasi yang mulus. Tidak ada sumbu — posisi tidak memiliki makna kuantitatif; hanya ukurannya yang memiliki. Skala √(value) global menjaga entitas terbesar tetap terbesar seiring data berkembang.

Kapan menggunakannya: Gunakan bagan gelembung ketika Anda menginginkan perbandingan magnitudo murni, bebas dari sumbu dan geografi — ideal untuk melihat 'mana yang lebih besar dan berapa banyak' di antara entitas teratas secara sekilas.

  • Jari-jari lingkaran sebanding dengan √(value) — entitas terbesar mendapatkan lingkaran terbesar
  • Posisi bersifat dekoratif; lingkaran bergerak tetapi lokasi pikselnya tidak memiliki makna nilai
  • Bendera berada di 18px jika memungkinkan; disembunyikan di lingkaran yang lebih kecil dari 4px
  • Mode agregat (wilayah/kelompok) memusatkan nilai tanpa bendera
  • Warna mengikuti palet kategori entitas

Tabel Data

Tabel data menyajikan semua nilai dalam grid yang dapat diurutkan dan digulir. Setiap baris menampilkan entitas dengan peringkat, nama, nilai, pangsa global, dan perubahan tahun ke tahun. Berbeda dengan grafik animasi, tabel menampilkan angka yang tepat, menjadikannya ideal untuk perbandingan terperinci dan verifikasi data. Urutkan berdasarkan kolom mana saja untuk menemukan pemain teratas, entitas dengan pergerakan terbesar, atau entitas tertentu.

Kapan menggunakannya: Gunakan tabel data saat Anda membutuhkan angka yang tepat daripada kesan visual — untuk pengecekan fakta, perbandingan terperinci, atau mengekspor data untuk analisis lebih lanjut.

  • Urutkan berdasarkan kolom 'Nilai' untuk melihat entri tertinggi atau terendah
  • Kolom 'Perubahan' menunjukkan pertumbuhan atau penurunan dari periode sebelumnya
  • Gunakan kolom 'Pangsa' untuk membandingkan porsi setiap entitas dari total global
  • Unduh tabel sebagai CSV untuk digunakan dalam spreadsheet atau penelitian

Memilih Grafik yang Tepat

Setiap jenis grafik menjawab pertanyaan yang berbeda. Bagan batang menjawab 'Siapa yang menang sekarang?'. Bagan peringkat menjawab 'Siapa yang menyalip siapa dalam peringkat?'. Bagan garis menjawab 'Bagaimana setiap nilai berkembang?'. Grafik aliran menjawab 'Bagaimana keseluruhan mengalir sebagai satu?'. Bagan pai menjawab 'Berapa bagian yang dimiliki masing-masing saat ini?'. Peta pohon menjawab 'Berapa banyak dari total yang diambil masing-masing?'. Peta koroplet menjawab 'Di mana nilai tertinggi secara geografis?'. Peta gelembung menjawab 'Seberapa besar — dan di mana?'. Gelembung menjawab 'Bagaimana perbandingan magnitudo mentah?'. Dan tabel menjawab 'Berapa angka pastinya?'. Beralih antar tampilan pada kumpulan data yang sama memberi Anda gambaran lengkap data dari berbagai sudut.

  • Peringkat dan kompetisi → Batang
  • Lintasan peringkat dan penyalipan → Peringkat
  • Tren dan lintasan jangka panjang → Garis
  • Komposisi yang mengalir sepanjang waktu → Grafik aliran
  • Bagian pada suatu saat → Pai
  • Semua entitas dikemas dalam satu bingkai → Peta pohon
  • Pola geografis → Peta koroplet
  • Geografi + magnitudo dalam satu tampilan → Peta gelembung
  • Perbandingan magnitudo murni → Gelembung
  • Nilai eksak dan ekspor → Tabel Data