{"id":16551197,"url":"https://github.com/michaelcurrin/network-graphs","last_synced_at":"2025-04-12T00:40:31.385Z","repository":{"id":93179378,"uuid":"177326339","full_name":"MichaelCurrin/network-graphs","owner":"MichaelCurrin","description":"The easy way to visualize CSV data as a network graph","archived":false,"fork":false,"pushed_at":"2020-12-20T07:58:44.000Z","size":32,"stargazers_count":5,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-25T20:21:38.822Z","etag":null,"topics":["d3","d3-visualization","dataviz","force-directed-graph","javascript","network-graph"],"latest_commit_sha":null,"homepage":"https://michaelcurrin.github.io/network-graphs/","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MichaelCurrin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2019-03-23T18:34:05.000Z","updated_at":"2024-09-27T11:03:14.000Z","dependencies_parsed_at":"2023-05-05T05:17:10.095Z","dependency_job_id":null,"html_url":"https://github.com/MichaelCurrin/network-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/MichaelCurrin%2Fnetwork-graphs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MichaelCurrin%2Fnetwork-graphs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MichaelCurrin%2Fnetwork-graphs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MichaelCurrin%2Fnetwork-graphs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MichaelCurrin","download_url":"https://codeload.github.com/MichaelCurrin/network-graphs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248501960,"owners_count":21114681,"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":["d3","d3-visualization","dataviz","force-directed-graph","javascript","network-graph"],"created_at":"2024-10-11T19:36:36.488Z","updated_at":"2025-04-12T00:40:31.357Z","avatar_url":"https://github.com/MichaelCurrin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Network Graphs\n\u003e The easy way to visualize CSV data as a network graph\n\nCreate an animated force-directed network graph in the browser, consisting of nodes with connecting arrows, text labels and color. The nodes are force-directed i.e. they respond to clicking and dragging mouse actions.\n\n\u003cdiv align=\"center\"\u003e\n  \n[![View site - GH Pages](https://img.shields.io/badge/View_site-GH_Pages-green?style=for-the-badge)](https://michaelcurrin.github.io/network-graphs/)\n\n\u003c/div\u003e\n\n\n## Purpose\n\nI've built this project as a wrapper on the D3 library which allows me to easily point to a CSV dataset, configure some parameters and then show the visualization in the browser.\n\nThe reason I made it is that I have a couple of personal projects which have data which is ideal for making network graphs. But this type of graph is not often found in the dashboard tools I've used. Although there is one in Google Fusion Tables which reads CSV data and can be easily configured, unfortunately Google is retiring that system.\n\n## Installation\n\nClone the repo.\n\nThere are no dependencies to install.\n\n## Usage\n\nStart a server in the root of the project.\n\nIf you have Python 3 installed, that's a good choice. Here's a shortcut, using [Makefile](/Makefile).\n\n```sh\n$ make serve\n```\n\n\n## Deploy\n\u003e Setup the site on GH Pages\n\n1. Fork the project.\n2. Go to Settings of your repo.\n3. Setup _GitHub Pages_ using `master` and project root.\n4. Wait for your build to complete in the Environment tab on the repo main page. \n5. Then click _View Deployment_ to find your URL.\n\n\n## Resources\n\nI found these code samples and they have been extremely useful.\n\n- [Force-directed graph with arrows](http://bl.ocks.org/jhb/5955887)\n- [Process CSV data](https://bl.ocks.org/mbostock/2949937)\n\n\n## License\n\nReleased under [MIT](/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelcurrin%2Fnetwork-graphs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmichaelcurrin%2Fnetwork-graphs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmichaelcurrin%2Fnetwork-graphs/lists"}