SkillAgentSearch skills...

CypherVis3D

3D Visualization of streaming data retrieved by Cypher Query Language provided by Neo4j.

Install / Use

/learn @kofujimura/CypherVis3D
About this skill

Quality Score

0/100

Supported Platforms

Universal

README

CypherVis3D

CypherVis3D is a data visualization tool for viewing the subgraph retrieved by the Cypher query language provided by Neo4j. The subgraph retrieved by Cypher often contains various categories of nodes and they also have multiple properties. It makes difficult to find important characteristics of the graph when nodes are colored for each categories or properties since human being cannot recognize multi-colored items simultaneously. We thus use the icons in a 3D form that express the categories of nodes.

To retrieve the subgraph from the graph database, user specifies the conditions of "edges" in the Cypher query language. This approach enables to visualizes streaming data easily by specifying in the "ORDER BY" clause.

Demo movie

https://www.youtube.com/watch?v=PcEUL_5NXbI

Live demo

http://qa.fujimura.com:8080/neo3vis/

How to install

  1. Install Neo4j

  2. Install node.js

  3. Install seraph.js

  4. Install socket.io

  5. Install express.js

  6. Install d3.js

  7. Install three.js

How to use

  1. Store data into Neo4j (e.g, The movie sample database provided by Neo4j.)

  2. Start Neo4j

    Set password to access Neo4j via http://localhost:7474 and edit cypherVis3DWebServer8080.js to set the password.

  3. Start Web server

    $ node cypherVis3DWebServer8080.js
    
  4. Access http://localhost:8080/cypherVis3D.html

  5. Run (input Cypher Query)

Related Skills

View on GitHub
GitHub Stars20
CategoryDevelopment
Updated2mo ago
Forks4

Languages

JavaScript

Security Score

75/100

Audited on Feb 6, 2026

No findings