multiple people asked, so ill explain here: how did i make the animations? everything is made on Davinci Resolve (free version). all the elements I used: the lines flashes etc... are made of solid colors. screenshots for pictures obviously. and all of those custom graphics i just quickly sketched on krita. (for example at: 5:57) single color texts are a Text+, multicolored texts are normal text. movement is handled either by transitions, or by keyframes (smoothed in graph editor) previous pinned comment (by: @puncherinokripperino2500): [CORRECTION] usually cycle is more general thing, a closed path, and edge from a node to itself is called loop.
Could you scale or colour the nodes dependant on the traffic to the site or the size of it, maybe the larger the node the larger he page/traffic and then use colour to represent the amount of connections
I like this animated coding format, it's not just some guy explaining his codebase vaguely, and it isn't some pro showing you how types and methods interact with each other, It's an actual dive into explaining how browsers work. ( Also random memes, because yes. )
This is so high quality, the idea is spectacularly implemented and I learned so much with all the visual aids and the sound fx (and fx in general) really helped carry that narrative. Very cool, engaging, novel educational content. Thank you so much for sharing it with us!
Damn, I'm only like 5 min in and this is one of the most engaging coding videos and very visually pleasing great job man keep it up your going to be huge!
that's a pretty cool visualisation, it reminds of star maps from games like elite dangerous or no man's sky. if you were to implement a 'fancier' version of it, you could go even more into the analogy, going to websites as travelling from star system to star system, adding new links as 'scanning' for stars, etc and another idea: grouping pages by the site (domain), maybe star colors, or treating the home page as the star and sub pages as planets;
this is going to make me sound like the schizo here, but ive actually been working on this concept for a couple months now in c++ with sdl. it's an unreleased 2d pixelish space game called C6: Dreadnought Forever, and i have no release date for you, but i can say it has a ridiculous amount of ships in it, the backing music is all finished and licensed, it will be between $2 to $10 on steam depending on how much more time i spend in it, and there will be a couple horror elements to it... I was just magneted to this video because i wanted to see a real representation of what my game's galaxy will look like, and oh god! i might have to cut down on the warp gate maximum value.
Just saw this video, the production quality is amazing! Im gonna be binge watching your content now and sending it to friends, this amount of views and subscribers is unacceptable for such leve of quality! Love your content!
Having grown up alongside the Internet, going from BBS, to dialup, to ISPs, getting a description of how pages link feels like having someone explain basic addition. But I stuck around for the map. ^_^
I appreciate that you explained how you got to the end result and not skipped the part of starting with python before ending in Unity. Very interesting!
This is amazing quality. Very informative and interesting to watch. Im an EE major with very minor code experience and I was able to follow this easily. Honestly incredible work dude.
Love the fact you included the Steve Wallis web site., the guy is a legend. Interesting way to go about solving this problem, remove the click and just recursively let it run for a few hours. Should be fun.
This is very nice as a management person. I can shopw this off to people that do not know anything about IT and then Ill just tell them that we are very advanced and they should listen to us XD
You should add a layers function where every new outward expanding link is considered a new layer. This would allow you to control how much of these nodes you actually want to see. For example, you could have TH-cam as the Home Page (same as in the video) and then choose to display any connections on the 6th layer (or in other words, 6 connections from TH-cam). You would need the ability of setting a Base Page for this to work well. Being able to change the Base Page could enable a function of browsing links that are 3 layers away in both directions, only forward (linking to) or only backwards (linked from). Any new connections formed from adding new Home Pages (like the second link added in the video which had a YT connection) would be easily sorted in the layers as well. The program would just have to calculate how many nodes that connection is from the TH-cam homepage. This again allows for additional visual functionality by creating the possibility of sorting by Home Page connections, essentially showing which Home Pages are can be routed to other Home Pages. Then, since you are able to click nodes, you could select 2 nodes and expand the connection to display all the links in between the two Home Pages. Really cool project you did, seems like a good base for a very useful tool for internet mapping and potentially even Ai decision visualization.
I had always thought a node-based map of the internet is the kind of project someone must have already created before but I never found about.. Still amazed you made it look easy!
Would have been cooler to implement the node loading on click asynchronously, also 3D for the graph is kind of too much, 2D really allows for a better visualization. Cool video!
@@kibbewater Imagine having points around you. You can grab one of those points and look for it's links, or just throw it away... It could be more fun to interact, than just with mouse... Also sounds like good learning experience for vr project...
Incredible work, keep it up man! You finally got a video that hit the algorithm in the right way (I think it was the title imo). Watched this video a bit over 6 hours ago and you shot up 400 subscribers, impressive!
Honestly man, I love you're video style. I just subscribed and this is a really cool and potentially useful tool. Surprised you don't have many subscribers, keep it up man.
usually the no-sub videos youtube recommends are a waste of time so i was honestly shocked to see that this is from a sub-1k channel. Keep it up, you'll make it big
This animation and whole concept as well as the way you have explained everything step by step is absolutly great!, I am planning on doing something simmilar with spotify and finding corellations beetween different artist/genres so this video really helped me get an idea where should i start. Keep up the good work.
good luck! if you need any code ur welcome copying it from github its actually pretty interesting if you like connect individual songs from nodes or something you might be able to see actual genres forming
Imagine this as a VR game where you could expand a node into a full web page window and just float through space exploring these. If you utilized procedural loading and unloading of nodes as you get a certain "diatance" from them (while also caching links between pages as a "chunk" file so they're quicker to reload later), you could actually legitimately make it an explorable world. Do something where it will always load the next 3 nodes away from wherever "current" node is (which could be marked by either what page window you have rendered, or what the closest node to you is in the cyberspace, assuming you're flying around with the sort of freecam mode instead of viewing a page directly)
i was thinking about something like that like maybe every 10 seconds scanning the nearest node to the player so you can go in any direction and the graph will keep following you
man this was so amazing i had to check out the "game" and man i can sit there for hours clicking links seeing where they go and how there connected. tho once there was a crap ton of connections the "game" broke and wouldn't move in space correctly. oh well but this is so sick i will be messing with this forever thanks for the amazing video and the fun "game"
I have worked quite a lot in Unity and when I saw how each node was using physics my head isntantly thought how this would work better in unity rather than python.
yes unity's physics are actually really good especially i can just add a small sphere collider around each node so they dont get too close shame that the CEO is just bad
That was really fascinating to watch! The 3D representation in Unity started to look like a universe of stars. I imagine if you could scan the entire Internet it would be about as large as our universe!
This could actually make for such a cool game idea. If multiplayer was implemented, you could battle other players to reach a certain domain first - kind of like how some people race around Wikipedia to find a connection between a random celebrity and a random philosopher or company.
multiple people asked, so ill explain here:
how did i make the animations?
everything is made on Davinci Resolve (free version).
all the elements I used:
the lines flashes etc... are made of solid colors.
screenshots for pictures obviously.
and all of those custom graphics i just quickly sketched on krita. (for example at: 5:57)
single color texts are a Text+, multicolored texts are normal text.
movement is handled either by transitions, or by keyframes (smoothed in graph editor)
previous pinned comment (by: @puncherinokripperino2500):
[CORRECTION]
usually cycle is more general thing, a closed path, and edge from a node to itself is called loop.
epic (epic)
Could you scale or colour the nodes dependant on the traffic to the site or the size of it, maybe the larger the node the larger he page/traffic and then use colour to represent the amount of connections
which font did you use at the beginning for "goal: visualize WEBSITE internal structure"?
@@nocattl OCR A extended
Thank you@@8AAFFF
I was shocked when i looked on the number of subscribers. Keep doing this, king, animations are unbelievably good for such a small channel!
thank you! glad you liked the animations :)
True that.
duuuuudeee same!
Same
I like this animated coding format,
it's not just some guy explaining his codebase vaguely,
and it isn't some pro showing you how types and methods interact with each other,
It's an actual dive into explaining how browsers work.
( Also random memes, because yes. )
thank you
how the hell does that explain how browsers work
@@michaelsondei4695 An example of how the internet could be visualized was explained at 0:30.
@@michaelsondei4695Might wanna give this vid a rewatch?
@@michaelsondei4695that is indeed how web crawlers which are a component of browsers work
Really cool stuff! A lot of programmers almost gets angry when you want to "coolify" IT, but I'm all for it. Keep it coming!
What do you mean by "coolify"?
@@slicepie410 probably meant like editing effects and stuff
This is so high quality, the idea is spectacularly implemented and I learned so much with all the visual aids and the sound fx (and fx in general) really helped carry that narrative. Very cool, engaging, novel educational content. Thank you so much for sharing it with us!
thanks! glad you liked the fx :)
Damn, I'm only like 5 min in and this is one of the most engaging coding videos and very visually pleasing great job man keep it up your going to be huge!
Cool video bro. I was shocked to see you only have 29 subs
that's a pretty cool visualisation, it reminds of star maps from games like elite dangerous or no man's sky. if you were to implement a 'fancier' version of it, you could go even more into the analogy, going to websites as travelling from star system to star system, adding new links as 'scanning' for stars, etc
and another idea: grouping pages by the site (domain), maybe star colors, or treating the home page as the star and sub pages as planets;
alot of people suggested colors, and its a really good idea I'm actually working on implementing them rn
this is going to make me sound like the schizo here, but ive actually been working on this concept for a couple months now in c++ with sdl. it's an unreleased 2d pixelish space game called C6: Dreadnought Forever, and i have no release date for you, but i can say it has a ridiculous amount of ships in it, the backing music is all finished and licensed, it will be between $2 to $10 on steam depending on how much more time i spend in it, and there will be a couple horror elements to it...
I was just magneted to this video because i wanted to see a real representation of what my game's galaxy will look like, and oh god! i might have to cut down on the warp gate maximum value.
@@ComwpODG c++ is brave
good luck on this project :) when u have a release trailer or something ill be happy to watch :)
this is genuinely awesome stuff man, at this rate, youre about to blow up.
hopefully :) nice pfp
this channel has HUGE potential, very professional and fluent speaking. waiting to see some more! good luck brother i hope the alg likes your channel
thank you :D the alg actually recommended this video faaar more than the others
@@8AAFFF thats just the beginning, 2024 is your year dude!
Just saw this video, the production quality is amazing! Im gonna be binge watching your content now and sending it to friends, this amount of views and subscribers is unacceptable for such leve of quality! Love your content!
glad you enjoyed the video :D
Great video! I loved the editing and sound fx, and the concept / game is really cool!
This is actually maybe one of the most interesting coding videos I’ve ever seen with one of the best editing as well. Amazing job. Phenomenal.
I love this. Extremely detailed, beautiful animations.
Having grown up alongside the Internet, going from BBS, to dialup, to ISPs, getting a description of how pages link feels like having someone explain basic addition. But I stuck around for the map. ^_^
As soon as this dude said "we're going to need a more local approach" I was onboard. Good engineering right there.
i love the art style & sound design of this video
This is a masterclass in “here’s an example in real life” demonstrated and presented so well. Amazing!
the effort on building this is astronomical!
I appreciate that you explained how you got to the end result and not skipped the part of starting with python before ending in Unity. Very interesting!
This is amazing quality. Very informative and interesting to watch. Im an EE major with very minor code experience and I was able to follow this easily. Honestly incredible work dude.
thank you! congrats on the EE major
The sound effects keeps me constantly stimulated hahah great stuff dude!
I like the description, "you" is super inspiring!
i dont even know
Love the fact you included the Steve Wallis web site., the guy is a legend. Interesting way to go about solving this problem, remove the click and just recursively let it run for a few hours. Should be fun.
XD yes i was searching for a website that has a connection back to youtube and his video was open in the background
super cool youtuber
This was a banger video idea.
Really glad I decided to watch “one more” video before sleeping. Found a great channel to subscribe to!
heyy thaanks :)
go to sleep though
Your video style is very clean, and I'm all here for it, continue these cool programming videos!
This is very nice as a management person. I can shopw this off to people that do not know anything about IT and then Ill just tell them that we are very advanced and they should listen to us XD
lmao go ahead its on github XD
You should add a layers function where every new outward expanding link is considered a new layer. This would allow you to control how much of these nodes you actually want to see. For example, you could have TH-cam as the Home Page (same as in the video) and then choose to display any connections on the 6th layer (or in other words, 6 connections from TH-cam). You would need the ability of setting a Base Page for this to work well. Being able to change the Base Page could enable a function of browsing links that are 3 layers away in both directions, only forward (linking to) or only backwards (linked from). Any new connections formed from adding new Home Pages (like the second link added in the video which had a YT connection) would be easily sorted in the layers as well.
The program would just have to calculate how many nodes that connection is from the TH-cam homepage. This again allows for additional visual functionality by creating the possibility of sorting by Home Page connections, essentially showing which Home Pages are can be routed to other Home Pages. Then, since you are able to click nodes, you could select 2 nodes and expand the connection to display all the links in between the two Home Pages.
Really cool project you did, seems like a good base for a very useful tool for internet mapping and potentially even Ai decision visualization.
I absolutely love the way you did the visualizations
I like your use of ChatGPT in this. That feels like a good way to use it, as a way to find details and examples of things
I had always thought a node-based map of the internet is the kind of project someone must have already created before but I never found about.. Still amazed you made it look easy!
this is how i did imagine the internet to look like.
Amazing video man
This is some of the best video editing and animation I've seen in a long time
thanks glad you enjoyed it :D
This is really cool. Now we can look at the internet galaxy.
Wow! This is the most high quality video I have watched for some time, and you have less than 500 subs?
Talk about underrated..
Oh boy, you turned a 1980s hacker movie into a reality 🤩
Thats incredible man the math and phisics with coding together
bro you deserve at least 100k subs, you're doing excellent work!
:D
This video is just great! It is useful,funny and the animations are smooth! You inspired me to actually start a channel lol
thanks :) and good luck on your channel
watching this video somehow felt like playing a game, well done!
I am obsessed with your editing style
Just learned about graph theory in school. Loved this video!
such a cool concept with cooler person behind it.
one of the great videos I have seen in a very long time
You know its a good techy video with white bat audio
hey, i'm super excited to see this develop and be optimised
The editing is crazy on this video. Fantastic
Wow this channel is so underrated
THIS IS SO COOL! keep doing what you're doing man! this peaked my curiosity on how browsers work and integrating with unity was a brilliant idea!
thank you :D
This is fascinating. You are a legend.
I love how this video sounds
I usually don't watch coding videos. But this was captivating!
Dude very nice, you showed what i was trying to learn. Thank you. Subscribed and looking forward to seeing you become big. GL!!
This an incredible video. The concept and how u walked hs through your thought process is amazing. And the editing is just beautiful. Just beautiful.
Now this is some watchdogs level stuff, very nice!
Would have been cooler to implement the node loading on click asynchronously, also 3D for the graph is kind of too much, 2D really allows for a better visualization.
Cool video!
Totally agree with your opinion, but I'd say 3D visualisation can be way better in VR...
@@pa3kc376 but why would you even use VR??
@@kibbewater Imagine having points around you. You can grab one of those points and look for it's links, or just throw it away...
It could be more fun to interact, than just with mouse... Also sounds like good learning experience for vr project...
@@kibbewater it'd be super cool if it was in vr. Kind of like Scanner Sombre, but with slightly less story and a whole lot more exploration.
Personally I really like the 3D graph, more true to Gibson.
That’s really cool, it’s like that network mapper visualizer in the Hacknet game but even cooler
This is freaking cool project man 👏
appreciate it :)
"where's my site?"
by the way, AWESOME video - the editing is really high quality, ju- it's just really good
Damn, this video quality is great :) You definitely deserve more subs! Keep it up :)
This would be a very cool thing to implement into a web browser
I love the style of the "game", you went on full cyberpunk, looks super cool.
thanks really love this genre
Incredible work, keep it up man! You finally got a video that hit the algorithm in the right way (I think it was the title imo). Watched this video a bit over 6 hours ago and you shot up 400 subscribers, impressive!
thaank you i dont even know why the yt alg made this video so popular! didnt expect such a growth myself :D
Honestly man, I love you're video style. I just subscribed and this is a really cool and potentially useful tool. Surprised you don't have many subscribers, keep it up man.
Wow the video quality is crazy, Can't wait to see more
That's very well made buddy! Great video!
Loved the editing too!
great explanation, cool memes and great editing! i hope you get the followers you deserve mate
thanks appreciate it :D
Id love to see this visualized as orbiting planets
this is content worthy of 1M subs!
That was really well done. Fantastic work.
usually the no-sub videos youtube recommends are a waste of time so i was honestly shocked to see that this is from a sub-1k channel. Keep it up, you'll make it big
I WAS ON 29 SUBS BEFORE THIS VIDEO XD really didnt expect it to blow up this much
This animation and whole concept as well as the way you have explained everything step by step is absolutly great!, I am planning on doing something simmilar with spotify and finding corellations beetween different artist/genres so this video really helped me get an idea where should i start. Keep up the good work.
good luck! if you need any code ur welcome copying it from github
its actually pretty interesting if you like connect individual songs from nodes or something you might be able to see actual genres forming
Awesome video, clearly explained and you even linked the repo
thank you :D doing stuff open source is best
This video will blow up.
awesome video, your underrated for the quality content you are droping. keep it up.
This is really cool, can't wait to try it out!
Interesting video! Can't wait to see part 2
I'm your 29th subscriber!
YESSSS
Imagine this as a VR game where you could expand a node into a full web page window and just float through space exploring these. If you utilized procedural loading and unloading of nodes as you get a certain "diatance" from them (while also caching links between pages as a "chunk" file so they're quicker to reload later), you could actually legitimately make it an explorable world. Do something where it will always load the next 3 nodes away from wherever "current" node is (which could be marked by either what page window you have rendered, or what the closest node to you is in the cyberspace, assuming you're flying around with the sort of freecam mode instead of viewing a page directly)
i was thinking about something like that
like maybe every 10 seconds scanning the nearest node to the player
so you can go in any direction and the graph will keep following you
this video was amazing
thanks!
man this was so amazing i had to check out the "game" and man i can sit there for hours clicking links seeing where they go and how there connected. tho once there was a crap ton of connections the "game" broke and wouldn't move in space correctly. oh well but this is so sick i will be messing with this forever thanks for the amazing video and the fun "game"
amazing visuals in the video, keep it up. you got a new subscriber ✌
Interesting and very cool video! You explained everything in a way that even I with zero programming knowledge understood :)
glad the explanation was good :)
you deserve more attention with your good content.
very interesting!
this felt a bit like a sebastian lague video, very cool
He had a computer and a dream✨
Holy sh*te!
Good stuff, Mate.
I have worked quite a lot in Unity and when I saw how each node was using physics my head isntantly thought how this would work better in unity rather than python.
yes unity's physics are actually really good
especially i can just add a small sphere collider around each node so they dont get too close
shame that the CEO is just bad
New subscriber, love the editing. Great video!
That was really fascinating to watch! The 3D representation in Unity started to look like a universe of stars. I imagine if you could scan the entire Internet it would be about as large as our universe!
Amazing video! Can't wait to see more of it.I love the part where you decided to not work with JavaScript very relatable.
thanks!
yeah from a python background js is horrible XD
Fascinating stuff. Keep up the work.
wow i really like the style of your videos keep it up man! your hella smart!
When you are trying to chill and graphs come in
This could actually make for such a cool game idea. If multiplayer was implemented, you could battle other players to reach a certain domain first - kind of like how some people race around Wikipedia to find a connection between a random celebrity and a random philosopher or company.
This is crazy well made! Good job!
thx
Very cool project, man! Made me think about how cool this could be in VR/AR to "experience" the absolute insane scale of the internet.
The moment at 3:36 was the most impressive thing I’ve ever seen
crazy
took 3 hours to edit
Super fun watch, great work
Some really nice animations