3D interactive globe visualization showing global trade flows as colorful particle streams, where each dot represents $100 million in exports
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.
- Live Demo: http://globe.cid.harvard.edu
- Source Code: https://github.com/harvard-growth-lab/globe
- Author(s):