https://github.com/jbitton/neo4j-graph-renderer

A React.js component that allows you to render neo4j graphs
https://github.com/jbitton/neo4j-graph-renderer

component neo4j react

Last synced: 4 months ago
JSON representation

A React.js component that allows you to render neo4j graphs

• Host: GitHub
• URL: https://github.com/jbitton/neo4j-graph-renderer
• Owner: jbitton
• License: mit
• Created: 2017-06-19T20:25:34.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-14T15:48:56.000Z (almost 7 years ago)
• Last Synced: 2024-10-08T08:51:28.574Z (4 months ago)
• Topics: component, neo4j, react
• Language: JavaScript
• Homepage:
• Size: 150 KB
• Stars: 46
• Watchers: 2
• Forks: 11
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# neo4j-graph-renderer

Since neo4j does not provide a way to render its graphs, I've created a react component that can be used in order to render a neo4j graph (with all the animations, etc).

## Installation

If you are using `create-react-app`:

```bash

# using NPM

$ npm install neo4j-graph-renderer --save

# using yarn

$ yarn add neo4j-graph-renderer

```

If you are not using `create-react-app`, please install the following:

```bash

$ npm install style-loader --save-dev  # style-loader for webpack

$ npm install css-loader --save-dev    # css-loader for webpack

```

## Usage

```javascript

// Using ES6 Syntax

import React from 'react';

import ReactDOM from 'react-dom';

import { Neo4jGraphRenderer } from 'neo4j-graph-renderer';

const App = () => (

  


     

  

);


ReactDOM.render(, document.getElementById('root'));

```

Props you must provide:

* ```url```: the url required to access your neo4j db (e.g. "http://localhost:7474")

* ```user```: the username required to access your neo4j db

* ```password```: the password required to access your neo4j db

* ```query```: the query you'd like to execute

& There you go! Your neo4j graph has been rendered!

**NOTE**: If you would like to add any extra CSS or your own font, the graph is generated in a ```div``` with id "graph"

## Issues

If you find a bug, please file an issue on the [issue tracker](https://github.com/jbitton/neo4j-graph-renderer/issues) on GitHub.