D3.js
  • D3.js Nedir, Ne Değildir?
  • JS Grafik Kütüphaneleri
  • Modüler D3.js
    • D3.js Eklenti Oluşturma
  • Başlangıç
  • Seçiciler
  • Element Biçimlendirme
  • Olaylar (Events)
  • Geçişler ve Animasyonlar
    • Kontrol Fonksiyonları
    • Bir Geçişin Yaşam Döngüsü
  • Ölçekler (Scales)
    • Sürekli Girdili ve Sürekli Çıktılı
    • Sürekli Girdili ve Kesikli Çıktılı
    • Kesikli Girdili ve Gesikli Çıktılı
  • Eksen (Axes)
  • Şekiller (Shapes)
    • Çizgi (line) Oluşturucu
    • Area (alan) Oluşturucu
    • Stack (yığın) Oluşturucu
    • Arc (yay) Oluşturucu
    • Pie (pasta) Oluşturucu
    • Symbols (semboller)
  • Düzenler (Layouts)
    • Tree Layout
    • Cluster Layout
    • Treemap Layout
    • Pack Layout
    • Partition Layout
    • Chord Layout
    • Force Layout
  • Kaynaklar
Powered by GitBook
On this page
  • Ölçek fonksiyonları
  • D3 Ölçek Tipleri

Was this helpful?

Ölçekler (Scales)

Ölçek fonksiyonları

Ölçek fonksiyonları, aşağıdaki adımları kapsar:

  • bir girdi verin (genellikle bir sayı, tarih veya kategori)

  • bir çıktı alın (koordinat, renk, uzunluk veya yarıçap gibi)

Genellikle veri değerlerini görsel değişkenlere (örneğin konum, uzunluk ve renk) dönüştürmek için kullanılır.

Örneğin, bazı verilerimiz olduğunu varsayalım:

[0, 2, 3, 5, 7.5, 9, 10]

Aşağıdaki şekilde bir ölçek fonksiyonu oluşturulabilir:

var myScale = d3.scaleLinear()
  .domain([0, 10])
  .range([0, 600]);

D3, girişi 0 ile 10 arasında (etki alanı) kabul eden ve 0 ile 600 arasında (aralık) çıktıyla eşleştiren bir fonksiyon oluşturur.

myScale(0);   // returns 0
myScale(2);   // returns 120
myScale(3);   // returns 180
...
myScale(10);  // returns 600

Ölçekler çoğunlukla veri değerlerini konum, uzunluk ve renk gibi görsel değişkenlere dönüştürmek için kullanılır. Örneğin:

  • Haritada nüfus sayısına göre ülkelere renk vermek için

  • Bar grafiklerin boyutunu ücrete göre belirli bir piksel aralığında ayarlamak için

D3 Ölçek Tipleri

D3 yaklaşık 12 farklı ölçek tipine sahiptir (scaleLinear, scalePow, scaleQuantise, scaleOrdinal vb.) Ve genel olarak konuşursak 3 gruba ayrılabilir:

  1. Sürekli girdili ve sürekli çıktılı

  2. Sürekli girdili ve kesikli çıktılı

  3. Kesikli girdili ve kesikli çıktılı

PreviousBir Geçişin Yaşam DöngüsüNextSürekli Girdili ve Sürekli Çıktılı

Last updated 5 years ago

Was this helpful?