这个项目用 Emscripten 构建了 Graphviz ,可以在浏览器中直接使用。
需要引入两个文件:
完整的 render 还包括了 XML 解析器用来解析 HTML 标签,以及 NEATO 布局引擎。
let viz = new Viz();
viz.renderSVGElement('digraph { a -> b }')
.then(function(element) {
document.body.appendChild(element);
})
.catch(error => {
// Create a new Viz instance (@see Caveats page for more info)
viz = new Viz();
// Possibly display the error
console.error(error);
});