An interactive presentation about the Grammar of Graphic

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

24 points by gangtao 68 days ago | 6 comments

jaen 64 days 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 62 days 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 63 days ago | |

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

vivzkestrel 64 days ago |

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

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

thomascountz 64 days ago | |

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

gangtao 63 days ago | |

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