{"id":18422595,"url":"https://github.com/louis3797/wikipedia-graph","last_synced_at":"2025-04-07T15:32:25.293Z","repository":{"id":37254139,"uuid":"503786390","full_name":"Louis3797/wikipedia-graph","owner":"Louis3797","description":"Graphically display the connections between different Wikipedia articles","archived":false,"fork":false,"pushed_at":"2022-06-16T12:21:27.000Z","size":7818,"stargazers_count":24,"open_issues_count":2,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-22T20:04:11.235Z","etag":null,"topics":["force-directed-graphs","react","react-three-fiber","reactjs","three-js","threejs","typescript","wikipedia","wikipedia-api","wikipedia-scraper"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"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/Louis3797.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-06-15T13:52:21.000Z","updated_at":"2025-02-07T22:13:26.000Z","dependencies_parsed_at":"2022-08-18T07:10:58.808Z","dependency_job_id":null,"html_url":"https://github.com/Louis3797/wikipedia-graph","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/Louis3797%2Fwikipedia-graph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Louis3797%2Fwikipedia-graph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Louis3797%2Fwikipedia-graph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Louis3797%2Fwikipedia-graph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Louis3797","download_url":"https://codeload.github.com/Louis3797/wikipedia-graph/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247679758,"owners_count":20978112,"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":["force-directed-graphs","react","react-three-fiber","reactjs","three-js","threejs","typescript","wikipedia","wikipedia-api","wikipedia-scraper"],"created_at":"2024-11-06T04:31:30.831Z","updated_at":"2025-04-07T15:32:20.285Z","avatar_url":"https://github.com/Louis3797.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n  \u003ch1\u003e3D Wikipedia Graph\u003c/h1\u003e\n  \n  \u003cp\u003e\n  Visualize connections between wikipedia pages as froce directed graph\n  \u003c/p\u003e\n\n  \n\u003c!-- Badges --\u003e\n\u003cp\u003e\n  \u003ca href=\"https://github.com/Louis3797/wikipedia-graph/graphs/contributors\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/contributors/Louis3797/wikipedia-graph\" alt=\"contributors\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/last-commit/Louis3797/wikipedia-graph\" alt=\"last update\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/Louis3797/wikipedia-graph/network/members\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/forks/Louis3797/wikipedia-graph\" alt=\"forks\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/Louis3797/wikipedia-graph/stargazers\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/stars/Louis3797/wikipedia-graph\" alt=\"stars\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/Louis3797/wikipedia-graph/issues/\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues/Louis3797/wikipedia-graph\" alt=\"open issues\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/Louis3797/wikipedia-graph/blob/master/LICENSE\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/license/Louis3797/wikipedia-graph.svg\" alt=\"license\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n   \n\u003ch4\u003e\n    \u003ca href=\"https://github.com/Louis3797/wikipedia-graph/\"\u003eView Demo\u003c/a\u003e\n  \u003cspan\u003e · \u003c/span\u003e\n    \u003ca href=\"https://github.com/Louis3797/wikipedia-graph\"\u003eDocumentation\u003c/a\u003e\n  \u003cspan\u003e · \u003c/span\u003e\n    \u003ca href=\"https://github.com/Louis3797/wikipedia-graph/issues/\"\u003eReport Bug\u003c/a\u003e\n  \u003cspan\u003e · \u003c/span\u003e\n    \u003ca href=\"https://github.com/Louis3797/wikipedia-graph/issues/\"\u003eRequest Feature\u003c/a\u003e\n  \u003c/h4\u003e\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n![screenshot](assets/screenshot2.png)\n\n\u003c!-- Table of Contents --\u003e\n# Table of Contents\n\n- [Table of Contents](#table-of-contents)\n  - [About the Project](#about-the-project)\n    - [Features](#features)\n    - [Tech Stack](#tech-stack)\n  - [Getting Started](#getting-started)\n    - [Prerequisites](#prerequisites)\n    - [Installation](#installation)\n    - [Run Locally](#run-locally)\n  - [License](#license)\n  - [Contact](#contact)\n\n  \n\n\u003c!-- About the Project --\u003e\n## About the Project\n\n\u003cdiv align=\"center\"\u003e \n  \u003cimg src=\"assets/screenshot1.png\" alt=\"screenshot\" /\u003e\n\u003c/div\u003e\n\nWith this tool you can visualize the connections between Wikipedia pages. You can also specify how deep the search should go and how many connections should be taken per page. The result are incredibly nice looking graphs, as seen in the images above. Note that the program starts to slow down when the graph reaches a certain size, since the whole thing runs in the browser.\n\n### Features\n\n- Force Directed Graph\n- 3D\n- Zoom on Node when clicked\n- Postprocessing\n- Adjustable Depth\n- Adjustable Connections per Vertex\n\n### Tech Stack\n\n- [Typescript](https://www.typescriptlang.org/)\n- [React.js](https://reactjs.org/)\n- [Three.js](https://threejs.org/)\n- [React Three Fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/introduction)\n- [React Force Graph](https://github.com/vasturiano/react-force-graph)\n- [Leva](https://github.com/pmndrs/leva)\n\n\u003c!-- Getting Started --\u003e\n## Getting Started\n\n\u003c!-- Prerequisites --\u003e\n### Prerequisites\n\nThis project uses Yarn as package manager\n\n```bash\n npm install --global yarn\n```\n\n\u003c!-- Installation --\u003e\n### Installation\n\nInstall wikipedia-graph with yarn\n\n```bash\n  yarn install wikipedia-graph\n  cd my-project\n```\n\n\n\u003c!-- Run Locally --\u003e\n### Run Locally\n\nClone the project\n\n```bash\n  git clone https://github.com/Louis3797/wikipedia-graph.git\n```\n\nGo to the project directory\n\n```bash\n  cd my-project\n```\n\nInstall dependencies\n\n```bash\n  yarn install\n```\n\nStart the server\n\n```bash\n  yarn start\n```\n\n\u003c!-- License --\u003e\n## License\n\nDistributed under the MIT License. See LICENSE.txt for more information.\n\n\n\u003c!-- Contact --\u003e\n## Contact\n\nProject Link: [https://github.com/Louis3797/wikipedia-graph](https://github.com/Louis3797/wikipedia-graph)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flouis3797%2Fwikipedia-graph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flouis3797%2Fwikipedia-graph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flouis3797%2Fwikipedia-graph/lists"}