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