Name		Name	Last commit message	Last commit date
api		api
img		img
public		public
scripts		scripts
src		src
.env		.env
.gitignore		.gitignore
LICENSE		LICENSE
Pipfile		Pipfile
Pipfile.lock		Pipfile.lock
README.md		README.md
components.json		components.json
eslint.config.js		eslint.config.js
index.html		index.html
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.app.json		tsconfig.app.json
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vercel.json		vercel.json
vite.config.ts		vite.config.ts

Repository files navigation

MENA Conflict Tracker

Interactive 3D globe showing geopolitical events in the Middle East and North Africa region (1999 -- May 2025). Data from ACLED.

Gallery

Dashboard and event panel

Event cluster selected

Stack

Frontend: React, TypeScript, Vite, Three.js (react-globe.gl), D3.js, Tailwind, shadcn/ui
Backend: Node.js, Express, MongoDB
ETL: Python (scripts/process_data.py)

Running locally

# install dependencies
npm install

# start backend (port 3001)
node api/index.cjs

# start frontend (port 5173, separate terminal)
npm run dev

Needs a .env in the project root with your MongoDB connection string:

MONGO_URI=your_mongodb_connection_string

TODO

use API and axios
update gallery

About

Interactive 3D map and timeline visualization of conflict events in the MENA region using D3.js, Three.js, React, Node, Express, and MongoDB

conflict-tracker-ten.vercel.app

d3-js d3js data-visualization middle-east north-africa three-js threejs

2 stars

0 watching

Report repository

Releases

Packages

Used by

Contributors

Languages