React Neovis Example

What is this thing?

This repo is just a simple example on how to show a neovis.js graph visualization in a React application.

How do I use it?

You don't need to install Neo4j for this project. You just need 3 things:

1. create a Neo4j Sandbox on neo4j.com,
2. install the project dependencies,
3. connect to your Neo4j Sandbox.

1 - Create a Neo4j Sandbox

A Neo4j Sandbox is essentially a Docker container with Neo4j installed, and a graph dataset that you can play with. There is nothing to install. It runs on the cloud. A Sandbox will expire in 3 days, but if you want you can extend your project for an additional 7 days (it can be done only once).

Create a Neo4j Sanbox here.

2 - Install project dependencies

git clone git@github.com:jackdbd/react-neovis-example.git
cd react-neovis-example
yarn install  # or simply, yarn

3 - Connect to your Neo4j Sandbox

Find the Connection details for your Neo4j Sandbox:

Then open the App component and replace YOUR-BOLT-URI-HERE and YOUR-NEO4J-PASSWORD-HERE with your Neo4j Sanbox connection details.

Now you are all set, and you can run the app with:

yarn start

Credits

Inspired by William Lyon's Graph Visualization With Neo4j Using Neovis.js.

This project was bootstrapped with Create React App.