NetworkPlot

d3ベースのネットワークプロット。

オプション

• data | {nodes,links} (required): オブジェクトは nodes と links を持ち、nodes は id プロパティを持つ要素のオブジェクト配列、links は source と target の ID を持つ要素のオブジェクト配列でなければなりません。. Default: none.
• width | number: プロットの幅. Default: 900.
• height | number: 区画の高さ. Default: 600.

例としては、以下のようなものがあります。

ライブエディター

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

結果

ReferenceError: Provider is not defined