NetworkPlot

d3 pagrįstas tinklo sklypas.

Parinktys

• data | {nodes,links} (required): objektas su mazgais ir atšakomis; mazgai turėtų būti elementų masyvas su savybe id, atšakos - objektų masyvas su elementais, turinčiais šaltinio ir tikslo ID. Default: none.
• width | number: sklypo plotis (px). Default: 900.
• height | number: sklypo aukštis (px). Default: 600.

Pavyzdžiai

Tiesioginis redaktorius

<NetworkPlot width={400} height={400} data={{ nodes: [ { 'id': 0 }, { 'id': 1 }, { 'id': 2 }, { 'id': 3 }, ], links: [ { 'source': 0, 'target': 1 }, { 'source': 0, 'target': 2 }, { 'source': 2, 'target': 3 } ] }} />

<NetworkPlot
    width={400}
    height={400}
    data={{
        nodes: [
            { 'id': 0 },
            { 'id': 1 },
            { 'id': 2 },
            { 'id': 3 },
        ],
        links: [
            { 'source': 0, 'target': 1 },
            { 'source': 0, 'target': 2 },
            { 'source': 2, 'target': 3 }
        ]
    }}
/>

Rezultatas

ReferenceError: Provider is not defined