An open API service indexing awesome lists of open source software.

https://github.com/iamhosseindhv/network-visualisation

Network Visualisation Using D3
https://github.com/iamhosseindhv/network-visualisation

d3 data-visualization express graph-visualization javascript material-ui network nodejs react

Last synced: 9 months ago
JSON representation

Network Visualisation Using D3

Awesome Lists containing this project

README

          

# Network Visualisation
A simple network (graph) visualisation using [d3](https://github.com/d3/d3) and [React](https://reactjs.org/).

Table of Content
--
- [Screenshots](#screenshots)
- [Usage](#usage)
- [TODO list](#todo-list)
- [Contact](#contact)
- [License](#license)

Screenshots
--
- [Load data](#load-data)
- [Apply Filter](#apply-filter)
- [Dark Mode - Static/Dynamic Graph](#dark-mode---static/dynamic-graph)
- [Other](#other)

### Load data

### Apply Filter

### Dark Mode Static/Dynamic Graph

### Other

## Usage
follow the instructions: 👇🏼

```
// Step 1: clone the repository.
git clone https://github.com/iamhosseindhv/Network-Visualisation.git network-viz
cd network-viz

// Step 2: install dependencies in the root of the project and `app` directory.
cd app && npm install && cd ../ && npm install

// Step 3: now that you have all the dependencies installed,
// start both the server and client at the same time (from the
// root of the project) by following command:
npm run dev
```

Your app should be running on port 3000. 👉🏼 `http://localhost:3000/`

## TODO list
- [x] Completed
- [ ] Write tests
- [ ] Support for importing data to the database

## Contact
Hossein Dehnokhalaji

Hossein Dehnokhalaji Linkedin profile
Hossein Dehnokhalaji Linkedin profile
Hossein Dehnokhalaji Linkedin profile
Hossein Dehnokhalaji email address

## License

This project is licensed under the MIT license, Copyright (c) 2018 Hossein Dehnokhalaji. For more information see `LICENSE.md`.