3D Wikipedia Graph

Visualize connections between wikipedia pages as froce directed graph

View Demo · Documentation · Report Bug · Request Feature

Table of Contents

• Table of Contents
• About the Project
  • Features
  • Tech Stack
• Getting Started
  • Prerequisites
  • Installation
  • Run Locally
• License
• Contact

About the Project

With 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.

Features

• Force Directed Graph
• 3D
• Zoom on Node when clicked
• Postprocessing
• Adjustable Depth
• Adjustable Connections per Vertex

Tech Stack

• Typescript
• React.js
• Three.js
• React Three Fiber
• React Force Graph
• Leva

Getting Started

Prerequisites

This project uses Yarn as package manager

 npm install --global yarn

Installation

Install wikipedia-graph with yarn

  yarn install wikipedia-graph
  cd my-project

Run Locally

Clone the project

  git clone https://github.com/Louis3797/wikipedia-graph.git

Go to the project directory

  cd my-project

Install dependencies

  yarn install

Start the server

  yarn start

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Project Link: https://github.com/Louis3797/wikipedia-graph