- I would love for you to share a sheet/table or something, perhaps a google sheet, of your larger collection if you are so inclined
- - it definitely brings a big question or discussion here
- i can see 3 columns being serial number, description and a link
- how do we categorize, sort or tag them? any ideas? i am open to suggestions
- is it okay if i put it on github? it ll go on this account https://github.com/zupcode-com
- A lot of these visual tutorials/explainers remind me there's some disconnect between their creation and compensation.
We never really get whole curriculums of them. There's no equivalent to the games/book industry level production. Maybe some medical things. There were educational games for a while but those seem less common..
A whole industry around podcasts and youtube has spawned in a two decades. The scale seems smaller than it ought to be.
- i am more surprised people havent slopcoded threejs to create such visuals for many other concepts and ideas
- Ya. I'm seeing some, and a few of them are very promising. The volume of good visualizations will definitely grow.
But that growth seems different from the type of growth that happens in product-market-fit cases. Just makes me wonder what's the missing reagent.
- Clickable:
- Animated explanation of how transformers work https://poloclub.github.io/transformer-explainer/
- Visual intro to K-means clustering algorithm https://k-means-explorable.vercel.app/
- Animated 3D intro to vision LLMs https://blog.mdturp.ch/posts/2024-04-05-visual_guide_to_visi...
- Animated intro to machine learning https://r2d3.us/visual-intro-to-machine-learning-part-1/
- Animated intro to probability in math https://seeing-theory.brown.edu/basic-probability/index.html
- Building a 3D world from scratch in step by step animated manner https://aibodh.com/posts/bevy-tutorial-build-your-first-3d-e...
- Visualize algorithms https://algorithm-visualizer.org/
- Animated step by step sequence of how a request goes from your browser to the server https://200ms.thenodebook.com/#act-1-the-click
- Visual intro to the inner workings of a combustion engine https://ciechanow.ski/internal-combustion-engine/
- 3D real time robotics code simulator https://bittlex-sim.petoi.com/
- Animated explainer: Elliptic curve cryptography https://growingswe.com/blog/elliptic-curve-cryptography
- Rate limiting algorithms visualized https://smudge.ai/blog/ratelimit-algorithms
- Visual intro to the graphics pipeline! https://fremaconsulting.ch/blog/vulkan
- Animated explanation of how to build ReactJS from scratch! https://pomb.us/build-your-own-react/
- Mini game: How to build an entire CPU starting from a basic gate https://select.supply/game/chipbuilder
- Assemble a neural network from scratch https://graphgame.sabrina.dev/
- 3D visualization: how gravity works https://qunabu.github.io/Gravity/#what-is-gravity
- Mini game: how css grid works https://cssgridgarden.com/
- Animated math book for linear algebra, vectors etc https://immersivemath.com/ila/index.html
- Animated explainer: How FAISS vector search works https://fremaconsulting.ch/blog/faiss
- 3D animation of how to build a health wearable from scratch https://www.lumafield.com/scan-of-the-month/health-wearables
- 3D animation of how semiconductor manufacturing works https://ig.ft.com/microchips/
- Mini game: how git works https://learngitbranching.js.org/
- Mini game: SQL from scratch https://sqlpd.com/
- Another mini game: SQL https://lost-at-sql.therobinlord.com/
- Animated explainers showing how colors, screens, graphics, rendering, shaders, compilers, interpreters work https://www.makingsoftware.com/
- Animated explainer shows how networking 7 layer stack works inside out https://fazamhd.com/mental-models/networking/
- Animated explainers for linear & logistic regression, neural networks, machine learning https://mlu-explain.github.io/
- 3D explanation of collision detection, shaders, rendering, culling and gamedev related stuff https://krupitskas.com/posts/modern_culling_techniques/
- 3D animation and explanation of every exercise on the body https://musclewiki.com/
- Mini game: build an nvidia gpu from scratch https://jaso1024.com/mvidia/
- Animated explanation of forward & back propagation of neural networks https://aegeorge42.github.io/
- - also here is one more: 3D neural network visualization https://visualrambling.space/neural-network/
- doing god's work
- - very strange indeed, i think every link worked for me when i opened it but it is possible because i have an autoridrect to archive sites when a link does not work extension
- ah crap that must be it
- As someone who is starting to get to know HN, thank you for the list, looks interesting.
- thanks, HN algorithms pushed this to page 2 and then took it out for reasons i dont know. I wish it was on page 1, it would reach a lot more people that way
- Unfortunately many links are 404.
Would have liked to have seen them.
- Is there an easy way to rewrite them to be archive.org links?
- i tested each and every single one before posting, i only posted the working ones
- My S++ tier:
- - forget below average
- i ask stupid questions right here on HN all the time
- you would literally see it in my history
- all sorts of questions like why cant we have a language that looks like typed python but runs much faster than c++, rust and zig
- why cant we have 1 sextillion transistors inside a single chip
- why cant we use nuclear propulsion to reach 99% the speed of light for interstellar travel and what are the challenges here
- every single time i literally prefix it like "stupid question: why cant we do xyz"
- you call them stupid questions, but i say these are quite good, trivial-seeming but actually non-trivial questions that lead you to a deeper understanding.
- [dead]
- [flagged]
106 points by vivzkestrel 2 days ago | 18 comments