An interactive presentation about the Grammar of Graphic

timeplus-io.github.io

24 points·gangtao··6 comments

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.

Thanks for you comments! I will think about how to improve

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 :-)

- can you shed some light on how did you make this slide?

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

You can find the source code for the slides here: https://github.com/timeplus-io/gg-vistral-introduction/

you can check the source code here : https://github.com/timeplus-io/gg-vistral-introduction I leverage gemini to build such demo slides

Reply on news.ycombinator.com