An interactive presentation about the Grammar of Graphic (timeplus-io.github.io)

by gangtao 6 comments 24 points
Read article View on HN

6 comments

[−] jaen 62d ago
Personally, I find the "fade-in" animations quite distracting, since I read/think faster than the animations reveal information, so it constantly "interrupts"/"stutters" my thought process.

Animations are usually "serial", while (my) thought is usually "fractal"/"parallel", ie. I quickly take in the entire content, and then start focusing on individual parts according to intuitive salience (or other features).

Instead of animations, visual hierarchy / typography etc. is used by professional designers to convey eg. appropriate reading order.

[−] tingfirst 60d ago
Makes sense if you prefer scanning the whole picture first. Whole-to-parts vs. parts-to-whole is a different mindset. I personally like fade-in in some cases—it helps me focus on one layer at a time and build up the full context without getting overwhelmed. That said, efficiency can be an issue, so each viz is situational and easy to overuse :-)
[−] gangtao 61d ago
Thanks for you comments! I will think about how to improve
[−] vivzkestrel 63d ago
- can you shed some light on how did you make this slide?

- what library are you using to create these cool animations?