Eu preciso fazer algo ao longo das linhas deesta, mas eu com o Snap.svg e com a capacidade de:

Arraste o grupo inteiro pelo caminhoPreservando o espaçamento durante o arrastoPermitir arrastar grupos de qualquer item do grupoSuporte qualquer número de itens de grupoApoie vários caminhos em forma diferentes

eu comeceieste jsfiddle como um ponto de partida de trabalho (e também postado abaixo), mas estou sem saber como atacar o problema.

var paper = Snap('#panel');

var path = paper.path('M44.16,44.16 L44.16,44.16 L73.6,14.719999999999999 L132.48,73.6 L14.719999999999999,191.35999999999999 L132.48,309.12 L103.03999999999999,338.55999999999995 L44.16,279.67999999999995 L44.16,279.67999999999995')
.attr({
    stroke: 'gray',
    strokeWidth: 3,
    fill: 'none'
});

var c1 = paper.circle(103.03999999999999, 103.03999999999999, 15);
var c2 = paper.circle(44.16, 161.92, 15);
var c3 = paper.circle(73.6, 132.48, 15);

var cGroup = paper.g();
cGroup.add(c1,c2,c3);