A React based front end to work with dag-server, for displaying graph and paths in DAG(Directed Acyclic Graph) graph
App uses cytoscape to generate the graph and react-cytoscapejs react component to render as react component.
- clone the repository
- go to repository folder
cd dag-ui
- run
npm install
- run
npm start
- App should automatically open in browser else open a browser and open
http://localhost:3000
App by default runs on
port : 3000
App provides following features
- Post graph to server
- Realtime graph creation based on the json format provided in the Enter Graph field.
- Graph Format -> parse and validates the json provided in the enter graph field.
- Displays graph data from server.
- Specify root node and Get Path.
- GET GRAPH button for getting data from server.
- 2 modes for displaying GRAPH and PATH.
- ADD nodes in (p1,[n1,n2]) format.