CINXE.COM
WebGL Globe - Experiments with Google
<!DOCTYPE html><html><head><title>WebGL Globe - Experiments with Google</title><meta name="description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"><link rel="icon" type="image/png" href="/static/img/favicon.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="WebGL Globe - Experiments with Google"><meta name="twitter:site" content="@google"><meta name="twitter:description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta name="twitter:image" content="https://experiments.withgoogle.com/assets/img/share_1200x630.jpg"><meta property="og:title" content="WebGL Globe - Experiments with Google"><meta property="og:type" content="website"><meta property="og:url" content="https://experiments.withgoogle.com/chrome/globe"><meta property="og:image" content="https://experiments.withgoogle.com/assets/img/share_1200x630.jpg"><meta property="og:image:type" content="image/jpeg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta itemscope itemtype="http://schema.org/Article"><meta itemprop="title" content="WebGL Globe - Experiments with Google"><meta itemprop="name" content="Experiments with Google"><meta itemprop="description" content="Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We're showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments."><meta itemprop="image" content="https://experiments.withgoogle.com/assets/img/share_1200x630.jpg"><link href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700|Source+Code+Pro:300,400,500,600,700" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR"><link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&Google+Sans+Mono" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR"><link rel="stylesheet" href="/static/css/vendors.css" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR"><link rel="stylesheet" href="/static/css/style.css" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR"><script nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">!function(e,t,n,a,r){e[a]=e[a]||[],e[a].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var o=t.getElementsByTagName(n)[0],c=t.createElement(n),g="dataLayer"!=a?"&l="+a:"";c.async=!0,c.src="https://www.googletagmanager.com/gtm.js?id="+r+g;var s=t.querySelector("[nonce]");s&&c.setAttribute("nonce",s.nonce||s.getAttribute("nonce")),o.parentNode.insertBefore(c,o)}(window,document,"script","dataLayer","GTM-WSXK4F2");</script></head><body class="news-events hide-butterbar" data-coll-name=""><header> <div class="wrapper"><div id="logo-holder"><a href="/"><nav id="logo" role="navigation" aria-label="Homepage">Experiments with Google</nav></a></div><div id="menuoverlay"><nav id="mainmenu" role="navigation" aria-label="main navigation"><ul id="collection-menu" style="padding:0"><li style="padding:0" class="menuitem coll-options"><a href="/collections" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Collections</a><div class="triangle-down">▾</div></li><ul id="home-menu"> <li class="home-menuitem" data-coll-name="tfliteformicrocontrollers"><a href="/collection/tfliteformicrocontrollers" title="TensorFlow Lite for Microcontrollers" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">TensorFlow Lite for Microcontrollers</a></li> <li class="home-menuitem" data-coll-name="startwithone"><a href="/collection/startwithone" title="Start With One" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Start With One</a></li> <li class="home-menuitem" data-coll-name="creatability"><a href="/collection/creatability" title="Creatability" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Creatability</a></li> <li class="home-menuitem" data-coll-name="digitalwellbeing"><a href="/collection/digitalwellbeing" title="Digital Wellbeing Experiments" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Digital Wellbeing Experiments</a></li> <li class="home-menuitem" data-coll-name="webxr"><a href="/collection/webxr" title="WebXR Experiments" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">WebXR Experiments</a></li> <li class="home-menuitem" data-coll-name="arts-culture"><a href="/collection/arts-culture" title="Arts & Culture Experiments" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Arts & Culture Experiments</a></li> <li class="home-menuitem" data-coll-name="ar"><a href="/collection/ar" title="AR Experiments" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">AR Experiments</a></li> <li class="home-menuitem" data-coll-name="ai"><a href="/collection/ai" title="AI Experiments" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">AI Experiments</a></li> <li class="home-menuitem" data-coll-name="android"><a href="/collection/android" title="Android Experiments" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Android Experiments</a></li> <li class="home-menuitem" data-coll-name="chrome"><a href="/collection/chrome" title="Chrome Experiments" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Chrome Experiments</a></li> <li class="home-menuitem" data-coll-name="All Collections"><a href="/collections" title="View all <built-in method count of list object at 0x3ec63f508a80> collections" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">VIEW ALL 17 COLLECTIONS</a></li></ul></ul><a class="menuitem" href="/experiments" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Experiments</a><div id="searchwrap"><div class="menuitem" id="search"></div><input type="text" name="search" id="searchbox" value="" aria-label="Search experiments" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" placeholder="Search" onfocus="this.placeholder=""" onblur="this.placeholder="Search""></div><a class="menuitem submit-btn border" href="https://labs.google/submit-experiment" target="_blank" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Submit Experiment</a></nav><div class="google-logo"></div></div></div></header><div id="main" class=""><div class="wrapper"><div class="content-wrap"><div class="content-block"><div class="box-container"><div class="cont-left"><h3>The WebGL Globe</h3><p>The WebGL Globe is an open platform for geographic data visualization. We encourage you to copy the code, add your own data, and create your own.<br><br>If you do create your own globe, please <a href="/submit" style="border-bottom:1px solid #fff">submit it</a>. We will post our favorite links below.<br><br><b>FEATURES</b><ul><li>Latitude / longitude data spikes</li><li>Color gradients, based on data value or type</li><li>Mouse wheel to zoom</li></ul></p><div class="action-button-holder" style="margin-top:20px"><a class="button hollow fixed" href="https://github.com/dataarts/webgl-globe" target="_blank">GET THE CODE</a> <a class="button hollow fixed" href="http://globe.chromeexperiments.com/" target="_blank">POPULATION GLOBE</a> <a class="button hollow fixed" href="http://globe.chromeexperiments.com/search" target="_blank">SEARCH GLOBE</a></div></div><div class="cont-right"><img src="../static/img/wegbl-globe/globe.jpg" style="width:95%"></div><br><br><div class="expt-holder"><a class="expt-box globe" target="_blank" href="http://fanscape.io/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Instagram Followers</div><div class="box-subname">by Jules Moretti</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/instagram-followers.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://blocks.wizb.it/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Realtime Bitcoin Globe</div><div class="box-subname">by Mike van Rossum</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/realtime-bitcoin-globe.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://www.jtp.io/music-globe/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Artist Concert Locations</div><div class="box-subname">by Jeremy Tuloup</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/artist-concert-locations.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://www.zoomeye.org/lab/openssl"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Heartbleed Vulneralbility Global</div><div class="box-subname">by Distribution CodeColorist</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/hello-world.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://www.creativedigitalgallery.org/ImpactofDiabetes/index.html"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Worldwide Impact of Diabetes</div><div class="box-subname">by Dale Patterson</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/worldwide-impact-of-diabetes.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://www.adaptivemobile.com/spamglobe/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Blocked Spam Text Messages</div><div class="box-subname">by AdaptiveMobile</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/blocked-spam-text-messages.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://seminar.mmc.nsu.ru/en"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Webometrics Ranking of Universities</div><div class="box-subname">by Artyom Egorenkov</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/webometrics-ranking-of-universities.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://volcanoes.travel-channels.com/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Volcanoes of Planet Earth</div><div class="box-subname">by Ramiro G脙鲁mez</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/volcanoes-of-planet-earth.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://mappingco.github.io/WebGL_Globes_lab/nuclear.html"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Nuclear Power Stations Worldwide</div><div class="box-subname">by Sigon</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/nuclear-power-stations-worldwide.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://sentdex.com/global-sentiment-analysis/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Global Sentiment Analysis</div><div class="box-subname">by Harrison Kinsley</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/global-sentiment-analysis.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://maulik-kamdar.com/code/meteorViz/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Meteorite Landings</div><div class="box-subname">by Maulik Kamdar</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/meteorite-landings.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://aasen.in/github_globe/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">GitHub User Locations</div><div class="box-subname">by Lane Aasen</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/github-user-locations.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://www.jkpnasdompozega.co.rs/globe/index.html"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">World's Busiest Airports</div><div class="box-subname">by Milomir</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/worlds-busiest-airports.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="https://s3.amazonaws.com/SocialHarvest/aggregate.html"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">2012 US presidential election across social media</div><div class="box-subname">by Tom Maiaroto</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/2012-us-presidential-election-across-social-media.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://newnaw.com/pub/js/webglglobe/worldelevation/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">World Elevation</div><div class="box-subname">by Wang Zhifang</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/world-elevation.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://kral.hk/endo-globe/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Workouts from Endomondo's activity feed</div><div class="box-subname">by Vojtech Kral</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/workouts-from-endomondos-activity-feed.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://simia.net/wikiglobe/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Geotagged Wikipedia Articles</div><div class="box-subname">by Denny Vrandecic</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/geotagged-wikipedia-articles.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://newnaw.com/pub/js/webglglobe/chinaanduspop/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">China population & US population</div><div class="box-subname">by Wang Zhifang</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/china-population-us-population.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://stlawrenceobs.appspot.com/webglglobe/webglglobe.html"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">St. Lawrence Observations</div><div class="box-subname">by Daniel L脙漏onard</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/st-lawrence-observations.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://projects.cultureplex.ca/globe/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">World Poverty Index</div><div class="box-subname">by Javier de la Rosa</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/world-poverty-index.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://simonslab.net/earthquake"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Last day, week or month earthquakes</div><div class="box-subname">by Simon Gruau</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/last-day-week-or-month-earthquakes.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://christinabergey.com/notes_code/treecover_globe/index.html"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">World Tree Cover</div><div class="box-subname">by Christina Bergey</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/world-tree-cover.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://map.geniusrecruiter.com/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">International Students in the USA</div><div class="box-subname">by Danny Newman</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/international-students-in-the-usa.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://www.webgl.com/reddit-webgl-globe/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Reddit Traffic to 3rd Neil deGrasse Tyson AMA</div><div class="box-subname">by Darien Acosta</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/reddit-traffic-to-3rd-neil-degrasse-tyson-ama.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://gplusglobe.com/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Google+ User Location</div><div class="box-subname">by Pierrick Caen</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/google-user-location.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://glasviz.appspot.com/globe_test/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Global Internet Application Throttling</div><div class="box-subname">by Tony Blank</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/global-internet-application-throttling.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://circlesfx.com/experiments/webgl-globe/globe.html"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Hello World</div><div class="box-subname">by Scott Frankel</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/hello-world.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://data.shopsavvy.mobi/globe"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">ShopSavvy Scans</div><div class="box-subname">by ShopSavvy</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/shopsavvy-scans.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://tki.oiko.cc/globe"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Twitter Korean Index</div><div class="box-subname">by DongWoo Lee</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/twitter-korean-index.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://labs.gmtaz.com/quake/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Latest Earthquakes, with Auto-Updating</div><div class="box-subname">by Gustavo Tandeciarz</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/latest-earthquakes-with-auto-updating.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://javisantana.com/lab/globe-elecciones/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Spanish Election Results (May 2011</div><div class="box-subname">by javisantana</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/spanish-election-results-may-2011.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://alignedleft.com/projects/2011/globe/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Emotional States of Aging Bloggers</div><div class="box-subname">by Scott Murray</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/emotional-states-of-aging-bloggers.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://tcoffee.org/globe-coffee/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Distribution of T-Coffee Web Server Users</div><div class="box-subname">by Paolo Di Tommaso</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/distribution-of-t-coffee-web-server-users.png)"></div></div></a> <a class="expt-box globe" target="_blank" href="http://azprogrammer.com/gtugsglobe/"><div class="box-bg-wrap"><div class="box-title-holder"><div class="box-name">Google Technology User Groups: Meeting Locations</div><div class="box-subname">by Luis Montes</div></div><div class="box-bg" style="background-image:url(../static/img/wegbl-globe/google-technology-user-groups-meeting-locations.png)"></div></div></a></div></div></div></div></div></div><footer><div class="wrapper"><div class="google-logo"></div><div id="social-holder"><a href="https://www.google.com/policies/" target="_blank" class="social-icon">Privacy & Terms</a><div id="social-icons"><a class="social-icon" href="https://www.facebook.com/ExpWithGoogle/" target="_blank" aria-label="Link to our Facebook page"><img src="/static/img/social-fb.png" alt="facebook icon"></a></div></div></div></footer><div id="page-loader"><div id="txt-submitting">Submitting...</div><div id="txt-saving">Saving...</div></div><div id="sitemenu-icon"><span class="line1"></span> <span class="line2"></span> <span class="line3"></span></div><div id="overlay"><div id="overlay-closebtn"></div><div id="overlay-content-wrap"><div class="wrapper"><div id="overlay-content"></div></div></div></div><script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR"></script><script src="/static/js/vendors.js" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR"></script><script src="/static/js/script.min.js" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR"></script><script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2B"></script></body></html>