How to use the force-graph function in force-graph

To help you get started, we’ve selected a few force-graph examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github DefinitelyTyped / DefinitelyTyped / types / force-graph / force-graph-tests.ts View on Github external
import ForceGraph from 'force-graph';

const graph = ForceGraph();
graph(new HTMLElement());

graph
    .graphData({nodes: [], links: []})
    .nodeId('testNode')
    .linkSource('source')
    .linkTarget('target')
    .width(100)
    .height(100)
    .backgroundColor('#FFF')
    .nodeRelSize(4)
    .nodeVal(1)
    .nodeVal('val')
    .nodeVal((node) => node.val)
    .nodeLabel('name')
    .nodeLabel((node) => node.name)

force-graph

2D force-directed graph rendered on HTML5 canvas

MIT
Latest version published 2 months ago

Package Health Score

73 / 100
Full package analysis

Popular force-graph functions