{"id":17677071,"url":"https://github.com/arrow7000/graphs","last_synced_at":"2026-05-18T15:03:32.842Z","repository":{"id":145741251,"uuid":"94439414","full_name":"Arrow7000/graphs","owner":"Arrow7000","description":"🕸 Web app to allow users to create, manipulate and explore network graphs. Work in progress.","archived":false,"fork":false,"pushed_at":"2018-08-19T15:46:29.000Z","size":1408,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-25T23:49:49.800Z","etag":null,"topics":["canvas","network-graph","physics","typescript","vector","webpack"],"latest_commit_sha":null,"homepage":"https://aa-graphs.herokuapp.com/","language":"TypeScript","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/Arrow7000.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-06-15T12:55:33.000Z","updated_at":"2024-07-31T09:20:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"85bc0716-dbf7-499c-a018-cbcd9dde6b7f","html_url":"https://github.com/Arrow7000/graphs","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arrow7000%2Fgraphs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arrow7000%2Fgraphs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arrow7000%2Fgraphs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Arrow7000%2Fgraphs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Arrow7000","download_url":"https://codeload.github.com/Arrow7000/graphs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246354160,"owners_count":20763782,"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":["canvas","network-graph","physics","typescript","vector","webpack"],"created_at":"2024-10-24T07:27:42.121Z","updated_at":"2026-05-18T15:03:27.821Z","avatar_url":"https://github.com/Arrow7000.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Graphs\n\nTool for exploring and playing around with network graphs.\n\n[![Click to go to app](readme/screenshot.png)](https://aa-graphs.herokuapp.com/)\n\n## Technologies\n\n- HTML5 Canvas\n- TypeScript\n- Webpack\n\n## Techniques\n\n- Quadtrees and Barnes-Hut approximation (inspired by [D3.js](https://github.com/d3/d3-force#many-body))\n\n---\n\n## Roadmap\n\n- [ ] Decide on format for storing networks\n- [x] Make canvas resize to size of viewport - maybe use requestAnimationFrame\n- [ ] Optionally also 'zoom' in or out virtually depending on viewport size\n- [x] Colour nodes and edges\n- [x] Allow user to create new nodes\n- [x] Allow user to create new edges between nodes (by clicking on node's edge and dragging to another one)\n- [ ] Create import tool\n- [ ] create connectors to interface with import tool - e.g. import friends list from FB or Twitter followers network\n- [x] Create directed edges, with arrow to display direction\n- [ ] Create dashboard\n    - [ ] Allow user to save current state\n    - [ ] Allow user to select from multiple saved states\n    - [ ] Checkbox to display quadtrees\n- [ ] Calculate tension of layout and reshuffle before render to get lowest-tensioned layout\n- [ ] Make edge of viewport barrier for nodes, so unconnected ones can't escape","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farrow7000%2Fgraphs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farrow7000%2Fgraphs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farrow7000%2Fgraphs/lists"}