fwiw I work on data ingestion pipelines and I've found that starting with just boxes-and-arrows in something like Excalidraw gets you 80% of the way to knowing what you actually want. The gap between "I can picture it" and "I can build it on a webpage" is mostly a d3 learning curve problem, not a design problem.
xyflow that the creator mentioned is probably the right call for pipeline DAGs though -- we use it internally for visualizing our scraping workflows and it was surprisingly painless to get running
- A previous comment by me about my list of absolutely gorgeous, interactive, animated, high dynamic learning resources classified as S TIER
- S-TIER blogs are those that are animated, visual, interactive and absolutely blow your mind off
- A-TIER are highly informative and you ll learn something
- opinion blogs at the absolute bottom of the tier list because everyone everywhere ll always have an opinion about everything and my life is too short to be reading all that
- these are the BEST of the BEST, you ll be blown away opening each page is how good they are. i am thinking of creating a bookmark manager that uses my criteria above and runs across every damn blog link ever posted on HN to categorize them as S-TIER, A-TIER, opinion and so on
So amazing, wish there were more articles like this. I love visual learning.
Also reminds me of another blog post: https://pomb.us/build-your-own-react/ , probably not directly the same, but similar-ish written blog posts, easy to stay on track and follow. It is so easy to learn with this kind of blog post.
The balls-from-the-sky sieve-style animation* showing classifications literally falling out of the decision tree is my favorite part. I haven't seen this anywhere else (yet); this visualization technique deserves more percolation (pun intended). (#1)
Not even to mention the fact that the animation is controlled by scrolling, which gives an intuitive control over play, pause, rewind, fast-forward, etc. Elegant and brilliant. (#2)
Stunningly good also in the sense that it advances the story so people don't just drool at the pretty animation and stop engaging. Thus putting the "dark arts" in the service of learning. (#3)
All three ideas warrant emulation in other contexts!
* Find it towards the bottom under the "Making predictions" heading.
2015 was about the last year you could get away with publishing an interactive graphic with a fixed width — this made it harder do really creative/original work.
I have it visually in my head, but it feels overwhelming getting it into a website.
xyflow that the creator mentioned is probably the right call for pipeline DAGs though -- we use it internally for visualizing our scraping workflows and it was surprisingly painless to get running
There is a collection of a few more here: https://p.migdal.pl/interactive-machine-learning-list/
Added an entry for my data visualisation tool here: https://github.com/stared/interactive-machine-learning-list/....
Edit: found an updated link for seeing theory so I fixed it in the PR above. Feel free to cherry-pick if #24 is not relevant.
- S-TIER blogs are those that are animated, visual, interactive and absolutely blow your mind off
- A-TIER are highly informative and you ll learn something
- opinion blogs at the absolute bottom of the tier list because everyone everywhere ll always have an opinion about everything and my life is too short to be reading all that
- these are the S-TIER ones on my system
- https://growingswe.com/blog
- https://ciechanow.ski/archives/
- https://mlu-explain.github.io/
- https://seeing-theory.brown.edu/index.html#firstPage
- https://svg-tutorial.com/
- https://www.lumafield.com/scan-of-the-month/health-wearables
- these are the BEST of the BEST, you ll be blown away opening each page is how good they are. i am thinking of creating a bookmark manager that uses my criteria above and runs across every damn blog link ever posted on HN to categorize them as S-TIER, A-TIER, opinion and so on
I also made a dozen of these a couple years ago, my two favorites:
- https://pair.withgoogle.com/explorables/fill-in-the-blank/
- https://pair.withgoogle.com/explorables/grokking/
(Or can anybody find something more?)
I wish more technical articles took this approach instead of starting with equations.
https://poloclub.github.io/transformer-explainer/
https://youtu.be/wjZofJX0v4M?si=gT8Zlz1IY14KV_ju
Not even to mention the fact that the animation is controlled by scrolling, which gives an intuitive control over play, pause, rewind, fast-forward, etc. Elegant and brilliant. (#2)
Stunningly good also in the sense that it advances the story so people don't just drool at the pretty animation and stop engaging. Thus putting the "dark arts" in the service of learning. (#3)
All three ideas warrant emulation in other contexts!
* Find it towards the bottom under the "Making predictions" heading.
https://www.youtube.com/c/joshstarmer https://statquest.org/