Markdown-Notizen + Referenzen

Das content einer Notiz ist Markdown – Überschriften, Listen, Fettdruck, Links werden alle gerendert. Das Besondere ist [[Name]]: Es wird zu einer Live-Knotenreferenz. Klicken Sie auf einen, um diesen Knoten auszuwählen, und bewegen Sie den Mauszeiger, um ihn hervorzuheben. Referenzen werden nach Knoten-ID oder -Bezeichnung aufgelöst, sodass sie auch dann aussagekräftig bleiben, wenn Ihr Diagramm wächst.

Bewegen Sie den Mauszeiger über die farbigen Referenzen in der Notiz, um deren Knoten hervorzuheben. Klicken Sie auf eines, um es auszuwählen.

Notizen

// `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).`
    }
]

Daten

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)
}