Grafik Türleri Açıklandı
Data Race, her veri kümesi için dokuz farklı grafik modu ve ayrıca kesin sayılar için bir veri tablosu sunar. Her mod, verilerin farklı bir yönünü vurgular — sıralamalar, eğilimler, bileşim, coğrafi modeller, sıra yörüngeleri, bütünün akışı veya doğrudan büyüklük karşılaştırması. Bu rehber, her görselleştirmenin neyi gösterdiğini, nasıl okunacağını ve ne zaman en kullanışlı olduğunu açıklar.
Bar Chart Race
Bar chart race, Data Race'in imza görselleştirmesidir. Sıralanmış varlıkları yatay çubuklar olarak gösterir; en uzun çubuk en yüksek değeri temsil eder. Animasyon oynadıkça çubuklar, değişen sıralamaları yansıtmak için yukarı ve aşağı hareket ederek dinamik bir yarış efekti oluşturur. Her çubuk renk kodlu olup varlık adı, bayrak (ülkeler için) ve mevcut değerle etiketlenir.
Ne zaman kullanılır: Sıralamaların zaman içinde nasıl değiştiğini görmek istediğinizde bar chart race'i kullanın. Orta sayıda varlığı (10–20) karşılaştırmak ve çarpıcı yükselişleri veya düşüşleri fark etmek için özellikle etkilidir.
- Çubuk uzunluğu değeri temsil eder — daha uzun çubuklar daha yüksek değerler anlamına gelir
- Çubuk konumu sırayı gösterir — üstteki çubuk 1. sıradadır
- Dönemler arasındaki pürüzsüz geçişler sıralama değişikliklerini gösterir
- Renkler animasyon boyunca her varlık için tutarlıdır
Bump Grafik
Bump grafik, her varlığın sıralamasını zaman içinde 1..N ekseninde çizer; sıralama #1 en üstte yer alır. Sıralamalar değiştiğinde çizgiler yukarı ve aşağı kayar, kesişme noktaları geçiş anlarını işaretler. Odak, mutlak değerler değil, sıra üzerinedir — 1. sıra için kıyasıya bir yarış, fark bir dolar ya da bir trilyon olsun, aynı görünür. Sabitlenmiş varlıklar daha parlak bir çizgi ve nokta etrafında bir hale ile vurgulanır.
Ne zaman kullanılır: Sıralama düzeni ana hikâye olduğunda bump grafiği kullanın — olimpiyat madalya sıralamaları, bir yüzyıllık en büyük 10 ekonomi, pozisyonların sık değiştiği lider tabloları. Kimin kimi ne zaman geçtiğini görmenin en net yolu budur.
- Y ekseni sıralamadır: #1 en üstte, #N en altta
- Aşağı veya yukarı inen bir çizgi, o varlığın konum kaybettiğini veya kazandığını gösterir
- İki çizginin kesişmesi = o dönemde bir varlığın diğerini geçmesi
- Yatay düz çizgiler sıranın sabit kaldığını gösterir
- Görünür top-N dışındaki varlıklar alt kenarda küçük kartlar olarak görünür
Çizgi Grafik
Çizgi grafik, her varlığın değerini zaman içinde sürekli bir çizgi olarak çizer. Tüm varlıklar aynı eksenler üzerinde gösterilir; bu da uzun vadeli trendleri karşılaştırmayı kolaylaştırır. Grafik, mevcut dönemi dikey bir işaretle vurgular ve kesin değeri görmek için herhangi bir noktanın üzerine gelebilirsiniz. Sabitlenmiş varlıklar daha kalın çizgilerle vurgulanırken diğerleri arka planda solar.
Ne zaman kullanılır: Zaman içindeki trendleri takip etmek, büyüme yörüngelerini karşılaştırmak veya bir varlığın diğerini geçtiği kesişim noktalarını belirlemek istediğinizde çizgi grafiği kullanın.
- Y ekseni değer ölçeğini, X ekseni zaman dilimlerini gösterir
- Her çizgi bir varlığı temsil eder — yörüngesini görmek için bir çizgiyi takip edin
- Daha dik eğimler daha hızlı büyüme veya düşüşü gösterir
- Kesişen çizgiler varlıklar arasındaki sıralama değişikliklerini gösterir
Streamgraph
Streamgraph, her varlığın ham değerlerini merkezi bir temel çizgi etrafında renkli bantlar olarak üst üste koyar; yukarı ve aşağı doğru simetrik biçimde büyür. Herhangi bir andaki toplam yükseklik tüm varlıkların birleşik değerine eşittir; bu sayede bileşimi VE toplam büyüklüğü aynı anda görürsünüz. Oynatıldığında akış soldan içeri girer — bantlar belirir, şişer ve organik bir kütlede yeniden dengelenir. En çok monoton büyüyen ve genel tablonun hikâye olduğu veri setlerinde etkilidir.
Ne zaman kullanılır: Tüm tabloyu tek bir akan form olarak evrilişini hissetmek istediğinizde streamgraph kullanın — bölgeler yeniden dengelenirken dünya GSYİH'si patlar, eski kütüphanelerin yerini yenileri alırken OSS ekosistemi genişler, sektörler dönerken piyasa değeri büyür.
- Herhangi bir noktadaki bant kalınlığı = o varlığın o dönemdeki ham değeri
- Grafiğin toplam yüksekliği = tüm görünür varlıkların toplamı (Top-N + Diğer)
- Bantlar animasyon ilerledikçe soldan uzanır — öndeki kenar şu anki momenti temsil eder
- Merkez y=0'da kalır; grafik yukarı ve aşağı simetrik büyür
- Bayraklar her bandın içinde görünür; ince bantlar bir renk şeridine dönüşür
Pasta Grafik
Pasta grafik, tek bir zaman dilimi için değerlerin bileşimini gösterir. Her dilim bir varlığın toplamdan aldığı payı temsil eder. Animasyon oynadıkça dilim boyutları değişen oranları yansıtmak için ayarlanır. Grafik, birkaç büyük varlık toplamda hâkim olduğunda en bilgilendirici olmakta; yoğunlaşma veya çeşitlenme desenlerini ortaya koymaktadır.
Ne zaman kullanılır: Her varlığın toplumdan ne pay aldığını anlamak istediğinizde pasta grafiği kullanın — örneğin hangi ülkeler en fazla CO₂ üretiyor ya da en büyük GDP payını elinde bulunduruyor.
- Dilim boyutu varlığın toplam içindeki payını temsil eder
- Kesin yüzde ve değeri görmek için bir dilimin üzerine gelin
- Küçük dilimler okunabilirliği korumak için 'Diğer' olarak gruplandırılır
- Değişen hâkimiyeti fark etmek için dilimlerin zaman içinde büyümesini veya küçülmesini izleyin
Ağaç haritası
Ağaç haritası, grafik alanını dikdörtgenlere böler; her biri bir varlığın değerine orantılı olarak boyutlandırılır — değer ne kadar büyükse, dikdörtgen o kadar büyük olur. d3-treemapResquarify algoritması, şekilleri dönemler boyunca kareye yakın tutar, böylece dikdörtgenler kaotik bir şekilde yeniden düzenlenmek yerine sorunsuz bir şekilde kayar ve yeniden boyutlanır. top-N'in altındaki uzun kuyruklu varlıklar, geri kalanıyla birlikte büyüyen ve küçülen bir 'Diğerleri' kutucuğuna çöker.
Ne zaman kullanılır: Hikaye 'her varlık toplamın ne kadarını kaplar' olduğunda ve her varlığın tek bir çerçeveye paketlenmesini istediğinizde — kaydırma veya ayrı görünümlere bölme olmadan — ağaç haritasını kullanın.
- Dikdörtgen alanı varlığın değeriyle orantılıdır
- En büyük dikdörtgen #1 sıradadır — tipik olarak sol üste sabitlenir
- Düzen dönemler arasında güncellendikçe şekiller kareye yakın kalır, okunabilirliği korur
- top-N'in altındaki kutucuklar bir 'Diğerleri' dikdörtgeninde toplanır
- Bayrak, isim ve değer her dikdörtgenin içinde bulunur; ince kutucuklar sığması için bayrağı bırakır
Koropleth harita
Dünya haritası, ülkeleri sürekli bir renk ölçeği kullanarak değerlerine göre renklendirir. Daha koyu veya daha yoğun renkler daha yüksek değerleri gösterir. Harita, diğer grafik türlerinde fark edilmesi zor olan bölgesel desenleri ve kümeleri vurgulayarak anında coğrafi bir genel bakış sağlar. Herhangi bir ülkenin adını, değerini ve sırasını görmek için üzerine gelin.
Ne zaman kullanılır: Coğrafya önemli olduğunda dünya haritasını kullanın — bölgesel kümeleri belirlemek, komşuları karşılaştırmak veya bir değişkenin kıtalara nasıl dağıldığını görmek için.
- Renk yoğunluğu değere karşılık gelir — ölçek için göstergeyi kontrol edin
- Gri ülkeler seçilen dönem için veri içermez
- Bölgesel desenler (örn. Avrupa kümesi, Sahra Altı Afrika kuşağı) kolayca fark edilir
- Kesin değerler için üzerine gelin; karşılaştırma için bir ülkeyi sabitlemek üzere tıklayın
Baloncuk haritası
Baloncuk haritası, orantılı sembollü bir haritadır: her varlık, ülkesinin (veya bölgesinin) merkezine sabitlenmiş bir daire olarak çizilir ve dairenin yarıçapı değere orantılıdır. Konum asla hareket etmez — yalnızca yarıçap ve renk animasyonludur. Sonuç, zaman geçtikçe yerinde büyüyen ve küçülen coğrafi bir anlık görüntüdür; bu, tek bir görünümde hem 'nerede' hem de 'ne kadar büyük' olduğunu görmeyi kolaylaştırır.
Ne zaman kullanılır: Coğrafyayı büyüklükle birleştiren tek bir görsel istediğinizde baloncuk haritasını kullanın — örneğin, piyasa değerinin birkaç ABD kıyı şehrinde yoğunlaştığını izlerken Asya ve Avrupa genelinde daha küçük baloncukların aydınlandığını görmek gibi.
- Daire konumu her ülkenin merkezine sabitlenmiştir
- Daire yarıçapı mevcut dönemdeki değerle orantılıdır
- Değer dairenin içinde ortalanır (bayrak yok — konum varlığı tanımlar)
- Renk, varlığın kategori paletini takip eder, top-N'den çıktıkça solar
- Veri olmayan dönemlerde o varlık için daire gösterilmez
Baloncuk
Baloncuk grafik, her varlığı değere göre boyutlandırılmış serbest yüzen bir daire olarak paketler; d3-force çarpışmaları çözerek dairelerin üst üste binmeden sıkıca kümelenmesini sağlar. Paket düzeni her dönem için yeniden hesaplanır ve düzgün animasyon için bitişik dönemler arasında enterpolasyon yapılır. Eksenler yoktur — konum nicel bir anlam taşımaz; sadece boyut taşır. Global √(value) ölçeği, veriler evrildikçe en büyük varlığı güvenilir bir şekilde en büyük tutar.
Ne zaman kullanılır: Eksenlerden ve coğrafyadan bağımsız, saf büyüklük karşılaştırması istediğinizde baloncuk grafiği kullanın — top varlıklar arasında 'hangisi daha büyük ve ne kadar' sorusuna bir bakışta yanıt bulmak için idealdir.
- Daire yarıçapı √(value) ile orantılıdır — en büyük varlık en büyük daireyi alır
- Konum dekoratiftir; daireler sürüklenir ancak piksel konumları değer anlamı taşımaz
- Bayrak, alan izin verdiğinde 18px'te bulunur; 4px'ten küçük dairelerde gizlenir
- Toplama modu (bölge/grup) değeri bayraksız olarak ortalar
- Renk, varlığın kategori paletini takip eder
Veri Tablosu
Veri tablosu tüm değerleri sıralanabilir, kaydırılabilir bir ızgarada sunar. Her satır bir varlığı sırası, adı, değeri, küresel payı ve yıllık değişimiyle birlikte gösterir. Animasyonlu grafiklerden farklı olarak tablo kesin sayıları gösterir; bu da onu ayrıntılı karşılaştırmalar ve veri doğrulama için ideal kılar. En iyi performans gösterenleri, en çok hareket edenleri veya belirli varlıkları bulmak için herhangi bir sütuna göre sıralayın.
Ne zaman kullanılır: Görsel izlenimler yerine kesin sayılara ihtiyaç duyduğunuzda veri tablosunu kullanın — gerçek kontrolü, ayrıntılı karşılaştırmalar veya daha fazla analiz için veri dışa aktarma amacıyla.
- En yüksek veya en düşük girişleri görmek için 'Değer' sütununa göre sıralayın
- 'Değişim' sütunu önceki döneme göre büyüme veya düşüşü gösterir
- Her varlığın küresel toplamdan aldığı payı karşılaştırmak için 'Pay' sütununu kullanın
- Elektronik tablolarda veya araştırmada kullanmak için tabloyu CSV olarak indirin
Doğru Grafiği Seçme
Her grafik türü farklı bir soruyu yanıtlar. Çubuk grafik 'Şu anda kim kazanıyor?' sorusunu yanıtlar. Sıralama grafik 'Sırada kim kimi geçti?' sorusunu yanıtlar. Çizgi grafik 'Her değer nasıl evrildi?' sorusunu yanıtlar. Akış grafiği 'Bütün nasıl bir bütün olarak akar?' sorusunu yanıtlar. Pasta grafik 'Her biri şu anda ne kadar paya sahip?' sorusunu yanıtlar. Ağaç haritası 'Toplamın ne kadarını her biri kaplar?' sorusunu yanıtlar. Koropleth harita 'Coğrafi olarak değerler en yüksek nerede?' sorusunu yanıtlar. Baloncuk haritası 'Ne kadar büyük — ve nerede?' sorusunu yanıtlar. Baloncuk grafik 'Ham büyüklükler nasıl karşılaştırılır?' sorusunu yanıtlar. Ve tablo 'Kesin sayılar nelerdir?' sorusunu yanıtlar. Aynı veri kümesi üzerindeki görünümler arasında geçiş yapmak, verilerin birden çok açıdan eksiksiz bir resmini verir.
- Sıralamalar ve rekabet → Çubuk
- Sıra yörüngeleri ve geçişler → Sıralama
- Uzun vadeli eğilimler ve yörüngeler → Çizgi
- Zaman içinde akan bileşim → Akış grafiği
- Bir anda pay → Pasta
- Tüm varlıklar tek bir çerçeveye paketlenmiş → Ağaç haritası
- Coğrafi modeller → Koropleth harita
- Coğrafya + büyüklük tek görünümde → Baloncuk haritası
- Saf büyüklük karşılaştırması → Baloncuk
- Kesin değerler ve dışa aktarma → Veri Tablosu