No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
docs
fonts
src
.gitignore
.yarnclean
README.md
package-lock.json
package.json
tsconfig.json
webpack.renderer.additions.js
yarn.lock

README.md

graph-editor

https://wwlib.github.io

https://wwlib.github.io/graph-editor

(see also: https://github.com/wwlib/neo4j-knowledge-graph)

About

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).

Docs

https://wwlib.github.io/graph-editor/graph-editor-intro.html

yarn

The use of the yarn package manager is strongly recommended, as opposed to using npm.

yarn

Development Scripts

# run application in development mode
yarn dev

# compile source code and create webpack output
yarn compile

# `yarn compile` & create build with electron-builder
yarn dist

# `yarn compile` & create unpacked build with electron-builder
yarn dist:dir

Usage

  • 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

graph editor

-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"
}

new neo4j

  • Changes in the editor are reflected in the neo4j browser

live neo4j