pel_daniel
Hi! I created some animations to explain what happens internally with map & reduce functions.
The code is open source. Any feedback is welcome !
https://lambdabricks.github.io/animating-hofs/
Where Next?
Trending in Guides/Tuts
Other Trending Topics
Latest on Elixir Forum
Sponsor Spotlight
We build reliable cloud platforms for business-critical systems.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #ai
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #elixirconf-eu
- #metaprogramming
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Practical resources that improve the lives of professional developers.
Bringing learning, work and compliance together since 1987.
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 17 to 8- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
pel_daniel
A newer animation library that a lot of people recommend is theatrejs, I haven’t used it myself but maybe you can give it try
pel_daniel
That’s right, I used greensock. TweenMax used to be a version available to use for free, I’m not sure if there’s a similar offering nowadays.
If you want to check the code for the animations it’s open source in this repo
orion
I checked the source code and found the following Javascript library:
I did some research and it seems that TweenMax has been replaced by GSAP.
Another way to easily find out what servers, libraries, etc. are being used on a website is by using the Wappalyzer Browser extension.
It would be great to see the animations you make. If you can, please post them in this forum.
cmo
@half-of-a-glazier I don’t know what they used but one I saw recently was Mainm: https://www.manim.community/
half-of-a-glazier
Hey there, I know this is a super old thread but hoping someone will respond anyway!
I’m teaching MapReduce in a data science course and the animation the OP posted is exactly what I was looking for. Which software was used to create the animation? I’d love to be able to create some of my own
pel_daniel
Also
mapcan be done withreduceOvermindDL1
Filter can be done by reduce as well.
pel_daniel
At the beginning I was thinking of doing:
map,reduce&filterbecause are the most common HOF.Filter is a bit more difficult to represent visually because it uses an
ifstatement.flat_mapwould be also cool with examples from differentMonads.pel_daniel
Thanks for the comments !
I’ve been thinking about how to make the list in the animation appear immutable but I don’t have a solution for it yet. Do you have any suggestions on how to do it Aston ?
AstonJ
Also just a quick thought - could you make it so that it takes a copy and works on (or makes obvious it’s) the copy? At the moment anyone new might thing it is altering the starting data, rather than returning a copy