Home Google Chrome Experiments: Animated Globes with 3D Geo Data Spikes [Visualization]

Google Chrome Experiments: Animated Globes with 3D Geo Data Spikes [Visualization]

Google introduced a new way this week for developers to use geospatial data through its Chrome Experiments initiative.

The new project is called Web GL Globe, an open visualization platform for geographic data that runs in Web GL-enabled browsers like Google Chrome. According to Wikipedia, Web-GL is a “Web-based graphics library that extends the capability of the JavaScript programming language to allow it to generate interactive 3D graphics within any compatible web browser.”

As a start, the Google Arts team created a globe that shows the world population and Google search volume by language.

Global population:

Search volume by language:

In a blog post, Doug Fritz describes the challenge to draw several thousand 3D graph spikes as smoothly as possible. The team used Three.js, a JavaScript library for building lightweight 3D graphics:

For each data point, we generate a cube with five faces – the bottom face, which touches the globe, is removed to improve performance. We then stretch the cube relative to the data value and position it based on latitude and longitude. Finally, we merge all of the cubes into a single geometry to make it more efficient to draw.

He further describes how they animated the globes:

Thanks to WebGL, we’re able to display thousands of moving points at high frame rates by using the user’s graphics processing unit (GPU) for 3D computations. Each state of the globe has its own geometry and we morph between them with a vertex shader, saving precious CPU resources. Additionally, to make the globe look nice, we took advantage of the possibilities of GLSL and created two fragment shaders, one to simulate the atmosphere and another to simulate frontal illumination of the planet.

Developers are encouraged to make their own globes. The data format is represented in JSON. The the code is available here.

This feels like a taste of what we expect to see at Google I/O this coming week. Google shows its real strength when it starts showing how data can be shaped to make discoveries. That approach fits well into application development and the further use of data in next generation information architectures.

About ReadWrite’s Editorial Process

The ReadWrite Editorial policy involves closely monitoring the tech industry for major developments, new product launches, AI breakthroughs, video game releases and other newsworthy events. Editors assign relevant stories to staff writers or freelance contributors with expertise in each particular topic area. Before publication, articles go through a rigorous round of editing for accuracy, clarity, and to ensure adherence to ReadWrite's style guidelines.

Get the biggest tech headlines of the day delivered to your inbox

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.

    Tech News

    Explore the latest in tech with our Tech News. We cut through the noise for concise, relevant updates, keeping you informed about the rapidly evolving tech landscape with curated content that separates signal from noise.

    In-Depth Tech Stories

    Explore tech impact in In-Depth Stories. Narrative data journalism offers comprehensive analyses, revealing stories behind data. Understand industry trends for a deeper perspective on tech's intricate relationships with society.

    Expert Reviews

    Empower decisions with Expert Reviews, merging industry expertise and insightful analysis. Delve into tech intricacies, get the best deals, and stay ahead with our trustworthy guide to navigating the ever-changing tech market.