https://wwlib.github.io/graph-editor
(see also: https://github.com/wwlib/neo4j-knowledge-graph)
graph-editor is an electron-webpack/react app for designing graphs and editing live neo4j databases.
Note: Graph Editor is uses the Graph Diagram library (https://wwlib.github.io/graph-diagram/) which is a TypeScript port of a graph-editing project called Arrows, originally created by Alistair Jones at Neo4j (http://www.apcjones.com/arrows/, https://github.com/apcj/arrows).
https://wwlib.github.io/graph-editor/graph-editor-intro.html
The use of the yarn package manager is strongly recommended, as opposed to using npm
.
yarn
# compile source code and create webpack output
yarn build
# run application
yarn start
# run application in development mode
yarn start:electron-dev
# `yarn compile` & create build with electron-builder
yarn dist
- Note: This is an early prototype intended for experimentation.
- Use the New File button to create a new local graph File
- Double-click nodes and relationships to edit them
-Use the New Neo4j button to create a connection to a live neo4j database
- set the connection url, user, password, etc.
"connection": {
"type": "neo4j",
"url": "bolt://localhost:7687",
"user": "neo4j",
"password": "<PASSWORD>",
"initialCypher": "MATCH (n)-[r]-(p) return n,r,p limit 100"
}
- Changes in the editor are reflected in the neo4j browser