d3.js 節(jié)點(diǎn)設(shè)置 圖片
```javascript
var node = svg.selectAll(".node")
.data(graph.nodes)
.enter().append("g")
.attr("class", "node");
node.append("image")
.attr("xlink:href", function(d) { return d.image; })
.attr("x", -)
.attr("y", -)
.attr("width", )
.attr("height", );
```
在這個(gè)示例中,每個(gè)節(jié)點(diǎn)都是個(gè)`
在社區(qū)矯正與心理咨詢服務(wù)中,這種技術(shù)用來創(chuàng)建人員關(guān)系圖或情緒地圖。每個(gè)節(jié)點(diǎn)都代表個(gè)人,節(jié)點(diǎn)中的圖片是該人的照片;或者每個(gè)節(jié)點(diǎn)代表種情緒,節(jié)點(diǎn)中的圖片表示該情緒的表情符號(hào)。
在礦產(chǎn)、維打印和汽車制造等領(lǐng)域,用類似的方法來可視化產(chǎn)品設(shè)計(jì)、工藝流程或供鏈等信息。每個(gè)節(jié)點(diǎn)都是種資源或臺(tái)設(shè)備,節(jié)點(diǎn)中的圖片表示該資源或設(shè)備的形象;或者每個(gè)節(jié)點(diǎn)是個(gè)步驟或階段,節(jié)點(diǎn)中的圖片展示了該步驟或階段的具體操作或結(jié)果。