Looks a lot like the globe on Stripe's homepage: <a href="https://stripe.com" rel="nofollow">https://stripe.com</a><p>They even had a post about it, too: <a href="https://stripe.com/blog/globe" rel="nofollow">https://stripe.com/blog/globe</a>
Pretty clever using the timezone offset to approximate the user's location without using GeoIP. I hadn't noticed that but sure enough, my (approximate) location is in view first.
Wow, very interesting. Although I'm on GH every day, I seldom look at the base GH page and so I would not have noticed this for a long time. Many thanks for posting this. The article is very interesting.
I'm not convinced of the performance, I heard my fans spin up when I first opened the new Github.com redesign a few weeks back and remember commenting on it to our developers ("how we destroyed your browsers performance" as a joke).<p>It's still a heavy thing to add to any page IMO. Which shouldn't be downplayed.<p>But it is very neat and I still like it.
If you want something like this on your site, here are the resources. As a company that built a rotating globe years ago to visualize our growing user base around the world using our apps, I wanted to share a link to the demo here. Being that we did this years before WebGL became available in all major browsers, we used canvas rendering and shapes of countries from open databases. It is supposed to work across all devices so try it whatever browser you are on now:<p><a href="https://qbix.com" rel="nofollow">https://qbix.com</a><p>Please scroll down to where the globe image appears and click/tap it. Feel free to switch countries and click around. I would love to hear your feedback.<p>PS: We have open sourced all this stuff, so if anyone here wants to put a globe on their website, just load our Q.js from <a href="https://github.com/Qbix/Platform" rel="nofollow">https://github.com/Qbix/Platform</a> and then render the Q/globe tool and Places/countries selector tool with your own options. Unlike the GitHub globe, you can also have users click on countries in the globe to select them, and if you need you can pull in the flags, languages and all the other stuff per country.
why is the octocat wearing a space helmet if there are plants growing below it? what happened on this planet to make the air unbreathable?<p>Some kind of chernobyl event, possibly caused by the ICBMs in the globe image?<p>What is the octocat standing on top of? Abandoned silo? Or live silo about to go hot?
It's funny that the marketing & design folks keep doing this (IBM in the 80s, Akamai in the 90s through today, and so on). It looks super cool and informs the viewer of very little.<p>(Full disclosure: I ported a prototype version of my company's globe data viz in 2013 using Three.js - it's terrific! Those folks are the real heroes in this story.)
I watched the animation from Nat the CEO and what struck me as odd was the volume of which Brazil does “activity” at night.<p>Clearly the USA is more active during the day, as is India and Europe. Brazil on the other hand is backwards. Anyone know why that would be? I’ve worked with Brazilians before during the day so that struck me as really peculiar.
This is amazing! Is it just me or is the performance of Github's globe really bad on Firefox? The FPS is super low for me on Firefox but fine in Chrome.
Looks very similar to <a href="https://globekit.co/" rel="nofollow">https://globekit.co/</a><p>I recall Stripe's globe was built using that.
Wow, hardware acceleration makes a big difference here. I'm on a recent top of the line macbook pro and it couldn't handle it without hardware acceleration turned on. I wonder if they can/should disable the feature if it's off?
A link to something similar (but not the same) <a href="https://experiments.withgoogle.com/chrome/globe" rel="nofollow">https://experiments.withgoogle.com/chrome/globe</a>
Related: WebGL globe showing live Wikipedia edits <a href="https://umaar.com/globe/" rel="nofollow">https://umaar.com/globe/</a><p>I've also tried to visualise worldwide COVID data on that globe, however performance degrades making it completely unusable.
See also ENCOM Globe, tribute to Tron:Legacy <a href="https://www.robscanlon.com/encom-globe/" rel="nofollow">https://www.robscanlon.com/encom-globe/</a>
I love an animated webgl globe as much as the next person but did no-one check scrolling on mobile? Maybe it's just me but it captures vertical scrolling preventing moving down the page.<p>It's a common gotcha when embedding Google maps on mobile.<p>Here's a mobile capture for reference <a href="https://files.catbox.moe/e965m9.mp4" rel="nofollow">https://files.catbox.moe/e965m9.mp4</a>