Javascript 我可以使用d3.js显示GraphViz生成的点或xdot布局文件吗？

我创建了一个web服务，它在服务器上使用GraphViz为图形生成点和xdot布局文件。有没有办法在客户端浏览器上使用d3.js可视化点或xdot文件

---

如果没有，是否有其他JavaScript库可以可视化dot或xdot布局？

GraphViz文档：

1基本图形绘制 点绘制有向图。它读取属性图文本文件并绘制图纸， 作为图形文件或图形格式，如GIF、PNG、SVG、PDF或 附言

---

如果可以将图形输出为SVG，则可以使用d3对其进行操作。描述如何将外部SVG文件读取为XML并将其插入到文档中。

派对已经很晚了，但现在您可以通过以下方式执行此操作：

d3.选择（“#图形”）.graphviz（）
.renderDot（'有向图{a->b}'）；

有几种解决方案，但都没有达到我真正想要的效果：获取一些漂亮的、有效的

D3js

图形可视化代码，并将

.dot

文件而不是

.json

文件提供给它。

这就是为什么我创建了一个适配器，它基本上允许您通过更改一条语句，将

.dot

文件与数千个

D3js

示例中的任何一个一起使用。如果您有一些

D3js

可视化处理以下数据结构：

{
  "nodes": [ {"id": "Myriel"}, {"id": "Napoleon"}],
  "links": [ {"source": "Myriel"}, {"target": "Napoleon"}]
} 

只需包含以下脚本并调用

d3.dot

：

<script src="https://cdn.jsdelivr.net/gh/gmamaladze/d3-dot-graph@1.0.0/build/d3-dot-graph.min.js"></script>
<script>

d3.dot(url, function(graph) {
   ...
});

</script>

---

顺便说一句，如果您只想显示可视化效果，而不想对其进行操作或与之交互，那么让服务器将其转换为PNG并将其显示为图像可能是最简单的方法。有关类似问题的答案，请参阅

d3.json(url, function(graph) {...});