Другой D3 добавить текст в исправительно Directed Graph

Question

.link { 
    stroke: #999; 
    stroke-opacity: .2; 
    } 

.node { 
    stroke: #000; 
    stroke-width: 1.5px; 
    font: 10px sans-serif; 
} 

Теперь вы можете получить отдых от: http://bl.ocks.org/mbostock/950642

Но вот что я хочу сделать: Я хочу, чтобы избавиться от GitHub изображения в приведенном выше примере, замените его черным кружком (см. изображение) и назовите его справа от круга, и если круг перемещается, он перемещается вместе с кругом (справа).

Не могу понять, как это сделать. Я могу отображать имена, но я не могу отображать круги. И бывает, что имена справа от того, где должны быть черные круги, но мне просто повезло.

Answer 1

Append круг для каждого узла: (Side вопрос, как бы вы их налево?).

Попробуйте этот код:

DEMO

var node = svg.selectAll(".node") 
     .data(json.nodes) 
    .enter().append("g") 
     .attr("class", "node") 
     .call(force.drag); 

    node.append("circle") 
     .attr("r", 6);