Graphviz:無向グラフ

code:d3.css

/* */

code:d3.js

d3.select("#graph").graphviz()

.fade(false)

.renderDot(

`

graph g {

A -- B ;

B -- C ;

A -- C ;

}

`

);

JavaScriptのテンプレートリテラル`で囲う

graph g {}で、gという名前の無向グラフを作成する

ノードはA、B、Cである

エッジの左右のノードを入れ替えても、内容は変わらない

code:vizScript.js

const graph = `

graph g {

A -- B ;

B -- C ;

A -- C ;

}

`;

const viz = new Viz();

viz.renderSVGElement(graph)

.then(function(element) {

const editor = document.getElementById('editor');

editor.appendChild(element);

});