AI Services Market
AI Services Market › Fábrica de habilidades › Video › Column Annotations
$4.99 · Sin registrov1.0.0– vistas

Column Annotations

Etiquetas que viajan con sus columnas, no que flotan encima.

Etiquetas de valor, llamadas y corchetes anclados directamente a las columnas del gráfico de barras, que suben desde la parte superior de cada columna en orden de narración y se quedan quietos mientras se comenta el dato. Como máximo, se anota la mitad de las columnas.

Vista previa de Column Annotations
Ideal para
Creadores que guían al espectador por gráficos de barras columna a columna
Tiempo necesario
25 minutos por gráfico
Nivel
Principiante

Instálala en 3 pasos

Sin registro. Sin herramientas CLI. Elige tu IA, copia una línea y pégala.

Pro — las 511 habilidades

¿Prefieres hacerlo tú mismo? Compra la habilidad ($4.99), descarga el ZIP desde la confirmación de compra, descomprímelo en el directorio que se muestra arriba y reinicia tu sesión de IA — el mismo resultado. ¿Ya la compraste? Tu asistente de IA puede descargarla por ti.

Qué incluye

Un SKILL.md (la guía paso a paso) + una plantilla inicial. Una vista previa:

Column Annotations

When to use

  • A bar chart has 4–12 columns and the viewer needs to know which bars matter and why, not just that bars exist
  • A column's value needs a label that sits on the column itself rather than in a legend or a caption below the chart
  • Two or three columns deserve a bracket or grouping ("pre-launch vs post-launch") that the bare chart does not show
  • A ranking or comparison chart needs callouts on the winner, the loser, and the surprise — without turning the chart into a wall of text
  • A chart will be discussed bar-by-bar in narration, and each annotation should arrive with its bar's turn

Workflow

  1. Pick the annotated columns (input: chart → output: annotated column list)
    Annotate at most half the columns — a chart where every bar carries a label is a spreadsheet with extra steps. Choose the columns the narration actually names: the max, the min, the turning point, the one that breaks the pattern. For each, write the annotation in ≤6 words. If an annotation needs a full sentence, it belongs in narration, not on the chart.
  2. Choose the annotation type per column (input: annotated columns → output: type assignment)
    Three types, each with one job: value label (the number, sitting just above the column top), callout (a short line of text + a thin leader line pointing at a specific part of the column), bracket (a horizontal bracket spanning 2+ adjacent columns with a group label above it). Value labels answer "how much"; callouts answer "why this one"; brackets answer "these belong together." Do not use two types on the same column — a labeled, called-out, bracketed column is visual shouting.
  3. Anchor each annotation to its column (input: chart + annotations → output: anchor positions)
    Every annotation is anchored to a fixed point on its column: value labels to the column top-center, callouts to the exact data point they describe (top, midpoint, or a segment inside a stacked column), brackets to the outer edges of the first and last columns in the group. Anchors move with the chart: if the chart rescales or a column grows during an animated reveal, the annotation rides its anchor point. An annotation that floats free of its column is decoration; an anchored one is information.
  4. Animate the rise (input: anchored annotations → output: entrance keyframes)
    Annotations rise from their column tops, not in from the sides: each annotation starts at 0% opacity, positioned ~16 px below its final spot, and moves up into place over 0.3–0.4 s (ease-out). They arrive in stagger, 120–180 ms apart, in the order the narration will discuss them — not left-to-right by default. The leader line of a callout draws on after the text lands (0.2 s, from text toward column). Brackets draw last: the horizontal line extends outward from the center to both ends over 0.3 s, then the group label fades in above it.
  5. Hold and clear (input: annotated chart → output: hold + exit)
    Once all annotations are in, hold the fully annotated chart still for the whole discussion of those columns (≥2 s minimum). When the narration moves to a different point, clear annotations in one of two ways: fade all annotations out together (0.3 s) before the next set arrives, or dim the old set to 30% opacity while a new set rises. Never leave three generations of annotations stacked on one chart — the chart ends up wearing its own history.

Vista previa de la plantilla

Column Annotations — Production Template

One chart, one generation of annotations at a time. Fill in per annotation set.

Chart: {chart title / file} — Columns: {n} — Annotated: {≤ half}

Accent color (distinct from all column colors): {color} | Annotation type size: {axis label size + 2 px}

Annotations (in narration order, not left-to-right)

Bracket groups: "{group label}" spans columns {first} → {last}

Entrance

  • Rise: from {~16 px} below, {0.3–0.4 s} ease-out, stagger {120–180 ms} in narration order
  • Callout leader line: draws {0.2 s} after text lands, from text toward column
  • Bracket: extends from center outward {0.3 s}, then group label fades in

El paquete de la habilidad (SKILL.md + plantilla) está escrito en inglés.

Pro — las 511 habilidades

También te puede interesar