Skip to Content
ExamplesNodes

Stress Test

You doubt we can render a lot of nodes and edges? See for yourself.

export function createNodesAndEdges(xNodes = 10, yNodes = 10) { const nodes = []; const edges = []; let nodeId = 1; let recentNodeId = null; for (let y = 0; y < yNodes; y++) { for (let x = 0; x < xNodes; x++) { const position = { x: x * 100, y: y * 50 }; const data = { label: `Node ${nodeId}` }; const node = { id: `stress-${nodeId.toString()}`, style: 'width: 50px; fontSize: 11pt;', data, position }; nodes.push(node); if (recentNodeId && nodeId <= xNodes * yNodes) { edges.push({ id: `${x}-${y}`, source: `stress-${recentNodeId.toString()}`, target: `stress-${nodeId.toString()}` }); } recentNodeId = nodeId; nodeId++; } } return { nodes, edges }; }
Last updated on