Markdown-opmerkingen + referenties

De content van een notitie is Markdown: koppen, lijsten, vetgedrukte tekst en links worden allemaal weergegeven. De opvallend is [[Name]]: het wordt een live knooppuntreferentie. Klik op één om te selecteren dat knooppunt, beweeg de muisaanwijzer om het te markeren. Verwijzingen worden opgelost op basis van knooppunt-id of label, dus zij blijf betekenisvol naarmate uw grafiek groeit.

Beweeg de gekleurde verwijzingen in de notitie om hun knooppunten te markeren; klik er één op selecteer het.

Opmerkingen

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

Gegevens

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