Claudeの会話の中にチャートが生える — 静かに始まったInteractive Visualsの衝撃

Claudeに「どう動くのか説明して」と聞いたら、文章の途中で突然フローチャートが差し込まれた。しかも、そのまま「ここの分岐を条件付きにして」と頼んだら、図の方が書き換わった。文章の方じゃなく。

これが、Anthropicが3月12日にベータ提供を始めて4月に入って全プラン・全ユーザー向けにじわじわ展開している Claude Interactive Visualizations の体験だ。日本語圏ではまだほとんど紹介されていないが、触ってみると「ChatGPTのCanvasとは方向性が違う」ことにすぐ気づく。

「説明」の中にグラフが生える

従来のAIチャットで図表を作ろうと思ったら、だいたい3つの選択肢があった。

• Code InterpreterにPythonでmatplotlibを書かせ、画像として返してもらう
• Canvas／Artifactのような別パネルを開き、そこに可視化を配置する
• 外部ツール（Mermaid.live、Canva、diagrams.net）に貼り直す

Claudeの Interactive Visualizations は、そのどれでもない。会話本文のインラインに、そのまま埋め込まれる。

実装としてはHTMLとSVGでレンダリングされ、Claudeが自分でJSの簡単なインタラクションまで書く。棒グラフなら棒にホバーすると値が出る。フローチャートならノードをクリックすると詳細が出る。シミュレーションなら、スライダーでパラメータを動かせる。Claudeが「説明の役に立つか」を自分で判断して、必要だと思ったら勝手に描く。

重要なのは、これが永続的なコンテンツではないということ。Artifactsのように別パネルに保存されるわけではなく、会話が進むにつれて変化したり消えたりする。Anthropic自身、ブログでこれを「thinking aid（思考の補助）」と位置づけており、静的ドキュメントの生成機能とは明確に切り分けている。

使い方はほぼ0クリック

試してみた限り、明示的に頼まなくてもClaudeの方から図を出してくることが多い。「量子もつれを初心者向けに説明して」と投げたら、説明の途中で波動関数の重なりを示す簡易ダイアグラムが挟まった。「このCSVの傾向を要約して」でCSVを渡したら、箇条書きの下に散布図が生えた。

明示的に指示したい場合は、こういう言い方が効く。

• Show me this as a diagram.
• Draw this as a flowchart.
• Chart this data.
• Show me how this changes over time.

英語プロンプトの方が認識精度が高い印象だが、日本語で「図にして」「フローで書いて」と頼んでも十分通る。一度出てきた図に対して「この部分を青にして」「軸を対数スケールにして」と追加指示すると、会話の中でそのまま可視化が変形する。ここのUXが気持ちいい。

利用できるプランについては、Webとデスクトップ（macOS／Windows）で全プラン対応、モバイル（iOS／Android）は「インタラクティブApps」としてさらに対話的な形で表示される。Free プランでも使えるので、課金ユーザー向けの機能ではない点もポイント。

ChatGPT Canvasとの棲み分けがはっきりしている

比較しないわけにはいかない相手として、ChatGPTのCanvasがある。触ってみた結論を先に書くと、両者は被っているようで被っていない。

Canvasは「成果物を作る場」だ。長文ドキュメントやコードを別パネルに展開し、編集履歴を保ちながら作業する。最終的にそれをコピーして外部に持ち出すことが前提。

Claude Interactive Visualizationsは「会話の途中で理解を助ける」ためのもの。図は会話の文脈の中でだけ意味を持ち、後で取り出して保存するというより、その場で腹落ちするための道具として使う。

Anthropic が会話用の可視化とは別に Artifacts という仕組みを残しているのは、この住み分けを意識した判断だろう。「保存したい成果物」はArtifactsに、「説明のためだけの図」はInteractive Visualizationsに。一見ややこしいが、使い始めると理にかなっている。

実務で両方使ってみて感じたのは、学習用途では Claude、制作用途では ChatGPT がハマりやすいということだ。理系科目の概念理解、アルゴリズムの動作可視化、データの初期探索――こういう「わかるためのグラフ」はClaudeの方が自然に出てくる。一方、プレゼン資料や記事用の完成形チャートを作るなら、ChatGPTのCanvas＋画像エクスポートの方が結局使いやすい。

何が実現可能になるのか

機能紹介だけで終わらせるには惜しいので、この機能でできるようになることを整理する。

学習コンテンツの文脈が一変する

大学レベルの理系科目や統計の概念は、文章だけで理解するのが難しい。これまでは「YouTubeで関連動画を探す」が王道だったが、Claudeに「最小二乗法を、残差がどう動くかをインタラクティブに見せながら説明して」と頼むと、そのまま動かせるデモが生えてくる。参考書が会話相手に変わるということであり、学習体験としてかなり次元が違う。

社内勉強会の資料作成にも効く。「新しい認証フローを全員に説明したい」と思ったとき、Claudeに流れを話すだけで図が生える。それを会議で共有しながらライブで編集すれば、質疑応答の中で図が育っていく。Miro や FigJam でホワイトボード運用していた現場の一部は、これに吸われるかもしれない。

データ探索の初動が爆速になる

手元のCSVを「まずどんな傾向があるか知りたい」というフェーズで、Claudeに投げて「傾向を図で見せて」と頼むだけで探索が始まる。これまでPythonのpandas・matplotlibを開いていた最初の10分が、会話3往復で片付く。

もちろん本格的な分析はJulius AIやCode Interpreterに投げる方がよい。だが「まず眺める」という段階においては、環境構築もセットアップも要らない Claude が圧倒的に速い。データサイエンティストの仕事が減るわけではなく、非専門家が最初のインサイトを自力で掴めるようになる、という民主化の方向だ。

プロダクトマネジメントのスケッチワークが変わる

ユーザーフロー、状態遷移図、タスクの依存関係――PMが日常的に描くスケッチの類は、Claudeに流れを口頭で説明するだけでほぼ出る。Miro／Figmaでマウスを動かす時間が消えるのは大きい。さらに会話の中で「もしBの条件を満たさなかったら？」と分岐を足していけば、図が追随する。思考と作図の時差がゼロに近づく感覚がある。

正直、気になる点もある

いいことばかり書くわけにもいかない。触ってみて、いくつか引っかかった点がある。

まず、保存と共有がまだ弱い。Webブラウザ版で作ったインタラクティブ図は、そのままではリンクとして共有しにくい。会話を共有すればリンクは作れるが、「この図だけ他の場所に埋め込みたい」というニーズには応えていない。Artifacts側に手動で移せる機能が欲しいところ。

2つ目は複雑すぎる可視化で破綻すること。ノードが数十個あるグラフや、動的シミュレーションを凝りすぎると、Claudeが途中でエラーを吐いたり、レイアウトが崩れたりする。D3.jsガチ勢のような期待値で使うと肩透かしを食う。あくまで「説明用の簡易ビジュアル」として割り切るのが吉。

3つ目は日本語ラベルの表示揺れ。SVG内にフォント指定が入っていないことがあり、長い日本語の凡例や軸ラベルが切れたり重なったりする場面があった。英語でラベルを出させて、口頭で日本語訳するという回避策が現実的。

静かだが、方向性を決める変更

派手なリリースではない。新しいモデルが出たわけでも、ベンチマークを塗り替えたわけでもない。実際、日本語圏のニュースサイトはほぼ取り上げていない。

ただ、筆者としてはこの変更がClaudeの立ち位置を静かに変えていると感じている。これまで Claude は「文章が上手い」「コードが書ける」という評価が主だったが、Interactive Visualizations によって「会話の中で考えを可視化してくれる相棒」という新しい顔が加わった。

次に出るであろう Claude Desktop の大型アップデートで、これがワークスペース機能と統合されたら、Notion や Obsidian のようなナレッジツールと正面から競合する領域に踏み込む可能性がある。その布石としての位置付けで読むと、「チャットにグラフが差し込まれるようになった」以上の意味が見えてくる。