ClaudeのInteractive Visualsを使ってみた
- 2026/03/16
- aikawa
Claudeでインタラクティブな画像を使えるようになったというので、使ってみました。
お任せ
まずは、お任せで作って貰い複利計算と、元素の周期表が出ました。
スライドさせると、金額が変わります。
何か緩めの奴
太陽系を描画出来るか
オールトの雲までを描画して貰いました。
この例のように、色々と足りないもの、書かれないものも有ると思われます。
情報的に過不足なく、は難しそうですね。
情報的に過不足なく、は難しそうですね。
銀河系は
ちょっと追加してみました。
何を書いたかも、情報の中にインジェクションされたり。
プログラマ向けは
これはコードを張り付けるとレビューしたり、パフォーマンス改善を提案してくれたりするようなものですが、APIを呼び出すのがNGらしく動きませんでした。
笑が付いた。
他に何に使われるか
以下は、これまで見た例以外での使われ方について質問した時の内容です。
この会話で紹介した用途（学習・図解・ゆるいクイズ・コードレビューなど）以外だと、公式ブログで挙げられていた例や想定用途はこんな感じです。
- 売上・収益のグラフをリアルタイムで更新して表示
- 2人の候補者の履歴書を並べて比較
- 企業データをダッシュボード形式で可視化
- 紙飛行機の折り方を図解でステップ表示
- 歴史的な出来事のインタラクティブなタイムライン
- 構造物の重量分布を矢印と図で説明
- 天気を尋ねると天気ウィジェットが表示される
- レシピを聞くと材料・手順が整形されたカードで出る
- （記事の例だと）ティモシー・シャラメの炎上史をアウトレージメーター付きタイムラインで表示笑
- Figma・Canva・Slackと連携してその場で操作
- データを渡すとその場でグラフ化して毎日更新
どのClaudeで使えるか
Claudeのブラウザ版とモバイルアプリ版で使えるようですが、モバイルアプリでは一部動かなかったりするようです。
