2022-11-13 12:23:30 -06:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Forum Network</title>
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="./index.css" />
|
2022-11-14 10:17:43 -06:00
|
|
|
|
|
|
|
|
<script type="module" defer>
|
|
|
|
|
// import mermaid from './mermaid.mjs';
|
|
|
|
|
import mermaid from 'https://unpkg.com/mermaid@9.2.2/dist/mermaid.esm.mjs';
|
|
|
|
|
mermaid.mermaidAPI.initialize({ startOnLoad: false });
|
|
|
|
|
// Example of using the API var
|
|
|
|
|
const element = document.querySelector('#graphDiv');
|
|
|
|
|
const insertSvg = function (svgCode, bindFunctions) {
|
|
|
|
|
element.innerHTML = svgCode;
|
|
|
|
|
};
|
|
|
|
|
const graphDefinition = 'graph TB\na-->b';
|
|
|
|
|
const graph = await mermaid.mermaidAPI.render('graphDiv', graphDefinition, insertSvg);
|
|
|
|
|
console.log("executed...");
|
|
|
|
|
console.log(graph);
|
|
|
|
|
const div = document.createElement('div');
|
|
|
|
|
div.innerHTML = graph;
|
|
|
|
|
document.body.append(div);
|
|
|
|
|
</script>
|
2022-11-13 12:23:30 -06:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2022-11-14 10:17:43 -06:00
|
|
|
<div id="graphDiv"></div>
|
2022-11-13 12:23:30 -06:00
|
|
|
</body>
|
