neo4j-browser-images

A d3 hack to allow the Neo4j Browser to render images in nodes.

Special thanks to Michael Hunger.

Images

Create node property called image_url and populate this with a fully qualified image url.

MATCH (n:MyImageNode)
SET n.image_url = "http://myimage.png"
RETURN n

smaller images (100x100 px) work better, use the largest node size (80px) for best effect.

Run in Neo4j Desktop

Update Neo4j Desktop, copy and paste the npm repo link (below) in the 'Install Graph Application' box, and then add Neo4j Browser Images app to your Project.

https://registry.npmjs.org/neo4j-browser-image-enabled

Run Standalone

1. clone

neo4j-browser, follow the yarn build instructions.

2. copy

current version

Copy init.js to this location, replacing the original.

/neo4j-browser/src/browser/modules/D3Visualization/lib/visualization/renders/init.js

older versions (< commit #846)

Copy init.coffee to this location, replacing the original.

/neo4j-browser/src/browser/modules/D3Visualization/lib/visualization/renders/init.coffee

3. launch

$ yarn start

Open http://localhost:8080 in your browser.

Connect to Neo4j using localhost and your credentials.