こんにちはグラフ

絶対的な最小限。 Pivotick data のノードとエッジのオブジェクトとあなたを手渡します インタラクティブな力指向のグラフを取得します。パン、ズーム、ドラッグ操作を 箱。オプションは必要ありません。ノードにカーソルを置くと、そのラベルが表示されます。

オプション

const options = {}

データ

const data = {
    nodes: [
        { id: 'ana', data: { label: 'Ana' } },
        { id: 'ben', data: { label: 'Ben' } },
        { id: 'cleo', data: { label: 'Cleo' } },
        { id: 'dan', data: { label: 'Dan' } }
    ],
    edges: [
        { from: 'ana', to: 'ben' },
        { from: 'ben', to: 'cleo' },
        { from: 'cleo', to: 'dan' },
        { from: 'ana', to: 'cleo' }
    ]
}