AI Services Market
AI Services Market › スキルファクトリー › 動画 › Column Annotations
$4.99 · サインイン不要v1.0.0– 回表示

Column Annotations

ラベルは上に浮かぶのではなく、列に乗って動きます。

値ラベル、コールアウト、ブラケットを棒グラフの列に直接固定し、ナレーションの順序で列の頂点から立ち上がらせ、データが議論されている間静止させます。注釈を付けるのは列の最大で半分までです。

Column Annotations のプレビュー
こんな方におすすめ
棒グラフを1本ずつ視聴者に説明する制作者の方
所要時間
チャートごとに25分
レベル
初級

3ステップでインストール

登録不要。CLIツールも不要です。お使いのAIを選んで、1行コピーして貼るだけです。

Pro — 全511件のスキル

ご自分で入れたい場合は、スキルを購入($4.99)し、購入完了画面からZIPをダウンロードして、上のディレクトリに展開し、AIのセッションを再起動してください。結果は同じです。すでに購入済みの場合は、AIアシスタントにダウンロードしてもらうこともできます。

パックの内容

SKILL.md(手順書)1点とスターターテンプレート1点が入っています。プレビューはこちらです:

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.

テンプレートのプレビュー

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

スキルパック本体(SKILL.md とテンプレート)は英語で書かれています。

Pro — 全511件のスキル

こちらもおすすめです