Published
Edited
Apr 16, 2021
neo4j = {
const neo4j = await require('neo4j-driver');
return neo4j;
}
driver = neo4j.driver(
"neo4j+s://df82a806.databases.neo4j.io:7687",
neo4j.auth.basic("Reader", "Reader")
)
//allOriginal = buildDataArrayOriginal("MATCH ()-[r:Assoc]->(), (n) RETURN n,r")
allNodeOriginal = buildDataArrayOriginal("MATCH (n) RETURN n")
allRelationshipOriginal = buildDataArrayOriginal("MATCH ()-[r:Assoc]->() RETURN r")
allNode = allNodeOriginal.records
allRelationship = allRelationshipOriginal.records
all = allNode.concat(allRelationship)
queryForNode = 'MATCH (n) RETURN n';
queryForRelationship = 'MATCH p=()-[r:Assoc]->() RETURN p';
function buildDataArrayNodeOriginal() {
const session1 = driver.session();
const dataArrayNodeOriginal = session1.run(queryForNode);
return dataArrayNodeOriginal;
}
dataArrayNodeOriginal = buildDataArrayNodeOriginal();
function buildDataArrayRelationshipOriginal() {
const session2 = driver.session();
const dataArrayRelationshipOriginal = session2.run(queryForRelationship);
return dataArrayRelationshipOriginal;
}
dataArrayRelationshipOriginal = buildDataArrayRelationshipOriginal();
dataArrayNodeSecond = dataArrayNodeOriginal.records.map(d => d.toObject())
dataArrayRelationshipSecond = dataArrayRelationshipOriginal.records.map(d => d.toObject()).map(d => d.p)
// viewof, generators, dependency, mutable (things to look at for sync)
dataNodeArray = []
{
for (let i = 0; i < dataArrayNodeSecond.length; i++) {
dataNodeArray[i] = {ID: dataArrayNodeSecond[i].n.identity.low, LABEL:dataArrayNodeSecond[i].n.labels[0]};
for (const property in dataArrayNodeSecond[i].n.properties) {
if (dataNodeArray[i].LABEL == "Restaurant") {
dataNodeArray[i][property] = dataArrayNodeSecond[i].n.properties[property]
} else {
dataNodeArray[i]['name'] = dataArrayNodeSecond[i].n.properties[property]
}
}
}
}
dataNodeArray[8730]
dataRelationshipArray = []
{
for (let i = 0; i < dataArrayRelationshipSecond.length; i++) {
dataRelationshipArray[i] = {ID: dataArrayRelationshipSecond[i].segments[0].relationship.identity.low, source: dataArrayRelationshipSecond[i].start.identity.low, target: dataArrayRelationshipSecond[i].end.identity.low}
for (const property in dataArrayRelationshipSecond[i].segments[0].relationship.properties) {
dataRelationshipArray[i][property] = dataArrayRelationshipSecond[i].segments[0].relationship.properties[property]
}
}
}
dataRelationshipArray
function buildDataArray(node, link) {
const dataArray = {Node: node, Link: link}
return dataArray;
}
dataArray = buildDataArray(dataNodeArray, dataRelationshipArray)
Table(dataNodeArray)
Table(dataRelationshipArray)
function checkCountCity(object) {
if (object.count >= 150) {
return object
}
}
function checkCountCategory(object) {
if (object.count >= 500) {
return object
}
}
{
const data =cityArray.filter(checkCountCity);
const color = d3.scaleSequential(d3.interpolateViridis).domain([0, data.length-1]);
const colors = {
domain: data.map(d=>d.group),
range: data.map( (i,j) => color(j) )
};
return vl.markArc({outerRadius: 150})
.data(data)
.encode(
vl.theta().fieldQ('count'),
vl.color().fieldN('name'),
vl.tooltip([
{ field: "name", type: "nominal" },
{ field: "count", type: "quantitative" }
])
)
.config({view: {stroke: null}})
.width(300)
.height(300)
.render();
}
categoryArray = dataArray.Node.filter(d => d.LABEL === "Food")
categoryArray.map(d => d.count = countRelations(d,dataArray)).filter(d => d.count != 0)
cityArray.map(d => d.count = countRelations(d, dataArray)).filter(d => d.count !== 0)
starsArray = dataArray.Node.filter(d => d.LABEL === "stars")
starsArray.map(d => d.count = countRelations(d, dataArray)).filter(d => d.count !== 0)
import {select, text, number, password as passwordInput} from "@jashkenas/inputs"
import { vl } from "@vega/vega-lite-api"
import {Table} from "@observablehq/inputs"
// npm i @observablehq/runtime
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.
