The avatar for @gordonsmith
Gordon Smith
Public
Edited
Apr 11
Fork of Heat Chart
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
graph = new hpccGraph.GraphHtml()
.target(placeholder)
.on("vertex_click", (row, col, sel) => console.log("click", row, col, sel))
.on("vertex_dblclick", (row, col, sel) => console.log("dblclick", row, col, sel))
.on("vertex_mousein", (row, col, sel) => console.log("mousein", row, col, sel))
.on("vertex_mouseover", (row, col, sel) => console.log("mouseover", row, col, sel))
.on("vertex_mouseout", (row, col, sel) => console.log("mouseout", row, col, sel))
;
Insert cell
Insert cell
graph
.dragSingleNeighbors(true)
.edgeColor("#287EC4")
.edgeStrokeWidth(1.66)
.edgeArcDepth(2.5)
.forceDirectedAlphaDecay(0.01)
.layout("ForceDirectedHybrid")
.applyScaleOnLayout(true)
.lazyRender()
;
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
graph
.data(graphData)
.lazyRender()
;
Insert cell
Insert cell
Insert cell
hpccGraph = import("@hpcc-js/graph");
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more