{"id":17978707,"url":"https://github.com/joexbayer/graph-visualizer","last_synced_at":"2025-04-04T00:25:17.215Z","repository":{"id":187317415,"uuid":"239296352","full_name":"joexbayer/Graph-Visualizer","owner":"joexbayer","description":"Graphs with pathfinding","archived":false,"fork":false,"pushed_at":"2020-10-17T21:28:28.000Z","size":4378,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-09T12:25:48.526Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/joexbayer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-02-09T11:54:06.000Z","updated_at":"2020-10-17T21:28:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"a3f5be6d-08a7-4ab4-9cfb-653e9973791b","html_url":"https://github.com/joexbayer/Graph-Visualizer","commit_stats":null,"previous_names":["joexbayer/graph-visualizer"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joexbayer%2FGraph-Visualizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joexbayer%2FGraph-Visualizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joexbayer%2FGraph-Visualizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joexbayer%2FGraph-Visualizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joexbayer","download_url":"https://codeload.github.com/joexbayer/Graph-Visualizer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247099843,"owners_count":20883473,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-29T17:34:50.396Z","updated_at":"2025-04-04T00:25:17.193Z","avatar_url":"https://github.com/joexbayer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Graph-Visualizer\nGraph Visualizer with pathfinding.\n\nWorking Demo: \u003ca href=\"https://joexbayer.github.io/Graph-Visualizer/\"\u003eClick here!\u003c/a\u003e\n\nA Javascript based graph visualizer and pathfinding.\n\n ![alt text](https://github.com/joexbayer/Graph-Visualizer/blob/master/src/Menu.png?raw=true)\n\nNodes: \u003cbr\u003e\nCreate nodes by clicking on the screen, connect the nodes by clicking on a existing node and \nthen the next. Both directed and undircted edges can be created.\nIf you enable autoconnect nodes within a certain radius will created edges.\nEdges are used for Pathfinding and have small \"bots\" that will go from node to node.\nThey can be turned off.\nNodes will be marked with \"Node X\" based on when they where created.\n\n ![alt text](https://github.com/joexbayer/Graph-Visualizer/blob/master/src/Graph.png?raw=true)\n \nColor Mode update: Give nodes custom colors!\n\n ![alt text](https://github.com/joexbayer/Graph-Visualizer/blob/master/src/ColorMode.png?raw=true)\n \nPathfinding: \u003cbr\u003e\nWhen \"Find Path\" option is activated, the user can click two nodes and the shortest path will be found\nusing the \u003ca href=\"https://en.wikipedia.org/wiki/A*_search_algorithm\"\u003eA* algorithm\u003c/a\u003e\nThe algorithm uses the edges to find the shortest path. When activating the \"Save Paths\" option, you can\nclick multiple nodes to connect them and find the shortest path. Note, you cant unselect a node! To reset paths\neither deactivate \"Find Paths\" or \"Save Paths.\n\nOptions:\n\u003cul\u003e\n  \u003cli\u003ePress \u003cb style=\"color:blue\"\u003eR\u003c/b\u003e to undo last node or edge created.\u003c/li\u003e\n  \u003cli\u003eOptions that are \u003cb style=\"color:red\"\u003eRED\u003c/b\u003e are turned off.\u003c/li\u003e\n  \u003cli\u003eTo connect nodes simply click on a node then the next.\u003c/li\u003e\n  \u003cli\u003eThe base case will be a undirected edge, to create a directed edge click the option in the menu.\u003c/li\u003e\n  \u003cli\u003e\"Autoconnect\" will connect nodes that are close to each other.\u003c/li\u003e\n  \u003cli\u003eBots will move with the edges, click \"Hide Bots\" to hide them.\u003c/li\u003e\n  \u003cli\u003e\"Random Graph\" will create a random graph based on input at the bottom.\u003c/li\u003e\n  \u003cli\u003eTo find the shortest path between to nodes press the \u003cb style=\"color:darkgreen\"\u003e\"Find Path\"\u003c/b\u003e button.\u003c/li\u003e\n  \u003cli\u003eIf you want to connect multiple nodes click the \u003cb style=\"color:darkgreen\"\u003e\"Save Paths\"\u003c/b\u003e button.\u003c/li\u003e\n\u003c/ul\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoexbayer%2Fgraph-visualizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoexbayer%2Fgraph-visualizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoexbayer%2Fgraph-visualizer/lists"}