Gremlin-Visualizer

This project is to visualize the graph network corresponding to a gremlin query.

Setting Up Gremlin Visualizer

To setup gremlin visualizer, you need to have node.js and npm installed in your system.

Clone the project

git clone https://github.com/prabushitha/gremlin-visualizer.git

Install dependencies

npm install

Run the project

npm start

Open the browser and navigate to

http://localhost:3000

Note - Frontend starts on port 3000 and simple Node.js server also starts on port 3001. If you need to change the ports, configure in package.json, proxy-server.js, src/constants

Setting up with Docker

You can build a Docker image of the gremlin visualizer with the included Dockerfile. This will use the current version of the master branch of the source GitHub repository. The Docker image can be built by calling the docker build command, for example:

docker build --tag=gremlin-visualizer:latest .

The image can also be downloaded from Docker hub: prabushitha/gremlin-visualizer:latest.

docker pull prabushitha/gremlin-visualizer:latest

The Docker image can then be run by calling docker run and exposing the necessary ports for communication. See Docker's documentation for more options on how to run the image.

# if you built the image yourself
docker run --rm -d -p 3000:3000 -p 3001:3001 --name=gremlin-visualizer --network=host gremlin-visualizer:latest
# if you downloaded from Docker Hub
docker run --rm -d -p 3000:3000 -p 3001:3001 --name=gremlin-visualizer --network=host prabushitha/gremlin-visualizer:latest

Note that --network=host is not needed if you don't run your gremlin server in the host machine.

The Docker container can be stopped by calling docker stop gremlin-visualizer.

Usage

Start Gremlin-Visualizer as mentioned above
Start or tunnel a gremlin server
Specify the host and port of the gremlin server
Write an gremlin query to retrieve a set of nodes (eg. g.V())

Features

If you don't clear the graph and execute another gremlin query, results of previous query and new query will be merged and be shown.
Node and edge properties are shown once you click on a node/edge
Change the labels of nodes to any property
View the set of queries executed to generate the graph
Traverse in/out from the selected node

Contributors

Umesh Jayasinghe (Github: prabushitha)

Something Missing?

If you have new ideas to improve please create a issue and make a pull request