Skip to content

vinvuk/datacentermap

Repository files navigation

DataCenterMap

Interactive 3D visualization of data centers worldwide. Explore over 1,000 data centers on an interactive globe with filtering by type and country.

Features

  • 3D Globe Visualization - Day/night Earth with realistic cloud layers
  • 1,000+ Data Centers - Sourced from OpenStreetMap
  • Filter by Type - Hyperscale, colocation, enterprise, telecom, government
  • Filter by Country - Browse data centers by country
  • Search - Find data centers by name, operator, or country
  • Deep Links - Share specific data centers via URL

Data Center Types

Type Color Description
Hyperscale Cyan Major cloud providers (AWS, Google, Microsoft, etc.)
Colocation Purple Multi-tenant facilities
Enterprise Green Corporate-owned data centers
Telecom Amber Telecommunications infrastructure
Government Red Government and military facilities

Tech Stack

  • Framework: Next.js 16 (App Router)
  • 3D Rendering: Three.js / React Three Fiber
  • Animations: Framer Motion
  • Styling: Tailwind CSS v4
  • Analytics: PostHog

Getting Started

# Install dependencies
npm install

# Run development server
npm run dev

# Build for production
npm run build

Data Sources

License

Data center data from OpenStreetMap is available under the Open Database License (ODbL).

About

Interactive 3D visualization of data centers worldwide

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •