La disposition dirigée par la force de d3-js prend-elle en charge l'image en tant que nœud?

D3 a une démo d'une disposition de graphes dirigée par la force .

Au lieu des cercles, je veux que tous les noeuds du graphique soient des images.

Alors j'ai changé

.append("svg:circle") .attr("class", "node") .attr("cx", function(d) { return dx; }) .attr("cy", function(d) { return dy; }) .attr("r", 5) .style("fill", function(d) { return fill(d.group); }) .call(force.drag); 

à

• Tracer le chemin avec l'objet DOM
• D3 IE8 Compatibilité?
• D3 diagrammes Sankey – Positionner manuellement le noeud sur l'axe des x
• Taille de coche personnalisée sur axe (d3js)
• Points de traçage sur une carte avec D3

 .append("xhtml:img") .attr("src", "http://a577.phobos.apple.com/us/r1000/081/Purple/12/61/13/mzi.lgqdzwfu.png") .call(force.drag); 

Mais je ne vois pas d'images. Qu'est-ce que je fais mal?

• D3.js & nvd3.js – Comment définir la plage des axes y
• D3 Ajout de texte sur un rectangle SVG
• Ensemble de données de changement et de transition dans le diagramme d'accords avec D3
• Placer des étiquettes au centre des noeuds dans d3.js
• D3 Mouse Events – Cliquez et DragEnd

 node.append("svg:image") .attr("class", "circle") .attr("xlink:href", "https://d3nwyuy0nl342s.cloudfront.net/images/icons/public.png") .attr("x", "-8px") .attr("y", "-8px") .attr("width", "16px") .attr("height", "16px");