layout, title, permalink
| layout |
title |
permalink |
| single |
Граф заметок |
/graph/ |
<script src="
https://unpkg.com/force-graph"></script>
<script>
fetch('{{ "/assets/js/graph-data.json" | relative_url }}')
.then(r => r.json())
.then(data => {
const el = document.getElementById('graph');
const Graph = ForceGraph()(el)
.graphData(data)
.nodeId('id')
.nodeLabel(n => n.title)
.nodeAutoColorBy('group')
.backgroundColor(getComputedStyle(document.body).backgroundColor || '#111')
.linkColor(() => 'rgba(173,216,230,0.6)')
.linkDirectionalParticles(2)
.linkDirectionalParticleSpeed(0.004)
.onNodeClick(n => window.location = n.url);
// чуть уменьшить размеры узлов/шрифтов для тёмной темы
Graph.nodeRelSize(6);
});
</script>
<style>
#note-graph { height: 70vh; min-height: 420px; }
</style>
