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?