> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yarn.so/llms.txt
> Use this file to discover all available pages before exploring further.

# Charts

> Build chart overlays that communicate data quickly and accurately.

## Overview

Charts help viewers understand trends and comparisons faster than narration alone.

Use this page for data overlays that stay readable during video playback.

\[insert screenshot of chart editor with data table, labels, and chart preview]

## What charts are best for

* Showing growth or change over time.
* Comparing options or categories.
* Highlighting one key metric in context.
* Supporting claims with visual evidence.

## Before you start

* Decide the one data takeaway the viewer should remember.
* Choose a chart type that matches that takeaway.
* Keep label count small enough to read at playback speed.

## Steps

1. Insert a chart overlay in the target scene.
2. Enter/paste data and verify label/value mapping.
3. Choose a chart style aligned to the story:
   * comparisons: bar-style
   * composition: donut/pie-style
   * single KPI: large number with support label
4. Use color intentionally to emphasize one key point.
5. Adjust label size/placement to avoid overlap.
6. Time chart entry to narration moment where data is explained.
7. Preview for legibility in your final output size.

\[insert screenshot of chart with one emphasized bar and simplified labels]

## Check your result

* Viewers can identify the main data point quickly.
* Labels and values remain readable without pausing.
* Chart timing matches the spoken explanation.

## Troubleshooting

### Values look incorrect

Re-check pasted data formatting and column mapping.

### Labels overlap or clip

Reduce label count, simplify wording, or switch chart type.

### Data message feels unclear

Highlight one key value and remove secondary detail from this scene.

## Next

Use directional emphasis with [Shapes](/overlays/shapes).