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&#39;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&#39;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&#39;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&#39;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">&blacktriangledown;</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 &amp; Culture Experiments" nonce="qoAwk6K7DlyCD5DXp0lDQr3_IA8gpEiR">Arts &amp; 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 &lt;built-in method count of list object at 0x3ec63f508a80&gt; 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=&quot;&quot;" onblur="this.placeholder=&quot;Search&quot;"></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>

Pages: 1 2 3 4 5 6 7 8 9 10