https://eongraphprojectname.web.app/
https://github.com/ProgramIsFun/force-graph-visualizer-and-editor/blob/8036c6306726cad4b7c1bd167d0bd16681f2a6d1/client/package.json#L25 Using a modified version because vasturiano/react-force-graph#582 (comment) https://github.com/everythingallaccount/to-do-/issues/16
project aims to provide an editing and visualizations of a forced directed graph.
In very simple English, this project is for you to edit a graph in a 2D space, and you can also visualize the graph in a 3D space.
There will be function to export the graph in a Json format .
You can also import the graph in a Json format.
Every node in the graph is either a very simple plain text node, with only a name, or a GitHub repository node, which contains a lot of properties.
The graph is a force-directed graph, which means that the nodes will be repelled by each other, and the links will be attracted to each other.
This project originally want to make me organize all my projects and repositories in Github in a graph, so that it is more intuitive to see the relationship between them.
-
clone the repo
if u dont use docker, you can run the app by running the following command in client directory:
-
yarn -
yarn start
if u use docker, you can run the app
-
then go to localhost:3000 to see the website
-
if you are using electron. you can run the following command in client directory:
yarn e
https://github.com/ProgramIsFun/github-repos-visualizer
https://gitvisual-7d9a8.web.app
play around with the button there
- just init firebase hosting and deploy it very easily.
