グラフ・数値データをClaude Designで正確に視覚化する方法

最初にグラフを頼んだとき、返ってきたのは「棒グラフっぽい何か」だった。見た目は悪くない。でも数値がぜんぜん違う。Q1が一番高いはずなのにQ3が突出していた。これがClaude Designでデータ可視化を頼むときの最初の罠だ。

「それっぽいグラフ」と「正確なグラフ」は別物

Claude Designはデザイン生成ツールなので、数値を忠実に反映するより「見栄えのいいグラフ」を優先して生成する傾向がある。特にデータを大まかに渡したときは、Claudeが「それっぽい値」を補完してしまう。

実際にやらかした例：

# これだと数値が崩れる
売上推移のグラフを作って。Q1〜Q4のデータを見やすく。

数値を渡していないので、当然Claudeが適当に埋める。

※Claude Design: Anthropic Labsが開発したAIビジュアルデザインツール。テキストプロンプトからUI・スライド・マーケ資料などを生成する。

数値を「絶対に外さない」指示の書き方

効果があった書き方はこれ：

棒グラフ。以下の数値を正確に反映すること（絶対に改変しないで）：
- Q1: 1,200万円
- Q2: 1,850万円
- Q3: 2,100万円
- Q4: 1,650万円

仕様：
縦軸: 0〜2,500万円（500万円刻み）
横軸: Q1 Q2 Q3 Q4
各バーの上に数値ラベル表示
色: #2563EB（Q1〜Q3）、#F97316（Q4、強調）
凡例なし

ポイントは**「正確に反映すること（絶対に改変しないで）」**という一文を添えること。これを入れると数値の精度が上がった。理由はわからないが、経験的に効く。

グラフタイプ別・一行で効くコツ

棒グラフ：縦軸の最大値と刻みを明示する。これがないと「なんかいい感じのスケール」に自動調整されてデータの差が消える。

円グラフ：パーセンテージの合計が必ず100%になることを明記する。「60% / 25% / 15%、合計100%」と書くだけで崩れにくい。ラベルは各ピースの内側か外側かも指定する。

折れ線グラフ：データポイント数（何月から何月まで何点）と、補間なし／スムーズ曲線のどちらかを選ぶ。指定しないと勝手にスムーズになって、鋭いピークが消えることがある。

確認は必ずする

どれだけ丁寧に指示しても、出力後に数値チェックは必須だ。特に複数系列の比較グラフ（売上と費用の2本立てなど）は、スケールがずれていたり一方の数値が全体的に底上げされていたりする。

NANAKAZOKUではグラフが含まれる成果物を使う前、必ず「以下のデータを反映しているか確認して」と原データを再掲して検証プロンプトを投げている。手間に見えるが1回崩れたデータで資料を作るよりずっと早い。

※プロンプト: AIへの指示文。Claude Designでは自然言語でデザインを指示する。

最近気づいたこと

ダッシュボード用の複数グラフを一気に頼むより、グラフを1種類ずつ作って後から「これを横並びにして」と統合するほうが数値の精度が上がった。一度に欲張ると複雑さのせいか数値処理が雑になる印象がある。