三角ロジック
Stephen Toulmin(哲学者・イギリス)が提案。
d3.jsconst graph = `
graph g {
CLAIM -- DATA ;
CLAIM -- WARRANT ;
DATA -- WARRANT ;
{rank = same; DATA; WARRANT}
}
`
d3.jsd3.select("#graph").graphviz()
.fade(false)
.renderDot(graph);
visScript.js// create an array with nodes
var nodes = new vis.DataSet([
{ id: 1, label: "CLAIM" },
{ id: 2, label: "WARRANT" },
{ id: 3, label: "DATA" },
]);
// create an array with edges
var edges = new vis.DataSet([
{ from: 1, to: 3 },
{ from: 1, to: 2 },
{ from: 2, to: 3 },
]);
// create a network
var container = document.getElementById("vis");
var data = {
nodes: nodes,
edges: edges,
};
var options = {};
var network = new vis.Network(container, data, options);

←実行ボタン
vizScript.jsconst graph = `
graph g {
CLAIM -- DATA ;
CLAIM -- WARRANT ;
DATA -- WARRANT ;
{rank = same; DATA; WARRANT}
}
`;
vizScript.jsconst viz = new Viz();
viz.renderSVGElement(graph)
.then(function(element) {
const editor = document.getElementById('editor');
editor.appendChild(element);
});

←実行ボタン
t.pu@startdot
graph triangular {
label="三角ロジック";
node [fontsize = 12, shape = box, style=rounded ];
CLAIM -- DATA ;
CLAIM -- WARRANT ;
DATA -- WARRANT ;
{rank = same; DATA; WARRANT}
}
@enddot