|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/d3@6"></script>
|
|
|
|
|
<h3>Interactive Graph</h3>
|
|
|
|
|
<div id="graph-container"></div>
|
|
|
|
|
<style>
|
|
|
|
|
:root {
|
|
|
|
|
--g-node: var(--secondary);
|
|
|
|
|
--g-node-active: var(--primary);
|
|
|
|
|
--g-node-inactive: var(--visited);
|
|
|
|
|
--g-link: var(--outlinegray);
|
|
|
|
|
--g-link-active: #5a7282;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
{{ $js := resources.Get "js/graph.js" | resources.Fingerprint "md5" }}
|
|
|
|
|
<script src="{{ $js.Permalink }}"></script>
|
|
|
|
|
<script>
|
|
|
|
|
drawGraph(
|
|
|
|
|
{{strings.TrimRight "/" .Page.Permalink}},
|
|
|
|
|
{{strings.TrimRight "/" .Site.BaseURL}},
|
|
|
|
|
{{$.Site.Data.graphConfig.paths}},
|
|
|
|
|
{{$.Site.Data.graphConfig.depth}},
|
|
|
|
|
{{$.Site.Data.graphConfig.enableDrag}},
|
|
|
|
|
{{$.Site.Data.graphConfig.enableLegend}},
|
|
|
|
|
{{$.Site.Data.graphConfig.enableZoom}}
|
|
|
|
|
)
|
|
|
|
|
</script>
|
