Chord Layout

Akor şemaları, her akışın sayısal bir değere sahip olduğu bir grup düğüm arasındaki bağlantıları (veya akışları) görselleştirir. Örneğin, ülkeler arasındaki göç akışını gösterebilirler.

Verilerin bir nxn matrisi şeklinde olması gerekir (burada n, öğe sayısıdır):

var data = [
  [10, 20, 30],
  [40, 60, 80],
  [100, 200, 300]
];

var chordGenerator = d3.chord();

.padAngle() (komşu gruplar arasındaki açıyı radyan cinsinden ayarlamak için), .sortGroups() (grupların sırasını belirlemek için), .sortSubgroups() (her grup içinde sıralamak için) ve .sortChords() kullanarak z sırasını belirleyebiliriz.

var chords = chordGenerator(data);

var ribbonGenerator = d3.ribbon().radius(200);

d3.select('g')
  .selectAll('path')
  .data(chords)
  .enter()
  .append('path')
  .attr('d', ribbonGenerator)

Last updated

Was this helpful?