Wikigraph3D

A 3D graph connecting Wikipedia articles by their hyperlinks.

Tech Stack

• Next.js — Framework
• THREE.js, react-force-graph — 3D Graph Rendering
• Supabase — Database
• Wikimedia API — Wikipedia Article Fetching

---

Project Status

See the project board for active development tickets.

Development

This is a Next.js project bootstrapped with create-next-app.

Prerequisites

A Supabase database is required with the following schema:

nodes Table

Column	Type	Constraints	Default
id	bigint	PRIMARY KEY, UNIQUE, NOT NULL	-
name	text	NOT NULL	-
created_at	timestamp with time zone	NOT NULL	now() AT TIME ZONE 'utc'
thumbnail	json	NULL	-
content	json	NULL	-

links Table

Column	Type	Constraints	Default
id	bigint	PRIMARY KEY, NOT NULL, IDENTITY	Generated
source	bigint	NULL, FOREIGN KEY → nodes(id) ON UPDATE CASCADE ON DELETE CASCADE	-
target	bigint	NULL, FOREIGN KEY → nodes(id) ON UPDATE CASCADE ON DELETE CASCADE	-
created_at	timestamp with time zone	NOT NULL	now() AT TIME ZONE 'utc'

See .env.example for the required environment variables.

Run Locally

1. Clone the repository
2. Run npm install to install dependencies
3. Run npm run dev to start the development server
4. Open http://localhost:3000 in your browser

---

built by: Mars Ponce