Javascript 如何在d3.js中为选定边和顶点创建轮廓？

我正在尝试创建一个视觉效果，如下图所示： [选定数量的顶点和连接它们的边将被轮廓包围] 我将非常感谢任何代码示例如何做到这一点，因为我对SVG和通过javascript进行图形处理还比较陌生。

---

谢谢

基于id或类进行全选有那么难吗？在这之后，您可以使用CSS添加阴影，因为SVG和CSS都提供类似的支持。

我可以通过添加两组非常粗的“链接”线来实现这一点，笔划线头值为“圆形”，可以以类似的方式扩展到所选的线

var linkoutline = svg.selectAll(".outline")  
    .data(json.links)
  .enter().append("svg:line")
    .attr("class","outline")
    .style("stroke","red")
    .style("stroke-width",20)
    .style("stroke-linecap","round");
var linkback = svg.selectAll(".backline")
    .data(json.links)
  .enter().append("svg:line")
    .attr("class","backline")
    .style("stroke","white")
    .style("stroke-width",18)
    .style("stroke-linecap","round");

---

请参阅更新的JSFIDLE。这可以以类似的方式扩展到您选择的行

问题是什么？你尝试过什么？可能还想在上提问。问题在标题中有明确说明，我还没有尝试过任何东西，因为我不知道如何解决这个问题，我对D3和javascript图形还不熟悉。但是谢谢你的否决票。好吧，如果这么简单的话，你就不会有问题在下面的小提琴上演示了，对吧？谢谢！！！这是一个很酷的技巧，扩展笔划线以包括顶点并将其舍入。