Area (alan) Oluşturucu

Alan oluşturucu, iki satır arasındaki alanı tanımlayan yol verisini verir. Varsayılan olarak, y = 0 ile bir nokta dizisi tarafından tanımlanan çok kesimli bir çizgi arasındaki alanı oluşturur:

var areaGenerator = d3.area();

var points = [
  [0, 80],
  [100, 100],
  [200, 30],
  [300, 50],
  [400, 40],
  [500, 80]
];

var pathData = areaGenerator(points);

.yo() işlevini kullanarak taban çizgisini yapılandırabiliriz:

areaGenerator.y0(150);

Çizgi oluşturucuda olduğu gibi, noktaların enterpolasyon yapılma şeklini .curve() ile belirleyebilir, eksik verileri ele alabilir .defined() ve canvas çizim için .context() kullanılabilir.

Radial Area

var radialAreaGenerator = d3.radialArea()
  .angle(function(d) {
    return d.angle;
  })
  .innerRadius(function(d) {
    return d.r0;
  })
  .outerRadius(function(d) {
    return d.r1;
  });

var points = [
  {angle: 0, r0: 30, r1: 80},
  {angle: Math.PI * 0.25, r0: 30, r1: 70},
  {angle: Math.PI * 0.5, r0: 30, r1: 80},
  {angle: Math.PI * 0.75, r0: 30, r1: 70},
  {angle: Math.PI, r0: 30, r1: 80},
  {angle: Math.PI * 1.25, r0: 30, r1: 70},
  {angle: Math.PI * 1.5, r0: 30, r1: 80},
  {angle: Math.PI * 1.75, r0: 30, r1: 70},
  {angle: Math.PI * 2, r0: 30, r1: 80}
];