fruchterman = {
return new LayoutGPU.FruchtermanLayout({
center: [centerXInFruchtermanLayout, centerYInFruchtermanLayout],
width: widthInFruchtermanLayout,
height: heightInFruchtermanLayout,
maxIteration: maxIterationInFruchtermanLayout,
gravity: gravityInFruchtermanLayout,
speed: speedInFruchtermanLayout
});
}
displayNodesAndEdges(positionsFruchtermanLayoutCalculatedInGPU)
gforce = {
return new LayoutGPU.GForceLayout({
center: [200, 200],
width: 400,
height: 400,
maxIteration: 1000
});
}
calculateGForceLayoutInGPU = () => {
const graph = new graphlib.Graph({
nodes: data2.nodes,
edges: data2.edges
});
return gforce.execute(graph);
}
fruchtermanCPU = {
return new Layout.FruchtermanLayout({
center: [centerXInFruchtermanLayout, centerYInFruchtermanLayout],
width: widthInFruchtermanLayout,
height: heightInFruchtermanLayout,
maxIteration: maxIterationInFruchtermanLayout,
gravity: gravityInFruchtermanLayout,
speed: speedInFruchtermanLayout
});
}
timeElapsedGPU = {
const startTime = performance.now();
await calculateFruchtermanLayoutInGPU();
return performance.now() - startTime;
}
timeElapsedCPU = {
const startTime = performance.now();
await calculateFruchtermanLayoutInCPU();
return performance.now() - startTime;
}
speedUp = timeElapsedCPU / timeElapsedGPU
graphlib = require("@antv/graphlib@2.0.0")
Layout = require("@antv/layout@1.0.0-alpha.16")
LayoutGPU = require("@antv/layout-gpu@1.0.0-alpha.3")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
