Global Anomaly Detection System update. Inspired by the recent global outage. visualizing worldwide impact zones while experimenting with projecting instanced geometries from a 3D sphere to a 2D Mercator map in three.js

Designed this concept up in ‘16. Love what you’ve done. 👏

thanks zpaceman, this is awesome! might steal a couple of ideas for the next "Global Anomaly Detection System" updates if you're cool with that 😉. Really appreciate you sharing!

Beautiful

thanks

Fantastic visuals and animations! Enhancing the UI clarity could make it even more impressive.

thanks Foxer

Omg this code is open source?

not yet

Can we find it as open source ? At least libraries and tools ?

I'll make parts of it open source at some point, I use next.js and three.js, for the animations I use three.js built in easing functions and gsap for the rest of the UI animations

This is beautiful. Been itching to make a threejs dashboard like this

thanks! You should totally give it a go. it's super addictive once you start

holy that’s so cool

thanks acedia

very cool work dilum, love that (un)wrap effect

thanks! took a bit of time to get the rotation unwrap right, but I'm pretty happy with how it turned out

the texture/mapping between sphere and plane is looking really good, i'm sure you had a few challenges to sort out 😄

yeah!

This is amazing 🔥, can I ask you how are you drawing the world areas in the sphere? Are you getting the data from an API?

thanks! Not from an API. I use a black & white world map texture as data. I start with ~50k points uniformly distributed on a sphere, project each to 2D, and keep only those that fall on white areas of the texture.

Dope!

thanks!

I love the UI 😍

thanks Julien

I am deeply inspired. Can I learn your code?

planning to make a few parts public once it's in better shape.

😃

this is awesome man, sick idea

thanks Charli

Can I pay you to watch you work on this & ask a few questions for like an hour?

some of the code comes from client projects I've worked on, so I can only open source certain parts. Same reason I can't really share the screen or code live, unfortunately

What if I squint really hard or close my eyes lol

😂

UI is insane

thanks Shivank

awesome sauce

thanks

Can you add an azimuthal equidistant projection?

Yeah, the math seems simple enough. I'm not super familiar with azimuthal projections, but it's a solid idea. might add it later if it fits the overall theme

This is awesome! What did you use for the globe? COBE?

the globe is made with three.js

Crazy … u made this ?

thanks. yeah!

I love this but feel it would be better with a monospace font

thanks Deno

How do you get the data?

for the demo, I'm using some hard coded data

Alright.

wow that transition from globe to flat earth is so smooth!

thanks Damar!, took a bit of time to get right, but definitely worth it.

one day i’ll be able to animate shit like this trust

you will! not long ago I felt the same way looking at other people's stuff(still do sometimes). just gotta keep at it

Nice 👍

thanks

You will open source this right ? It looks incredible

thanks, yes I will

any plans to push to git? would love to refer and learn

At some point, yeah. planning to make a few parts public once it's in better shape.

How hard is to make something like this

not that hard, honestly. The code's pretty straightforward. coming up with the idea and nailing the animations is what takes most of the time.

Good job anyhow

We need one for bot activity on X

Dope

thanks

Gameplay board

thanks

This is running in the browser? Seems super smooth.

Yeah, it's all running in the browser .using an instanced mesh keeps it pretty light on resources.

THIS IS SO COOOL! Damn, crazy creative!

thanks Veer

Oh, wow😍 just wow. Really.

thanks Dmitriy

wow.nice

thanks