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.
My S++ tier:
https://sive.rs/below-average
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.
Unfortunately many links are 404.
Would have liked to have seen them.
i tested each and every single one before posting, i only posted the working ones
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/