Kinetica Graph Visualization Library
Visualize graph data fom a Kinetica database
npm install --save @kinetica/kinetica-graph-viz
import KineticaGraphViz from "@kinetica/kinetica-graph-viz";
const kGraphViz = new KineticaGraphViz("my_graph");
kGraphViz
.connect("http://127.0.0.1:9191", {
username: "admin",
password: "password",
})
.nodes("graph.social_ids_nodes", ["id", "name"])
.edges("graph.social_ids_edges", ["node1", "node2"])
.limit(1000)
.graph((graph) => {
graph
.cooldownTicks(50)
.backgroundColor("#00000000")
.nodeVal(() => Math.random() * 15)
.nodeLabel((node) => `Node ${node.id}`)
.nodeColor(() => (Math.random() > 0.5 ? "#4c00b0" : "#FF00FF"))
.linkColor(() => (Math.random() > 0.5 ? "#4c00b0" : "#FF00FF"))
.linkWidth(2);
})
.render();
<script src="build/index.js"></script>;
const KineticaGraphViz = window.KineticaGraphViz.default;
const kGraphViz = new KineticaGraphViz("my_graph");
kGraphViz
.connect("http://127.0.0.1:9191", {
username: "admin",
password: "password",
})
.data("graph.nodes_edges", ["EDGE_NODE1_ID", "EDGE_NODE2_ID"])
.limit(1000)
.graph((graph) => {
graph
.cooldownTicks(50)
.backgroundColor("#00000000")
.nodeVal(() => Math.random() * 15)
.nodeLabel((node) => `Node ${node.id}`)
.nodeColor(() => (Math.random() > 0.5 ? "#4c00b0" : "#FF00FF"))
.linkColor(() => (Math.random() > 0.5 ? "#4c00b0" : "#FF00FF"))
.linkWidth(2);
})
.render();