Interactive Data Narrative

01Overview

The challenge

Real-time transaction visualization for executive briefings. 50M+ data points rendered as animated 3D globe using custom WebGL instancing. D3-driven timeline scrubber with sub-100ms seek across annual dataset. Deployed to 40+ global offices.

Role: Creative Technology Director
Client: Mastercard
Year: 2024
Type: Interactive Experience

02Key Results

The impact

50M+ data points rendered at 30fps via custom WebGL instancing pipeline01
Sub-100ms timeline seeks across 12-month transaction dataset02
Deployed to 40+ global offices for C-suite presentations03

03Technology

Built with

Three.js
D3.js
Web Workers
Vue
Redis

Data Viz
WebGL
D3
Fintech

→Next case study

Bayer · 2023

3D Product Catalog