Explaining map & reduce with animated examples

pel_daniel 2018-05-06 17:17:17 UTC #1

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/

joelq 2018-05-07 15:08:59 UTC #2

Nice work! As a very visual person, I appreciate these a lot!

blisscs 2018-05-07 21:59:56 UTC #3

I like the animation you’ve made @pel_daniel.

Looking back at the beginner time, when started studying about functional programming and map/folds (reduce) in the paper “Why Functional Programming Matters”. I find this animation is much more simpler to grasp and concise for the map and fold topics.

rtfeldman 2018-05-07 22:03:46 UTC #4

This is lovely! What a great visualization.

pel_daniel 2018-05-07 22:43:35 UTC #5

Thanks @blisscs, I should read “Why Functional Programming Matters” again.
And maybe do an Animated/Illustrated version of it

pel_daniel 2018-05-07 22:45:20 UTC #6

Thanks @rtfeldman !

You may like my work-in-progress tutorial to learn functional programming: http://lambdabricks.github.io/bricks-front-react/tutorial/

system 2018-05-17 22:45:22 UTC #7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.