- Clone the repo and run
npm install
in it
The sample graph is the classic cooccurences network of the characters from Les Misérables.
- Run
npm start
in the repo - Open
http://localhost:3000/
in your browser
- Copy your own GEXF graph
my-graph.gexf
into thedata
directory - Run
npm start
in the repo - Open
http://localhost:3000/?graph=my-graph.gexf
in your browser
- Copy your own GEXF graph
my-graph.gexf
into thedata
directory - Copy your own JSON settings file
my-settings.json
into thedata
directory as well (checksrc/defaultConfig.js
to see what settings are accepted) - Run
npm start
in the repo - Open
http://localhost:3000/?graph=my-graph.gexf&config=my-settings.json
in your browser
- Run
npm run build
in the repo - Copy where you need them
index.html
and thebuild
folder, and eventually the sample graph is you still need it
- Load a GEXF graph
- Zoom in, zoom out and center graph buttons
- Hovering a node highlights its neighbors
- Network errors and HTTP errors handling
- Load a GraphML graph
- Button to download the raw data
- Captions
- Node sizes / colors selection
- Attributes repartition charts