Notas de redução + referências

O content de uma nota é Markdown – títulos, listas, negrito, links, todos renderizados. O destaque é [[Name]]: ele se torna uma referência de nó ativo. Clique em um para selecionar esse nó e passe o mouse para destacá-lo. As referências são resolvidas por ID ou rótulo do nó, para que permaneçam significativas à medida que seu gráfico cresce.

Passe o mouse sobre as referências coloridas na nota para destacar seus nós; clique em um para selecioná-lo.

Notas

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

Dados

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