json 基于节点度的d3v5节点着色

vi4fp9gy  于 2023-02-26  发布在  其他
关注(0)|答案(1)|浏览(123)

在d3v5中,你如何根据节点的度来给节点着色?必须在视觉上明显地看到,度较高的节点使用较深的颜色,度较低的节点使用较浅的颜色。
我添加了以下内容,但似乎不起作用

// define a color scale that maps node degree to a color
var colorScale = d3.scaleOrdinal()
.domain(\[1, 5\]) // node degree range
.range(\["#fbb4ae", "#b3cde3", "#ccebc5", "#decbe4", "#fed9a6"\]); // color range

// create a node selection and bind data`
var node = svg.append("g")
.attr("class", "nodes")
.selectAll("circle")
.data(nodes)
.enter().append("circle")
.attr("r", 5)
.style("fill", function(d) { return colorScale(d.degree); }); 
// use the color scale to color     the nodes
ia2d9nvy

ia2d9nvy1#

enter code here

x一个一个一个一个x一个一个二个x

相关问题