NetworkPlot

A d3-based network plot.

Options

• data | {nodes,links} (required): object with nodes and links; nodes should be an object array of elements with an id property, links an object array with elements having a source and target id. Default: none.
• width | number: width of the plot (in px). Default: 900.
• height | number: height of the plot (in px). Default: 600.

Examples

Live Editor

<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 }
        ]
    }}
/>

Result

ReferenceError: Provider is not defined