Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jacomyal/basic-sigma-integration
A basic integration of sigma.js to display graphs
https://github.com/jacomyal/basic-sigma-integration
Last synced: 21 days ago
JSON representation
A basic integration of sigma.js to display graphs
- Host: GitHub
- URL: https://github.com/jacomyal/basic-sigma-integration
- Owner: jacomyal
- Created: 2020-03-06T15:45:34.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T02:37:43.000Z (almost 2 years ago)
- Last Synced: 2024-10-12T01:46:06.320Z (about 1 month ago)
- Language: JavaScript
- Size: 1.5 MB
- Stars: 3
- Watchers: 2
- Forks: 2
- Open Issues: 18
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Basic sigma.js integration
## How to...
### ...install
- Clone the repo and run `npm install` in it
### ...run the dev version with the sample graph
The sample graph is the classic cooccurences network of the characters from [Les Misérables](https://en.wikipedia.org/wiki/Les_Mis%C3%A9rables).
- Run `npm start` in the repo
- Open `http://localhost:3000/` in your browser### ...run the dev version with your own graph
- Copy your own GEXF graph `my-graph.gexf` into the `data` directory
- Run `npm start` in the repo
- Open `http://localhost:3000/?graph=my-graph.gexf` in your browser### ...run the dev version with your settings
- Copy your own GEXF graph `my-graph.gexf` into the `data` directory
- Copy your own JSON settings file `my-settings.json` into the `data` directory as well (check `src/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### ...build for production
- Run `npm run build` in the repo
- Copy where you need them `index.html` and the `build` folder, and eventually the sample graph is you still need it## Roadmap - "MVP"
- [x] Load a GEXF graph
- [x] Zoom in, zoom out and center graph buttons
- [x] Hovering a node highlights its neighbors
- [ ] Network errors and HTTP errors handling
- [ ] Load a GraphML graph## Roadmap - futur releases
- [ ] Button to download the raw data
- [ ] Captions
- [ ] Node sizes / colors selection
- [ ] Attributes repartition charts