マークダウンノート + リファレンス
ノートの content は Markdown です。見出し、リスト、太字、リンクはすべてレンダリングされます。の 目立つのは [[Name]]: ライブ ノード参照 になります。 1 つをクリックして選択します そのノードにマウスを移動して強調表示します。参照はノード ID またはラベルによって解決されるため、 グラフが成長しても意味を持ち続けます。
メモ内の色付きの参照にカーソルを置くと、そのノードが強調表示されます。 1 つをクリックすると それを選択してください。
js
// `content` is Markdown. `[[Name]]` becomes a live node reference — click to select
// the node, hover to highlight it. It matches a node by id or label.
const notes = [
{
id: 'release-notes',
color: '#C4B5FD',
x: 60,
y: -180,
width: 270,
height: 250,
content: `# Release 2.0
**Owner:** [[API]]
- [[Frontend]] redesign
- Finish the [[Docs]]
- Cut the [[Release]]
See the [changelog](https://example.com).`
}
]js
const data = {
nodes: [
{ id: 'planning', data: { label: 'Planning' } },
{ id: 'design', data: { label: 'Design' } },
{ id: 'api', data: { label: 'API' } },
{ id: 'frontend', data: { label: 'Frontend' } },
{ id: 'docs', data: { label: 'Docs' } },
{ id: 'release', data: { label: 'Release' } }
],
edges: [
{ from: 'planning', to: 'design' },
{ from: 'design', to: 'api' },
{ from: 'design', to: 'frontend' },
{ from: 'api', to: 'docs' },
{ from: 'frontend', to: 'docs' },
{ from: 'docs', to: 'release' }
],
notes // markdown annotations with [[node]] references (see the Notes tab)
}