带点的层次结构，用Graphviz生成SVG图像

我正在尝试使用点语言用Graphviz生成一个图形，并将Javascript应用于该图形

问题是在特定级别（即父级/子级）构造节点和边。 生成的svg（伪）如下所示：

<svg>
   <g>Node 1</g>
   <g>Node 2</g>
   <g>Node 3</g>
   <g>Edge 4</g>
   <g>Edge 5</g>
</svg>

所以，我的问题是我怎么写圆点。graphviz将生成SVG，这样我就可以使用sibblings函数了

输出应该类似于：

<svg>
   <level1>
      <g>Node 1</g>
      <g>Edge 4</g>
      <g>Edge 5</g>
   </level1>
   <level2>
      <g>Node 2</g>
      <g>Node 3</g>
   </level2> 
</svg>

节点1
边缘4
边缘5
节点2
节点3

提前谢谢

编辑：简化问题。我可以用点语言向SVG图像（g标记）添加元数据吗？怎么做

<svg>
   <level1>
      <g>Node 1</g>
      <g>Edge 4</g>
      <g>Edge 5</g>
   </level1>
   <level2>
      <g>Node 2</g>
      <g>Node 3</g>
   </level2> 
</svg>