Val-Globe

Overview

Interactive 3D globe visualizing the Valorant Champions Tour schedule. Filter by region, scrub the timeline, and click events for details.

Val-Globe renders the entire Valorant Champions Tour 2026 schedule on a 3D globe built with Three.js and Globe.gl. Events appear as color-coded 3D octahedron markers: red for Champions, gold for Masters, cyan for Kickoff, white for Regional. Live tournaments pulse with glowing light beams. A timeline scrubber at the bottom lets you navigate the season chronologically. The Valorant-aligned aesthetic uses scan-line overlays, frosted glass panels, diamond motifs, and Barlow Condensed typography. Built as a single HTML file with zero build dependencies -- no Node.js, no bundler, just vanilla JavaScript and CDN libraries.

Category

Web Apps

Stack

JavaScriptThree.jsGlobe.glTopoJSON

Features

3D Interactive Globe

Three.js globe with drag rotation, zoom, and auto-rotate. Country boundaries with hover effects. Valorant red atmosphere glow.

Event Markers

3D octahedron markers color-coded by tier: Champions (red), Masters (gold), Kickoff (cyan), Regional (white). Live events pulse with vertical light beams.

Region Filtering

Filter events by Americas, EMEA, Pacific, China, or view all. Instant globe and marker updates on filter change.

Timeline Scrubber

Drag the timeline to navigate chronologically through the VCT season. Diamond markers show event milestones. "Today" indicator for current position.

Event Detail Cards

Click markers to see tier, name, location, dates, teams, stage format, prize pool, and winner. Tabbed interface for co-located events.

Live Status

Bottom-left widget shows current or upcoming event with live countdown timer. Pulsing animation for active tournaments.

Event Tiers

Champions

Season finale, all regions

Masters

Mid-season international

Kickoff

Season opener per region

Regional

Domestic league play