Skip to content
The Globe of Economic Complexity: Visualizing $15 Trillion in World Trade

The Globe of Economic Complexity: Visualizing $15 Trillion in World Trade

Harvard's WebGL experiment animates 153,000 particles to map global exports. Each dot = $100M. Built with Three.js, it's a masterclass in data viz that's begging for a modern remake with up-to-date capabilities and data.

Details

Published

What it is

Imagine visualizing $15 trillion of global trade where every single dot represents $100 million in exports. That's exactly what The Globe of Economic Complexity does, and honestly, it's wild that this was built back in 2015. Created by Owen Cornec with mentoring and concept by Romain Vuillemot, this project animates 153,000 particles simultaneously using Three.js and WebGL. The visualization transitions seamlessly between a 3D globe, network diagrams, and stacked graphs, all using this "confetti rain" metaphor that somehow makes abstract economic data feel tangible. Each country becomes a texture of color: Libya and Iran go brown (oil), Bangladesh glows green (textiles), while South Korea and the Netherlands explode with diversity.

The technical approach is what makes this a great case study for modern devs. The team built custom visualization tools that let particles flow continuously between completely different chart types without jarring cuts. That continuous dot representation was deliberately chosen to convey scale in a way humans can actually process. It won a Best Poster Honorable Mention at IEEE VIS 2015 and got shortlisted for the Information is Beautiful Awards.

Here's the thing though: this uses 2012 UN Comtrade data. The global economy has shifted dramatically since then. Supply chains restructured post-COVID, trade wars reshuffled manufacturing, energy markets flipped. A modern rebuild with WebGPU compute shaders, current trade data, and maybe real-time updates could be genuinely impactful right now. If you're looking for inspiration on data-driven WebGL storytelling, this is required viewing.

How it’s made

Technology
WebGLWebGPU
Framework & Tool
Three.js