Visuals

A visual adds generated visual content to an individual practice line.

Unlike a static context image, a visual is associated with a practice card.

Basic Visual

Use visual to attach a visual to a line:

- ¿Qué hora es? [visual:clock]

A visual can also include arguments:

- ¿Qué hora es? [visual:clock.01-15]

Here:

clock.01-15

selects the clock visual and supplies information used to render it.

Visual Families

The current Practice Sets demonstrate several visual families.

visual:clock.01-15
visual:numbers.1-100
visual:spelling.mississippi
visual:animals.cat.gray
visual:calendar.12-01-73

Each visual family defines the arguments it understands.

Visuals and Answers

Visuals can be combined with answers:

- ¿Qué hora es? [visual:clock.01-15, ans: "one fifteen"]

They can also work with substitution values:

- ¿Qué número es? [ans-en-N: "The number is ${numbers.number}.", visual:numbers.1-100]

The visual can generate state that is then referenced elsewhere on the practice line.

Front and Back Visuals

A visual can explicitly belong to the front or back of a practice card.

Use fvisual for the front:

- ¿Qué hora es? [fvisual:clock.03-15, ans: "It is three fifteen."]

Use bvisual for the back:

- Son las cinco y media. [bvisual:clock.05-30]

A line can define both:

- ¿Qué hora es? [fvisual:clock.01-15, bvisual:clock.05-30, ans: "The clocks are different."]

This allows the visual presentation to change when the card flips.

Images vs. Visuals

Static images and visuals serve different purposes.

An image is content stored beneath /assets/ and displayed in Practice Set context:

![Classroom](/assets/es/ch2/book-3.png)

A visual is generated or selected by Kx Toolbox for a practice line:

[visual:clock.03-15]

Use images for supporting context. Use visuals when visual content participates directly in the practice activity.