← Back to projects
PROJECT · 07

COBE / WORLD

A draggable globe for showing project locations, collaboration nodes, and cross-region connections.

Status
Working prototype
Role
Visual design, interaction design, frontend engineering
Duration
3 days
Year
2026
06example locations
05connection paths
60target FPS
CASE STUDY
Data VizWebGLInteraction

The problem

“Working worldwide” often stays in a sentence on an about page. This Demo puts regions, locations, and connections into one explorable space so the context becomes part of the interface.

What it does

  • Drag the globe to inspect different regions.
  • Toggle auto-rotation and connection paths.
  • Filter markers by Asia, Europe, or the Americas and use the wheel to zoom.

Technical direction

The visual direction is informed by COBE, while this version uses a Canvas 2D projection to keep the portfolio static and avoid adding a large WebGL bundle to the first view. The core interaction—dragging, paths, and markers—stays intact.

Outcome

It works as a spatial information component for an about page, service-area section, or project index—not just as a decorative globe.

SANDBOXED EXPERIENCE

Interactive demo

This demo runs inside a restricted sandbox.