> For the complete documentation index, see [llms.txt](https://vikram-bajaj.gitbook.io/cs-gy-6313-information-visualization/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vikram-bajaj.gitbook.io/cs-gy-6313-information-visualization/animation-pacing-and-exposition.md).

# Animation, Pacing and Exposition

Based on the video: <https://www.youtube.com/watch?v=Z4tB6qyxHJA>

## Exposition

**Exposition** refers to the comprehensive description and explanation of an idea or story.\
![](/files/-M5-0XKungkOLK_YM32B)

**Attention** is a major constraint. It refers to the notice taken of someone or something. Holding the listeners' attention is vital. Attention can be **visual** or **memory-related**.

The following gain/drain attention:

![](/files/-M5-0XKwCNyz59P4ZciR)

Graphic Design is the use of space to control time. Here is an example:

![](/files/-M5-0XKyvizbWiAFwTsw)

**Click vs. Scroll**: A click is a decision, while a scroll is continuation. Therefore, scrolling is better suited for story-telling.

## Animation

**Animation** is the manipulation of images to create an illusion of motion. It takes advantage of the fact that motion is pre-attentive: we perceive motion before anything else.

## Pace

**Pace** refers to doing something at a slow and steady rate in order to avoid overexertion.

Ideas depend on other ideas. The aim here is to break down a complex idea into smaller related understandable idea that can be presented to a viewer one at a time, instead of overwhelming the viewer and losing his/her attention.

For example, the image below shows the dependency tree of ideas that culminate in the construction of a decision tree (ML).

![](/files/-M5-0XL4SdadehYl65kv)

Pace is important because it allows for a slow, measured conveyance of ideas.