Ö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ı

Last updated

Was this helpful?