Featured Projectv1.0

🌌 Zaki Knowledge Space

An immersive 3D visualization platform that transforms digital economy data into an interactive exploration experience with 6 analytical lenses and temporal playback.

What is Knowledge Space?

The Zaki Knowledge Space is a standalone research project featured on this course website. It's a powerful tool for exploring the digital economy through multiple analytical lenses, temporal evolution, and interactive 3D visualization.

🔍

6 Analytical Lenses

WHO, WHAT, WHERE, WHEN, HOW, WHY - each lens reveals different patterns in the data

🏢

7-Layer Building

Infrastructure stack from Resources to Planetary systems

⏱️

Temporal Playback

Scrub through 40 years of data (1990-2030)

Key Features

Interactive 3D Visualization

  • ✓ Orbit, pan, and zoom through a 7-layer infrastructure building
  • ✓ 500+ particle systems visualizing data flows
  • ✓ Smooth camera transitions and guided tours
  • ✓ Fullscreen immersion mode

6 Analytical Lenses

  • ✓ WHO: Market structure & ownership
  • ✓ WHAT: Environmental impact & carbon
  • ✓ WHERE: Geographic distribution
  • ✓ WHEN, HOW, WHY: Plus 3 more perspectives

Temporal Playback

  • ✓ Scrub through 1990-2030
  • ✓ Watch infrastructure evolution in real-time
  • ✓ Compare different time periods
  • ✓ Analyze growth trajectories

Intelligent Assistant

  • ✓ AI-powered lens recommendations
  • ✓ Context-aware insights
  • ✓ Guided exploration workflows
  • ✓ Natural language queries

Value Chain Explorer

  • ✓ Trace supply chains interactively
  • ✓ Visualize dependencies and relationships
  • ✓ Financial flow mapping
  • ✓ Identify critical nodes

High Performance

  • ✓ 55-60 FPS on modern hardware
  • ✓ WebGL 2.0 rendering
  • ✓ Optimized for large datasets
  • ✓ ~2.5s load time

The 6 Analytical Lenses

👥
WHOLens

Who controls infrastructure?

Visual mapping: Height = Market Size, Color = Ownership Type

🎯
WHATLens

What are the environmental costs?

Visual mapping: Height = Carbon Emissions, Color = Renewables %

🌍
WHERELens

Where is infrastructure concentrated?

Visual mapping: Height = Regional Output, Color = Region

WHENLens

How has it evolved over time?

Visual mapping: Height = Growth Rate, Timeline 1990-2030

⚙️
HOWLens

How efficiently does it operate?

Visual mapping: Height = Efficiency Score, Color = Circularity Index

💡
WHYLens

Why is it structured this way?

Visual mapping: Height = Investment, Color = Governance Model

Technology Stack

Frontend

  • • React 18.2
  • • Next.js 14
  • • TypeScript 5.2
  • • Tailwind CSS

3D Engine

  • • Three.js 0.160
  • • React Three Fiber
  • • React Three Drei
  • • WebGL 2.0

State & Data

  • • Zustand
  • • localStorage
  • • JSON data
  • • In-memory cache

Deployment

  • • Docker
  • • Docker Compose
  • • Kubernetes ready
  • • ~350MB image

Keyboard Shortcuts

FFullscreen mode
HHide UI
EscToggle sidebar
?Help overlay
1-6Switch sidebar tabs
↑↓Navigate floors
Ctrl+SExport config
Shift+?Full keyboard help

System Requirements

Minimum

  • ✓ CPU: 2 cores
  • ✓ RAM: 4GB
  • ✓ Storage: 2GB
  • ✓ Browser: Chrome/Firefox with WebGL 2.0

Recommended

  • ✓ CPU: 4 cores
  • ✓ RAM: 8GB
  • ✓ Storage: 5GB
  • ✓ GPU: Dedicated graphics card

Project Status

Independent Project

Knowledge Space is a standalone project with its own repository, dependencies, and Docker configuration.

Production Ready

Fully documented, containerized, and optimized for deployment on any infrastructure (Docker, Kubernetes, VPS).

Featured on Course Site

This showcase page highlights the project, but the main course website doesn't depend on or directly use Knowledge Space code.

Ready to Explore?

Dive into the Zaki Knowledge Space and discover new perspectives on digital economy infrastructure.

How This Relates to the Course

The Zaki Knowledge Space is a complementary research project that's featured on this course website, but operates independently.

Relationship Model

  • Feature on course site: This showcase page links to the external Knowledge Space project
  • Separate codebase: Knowledge Space has its own Git repository and development workflow
  • Independent deployment: Can be deployed separately with its own Docker configuration
  • Optional learning tool: Recommended as a supplementary visualization for understanding digital economy structure

Benefits of Separation

  • Simplified maintenance: Each project evolves independently
  • Flexible deployment: Run on separate servers or infrastructure
  • Clear scope: Course website focuses on learning materials, KS focuses on visualization
  • Reusable: Knowledge Space can be featured on other sites or used as a standalone tool