1.0.28 • Published 4 days ago
@kinetica/react-kinetica-graph-viz v1.0.28
Installation
npm install --save @kinetica/react-kinetica-graph-viz
Usage
import { KineticaGraphViz } from "@kinetica/react-kinetica-graph-viz";
import "./App.css";
function App() {
return (
<KineticaGraphViz
id="my_graph"
server="http://127.0.0.1:9191"
username="admin"
password="password"
node_table="graph.social_ids_nodes"
node_columns={["id", "name"]}
edge_table="graph.social_ids_edges"
edge_columns={["node1", "node2"]}
limit={800}
graph_config={(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);
}}
/>
);
}
export default App;
import { KineticaGraphViz } from "@kinetica/react-kinetica-graph-viz";
import "./App.css";
function App() {
return (
<KineticaGraphViz
id="my_graph"
server="http://127.0.0.1:9191"
username="admin"
password="password"
data_table="graph.multi_out_table"
data_columns={["EDGE_NODE1_ID", "EDGE_NODE2_ID"]}
limit={800}
graph_config={(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);
}}
/>
);
}
export default App;
1.0.28
4 days ago
1.0.19
3 months ago
1.0.18
3 months ago
1.0.17
3 months ago
1.0.16
3 months ago
1.0.22
3 months ago
1.0.21
3 months ago
1.0.25
3 months ago
1.0.24
3 months ago
1.0.23
3 months ago
1.0.15
3 months ago
1.0.14
4 months ago
1.0.13
4 months ago
1.0.12
4 months ago
1.0.10
1 year ago
1.0.9
1 year ago
1.0.8
1 year ago
1.0.7
1 year ago
1.0.6
1 year ago
1.0.5
1 year ago
1.0.4
1 year ago
1.0.3
1 year ago
1.0.2
1 year ago
1.0.0
1 year ago