Live data from Hacker News

An interactive presentation about the Grammar of Graphic

timeplus-io.github.io

1–7 of 7 posts

Re: An interactive presentation about the Grammar of Graphic

#3

- 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/

Re: An interactive presentation about the Grammar of Graphic

#4
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.

Re: An interactive presentation about the Grammar of Graphic

#5
post #4

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). Instea…

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

Re: An interactive presentation about the Grammar of Graphic

#6

- can you shed some light on how did you make this slide? - what library are you using to create these cool animations?

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

Re: An interactive presentation about the Grammar of Graphic

#7
post #4

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). Instea…

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