2026-09-03
Full AI
Gemini 3.5 Flash・3.6 Flash・3.7 Flash・3.8 Flash vs Claude Opus 5 図解生成ベンチマーク ... users
はじめに
Gemini 3.5 Flashを基準にしてきた図解生成ベンチマークへ、Gemini 3.6 Flash、Gemini 3.7 Flash、Gemini 3.8 Flashを一気に追加しました。
比較相手には、2026年7月31日のベンチマークで生成したClaude Opus 5を置いています。 同じお題を同じ形式で描いた結果を並べると、Flashが世代ごとにどう変わったか、そしてOpus 5とどこで差が出るかを画像そのもので確認できます。
この記事は、既存プロンプトの再利用、各モデルによるソース生成、機械検証、記事化までをAIで進めるFull AI方式で作成しています。 見た目の順位は機械検証から捏造せず、180枚のレンダリング結果と公開ソースをそのまま掲載します。
比較条件
- 比較列：Gemini 3.5 Flash、Gemini 3.6 Flash High、Gemini 3.7 Flash High、Gemini 3.8 Flash、Claude Opus 5
- 題材：12題材
- 形式：TikZ、matplotlib、SVG
- 掲載画像：12題材 × 3形式 × 5列 = 180枚
- 今回の新規生成：Gemini 3.6 Flash、Gemini 3.7 Flash、Gemini 3.8 Flashの各36件、合計108件
- 既存資産：Gemini 3.5 Flash 36件、Claude Opus 5 36件
- 確認日：2026-09-03 JST
Gemini 3.6 FlashとGemini 3.7 Flashは、Antigravity CLI 1.1.24（agy）の--modelでHigh版を固定しました。
Gemini 3.8 Flashは対話画面にHighと表示されていることを確認しましたが、起動引数にはモデルとeffortを明示していませんでした。
APIキー課金は使っていません。
Claude Opus 5は2026年7月31日の生成物を再利用しています。 新しいモデルが過去結果を参照して描き直すことを避けるため、各Gemini担当には共通プロンプトだけを渡し、既存モデルの成果物をコピーしない条件を付けました。
機械検証の結果
| モデル | ソース | WebP | 検証結果 |
|---|---|---|---|
| Gemini 3.5 Flash | 36 | 36 | 既存ベンチマークでレンダリング済み |
| Gemini 3.6 Flash High | 36 | 36 | XML、Python構文、XeLaTeX、WebP生成が36/36 PASS |
| Gemini 3.7 Flash High | 36 | 36 | XML、Python構文、XeLaTeX、WebP生成が36/36 PASS |
| Gemini 3.8 Flash | 36 | 36 | UIのHigh表示、XML、Python構文、XeLaTeX、WebP生成が36/36 PASS |
| Claude Opus 5 | 36 | 36 | 既存ベンチマークでレンダリング済み |
ここでのPASSは、SVGをXMLとして読めること、matplotlibのPythonコードを実行できること、TikZをXeLaTeXでコンパイルできること、各出力をWebPへ変換できることを表します。 図の内容が正しいか、読みやすいか、表現として優れているかは別の判定です。
題材一覧
| 題材 | 出題元 | 比較する点 |
|---|---|---|
| クマのぬいぐるみ | ユーザー指定 | かわいさ、左右対称、部品バランス、質感差 |
| 独居おばあちゃんがリビングでテレビを見ている絵 | ユーザー指定 | 生活空間、人物と家具の関係、構図の自然さ |
| 自分の部屋でVRゴーグルで遊んでいる様子をお母さんに見られる息子 | ユーザー指定 | 2人物の視線、状況説明力、部屋の整理 |
| 油圧ピストンの構造解説 | ユーザー指定 | 断面、部品ラベル、圧力の流れ |
| 7軸ロボットアームとその軸の説明 | ユーザー指定 | 多関節、軸番号、回転方向、空間把握 |
| カルマンフィルターのブロック線図 | AI設計 | フィードバック、数式ラベル、信号線 |
| RAGパイプライン構成図 | AI設計 | 取得と生成の分離、データフロー整理 |
| ゼロトラスト認証とトークン交換 | AI設計 | 境界越え、認証経路、複雑フロー |
| ブロッホ球 | AI設計 | 空間認識、数式、幾何配置 |
| マイケルソン干渉計 | AI設計 | 光路、対称性、部品配置 |
| 夏祭りの花火大会 | AI設計 | 夜の配色、放射状の光、群衆と屋台の構図 |
| Transformerのアーキテクチャ図 | AI設計 | ラベル密度、残差接続、Cross-Attentionの正確さ |
最初の5題材はユーザー指定です。 残り7題材は、数式、制御、認証経路、物理装置、夜景、高密度なアーキテクチャ図まで比較範囲を広げるためにAIが設計しました。
出力一覧
各表は5列を同時に見渡せるよう、画面幅の中へ収めています。 モデル名の直下にあるファイル名から、実際に使ったTikZ、Python、SVGソースを開けます。
01. クマのぬいぐるみ
お題
- かわいいクマのぬいぐるみを正面向きで描く
- 頭は丸く、耳は左右対称で少し大きめ
- 胴体は柔らかい綿入りの感じが出るように少し横幅を持たせる
- 腕と脚は短めで、ぬいぐるみらしい丸みを付ける
- 目、鼻、口、足裏、胸のワッペンなどで質感差を出す
- 暖色寄りでやさしい配色にする
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
bear-plush.tex | bear-plush.tex | bear-plush.tex | bear-plush.tex | bear-plush.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
bear-plush.py | bear-plush.py | bear-plush.py | bear-plush.py | bear-plush.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
bear-plush.svg | bear-plush.svg | bear-plush.svg | bear-plush.svg | bear-plush.svg |
 |  |  |  |  |
02. 独居おばあちゃんがリビングでテレビを見ている絵
お題
- リビングでおばあちゃんがテレビを見ている情景を描く
- おばあちゃんは一人で、椅子かソファに座っている
- テレビ、テーブル、照明、カーテンなどで生活空間を出す
- テレビの方へ視線が向いていることが分かるようにする
- 家庭的で温かい雰囲気にする
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
elderly-living-room-tv.tex | elderly-living-room-tv.tex | elderly-living-room-tv.tex | elderly-living-room-tv.tex | elderly-living-room-tv.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
elderly-living-room-tv.py | elderly-living-room-tv.py | elderly-living-room-tv.py | elderly-living-room-tv.py | elderly-living-room-tv.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
elderly-living-room-tv.svg | elderly-living-room-tv.svg | elderly-living-room-tv.svg | elderly-living-room-tv.svg | elderly-living-room-tv.svg |
 |  |  |  |  |
03. 自分の部屋でVRゴーグルで遊んでいる様子をお母さんに見られる息子
お題
- 子ども部屋で息子がVRゴーグルを装着して遊んでいる場面を描く
- 息子は両手にコントローラーを持ち、楽しそうに動いている
- 部屋の入口側からお母さんがその様子を見ている
- 机、棚、ベッドなどで子ども部屋らしさを出す
- 人物同士の視線関係が分かるようにする
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
vr-son-watched-by-mother.tex | vr-son-watched-by-mother.tex | vr-son-watched-by-mother.tex | vr-son-watched-by-mother.tex | vr-son-watched-by-mother.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
vr-son-watched-by-mother.py | vr-son-watched-by-mother.py | vr-son-watched-by-mother.py | vr-son-watched-by-mother.py | vr-son-watched-by-mother.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
vr-son-watched-by-mother.svg | vr-son-watched-by-mother.svg | vr-son-watched-by-mother.svg | vr-son-watched-by-mother.svg | vr-son-watched-by-mother.svg |
 |  |  |  |  |
04. 油圧ピストンの構造解説
お題
- 油圧ピストンの断面構造図を描く
- シリンダー、ピストン、ロッド、左右の圧力室を表現する
- 流体の流れを矢印で示す
- 主要部品にラベルを付ける
- 教育用の図として読みやすく整理する
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
hydraulic-piston.tex | hydraulic-piston.tex | hydraulic-piston.tex | hydraulic-piston.tex | hydraulic-piston.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
hydraulic-piston.py | hydraulic-piston.py | hydraulic-piston.py | hydraulic-piston.py | hydraulic-piston.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
hydraulic-piston.svg | hydraulic-piston.svg | hydraulic-piston.svg | hydraulic-piston.svg | hydraulic-piston.svg |
 |  |  |  |  |
05. 7軸ロボットアームとその軸の説明
お題
- 7軸ロボットアームの全体図を描く
- 各関節を J1 から J7 までラベル付けする
- 各軸の回転方向を小さな矢印で示す
- ベース、リンク、手先の関係が分かるようにする
- やや立体感のある構図で描く
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
robot-arm-7axis.tex | robot-arm-7axis.tex | robot-arm-7axis.tex | robot-arm-7axis.tex | robot-arm-7axis.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
robot-arm-7axis.py | robot-arm-7axis.py | robot-arm-7axis.py | robot-arm-7axis.py | robot-arm-7axis.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
robot-arm-7axis.svg | robot-arm-7axis.svg | robot-arm-7axis.svg | robot-arm-7axis.svg | robot-arm-7axis.svg |
 |  |  |  |  |
06. カルマンフィルターのブロック線図
お題
- カルマンフィルターのブロック線図を描く
- Prediction, Update, Measurement, State estimate を分ける
- 入力とフィードバックの向きを矢印で示す
- Kalman gain や residual など主要な情報流も入れる
- 制御図として見やすく整理する
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
kalman-filter.tex | kalman-filter.tex | kalman-filter.tex | kalman-filter.tex | kalman-filter.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
kalman-filter.py | kalman-filter.py | kalman-filter.py | kalman-filter.py | kalman-filter.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
kalman-filter.svg | kalman-filter.svg | kalman-filter.svg | kalman-filter.svg | kalman-filter.svg |
 |  |  |  |  |
07. RAGパイプライン構成図
お題
- RAG のパイプライン構成図を描く
- User Query, Embed/Retrieve, Vector DB, Retrieved Context, LLM, Answer を入れる
- オンライン処理と事前の文書投入を区別する
- データフローを矢印で示す
- 現代的なAIシステム図として整理する
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
rag-pipeline.tex | rag-pipeline.tex | rag-pipeline.tex | rag-pipeline.tex | rag-pipeline.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
rag-pipeline.py | rag-pipeline.py | rag-pipeline.py | rag-pipeline.py | rag-pipeline.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
rag-pipeline.svg | rag-pipeline.svg | rag-pipeline.svg | rag-pipeline.svg | rag-pipeline.svg |
 |  |  |  |  |
08. ゼロトラスト認証とトークン交換
お題
- ゼロトラスト認証とトークン交換の流れを描く
- User, Browser, IdP, API Gateway, Service A, Service B を入れる
- ID token, access token, service token の流れを区別する
- 信頼境界を領域として表現する
- 複雑でも読めるセキュリティ図にする
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
zero-trust-token-exchange.tex | zero-trust-token-exchange.tex | zero-trust-token-exchange.tex | zero-trust-token-exchange.tex | zero-trust-token-exchange.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
zero-trust-token-exchange.py | zero-trust-token-exchange.py | zero-trust-token-exchange.py | zero-trust-token-exchange.py | zero-trust-token-exchange.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
zero-trust-token-exchange.svg | zero-trust-token-exchange.svg | zero-trust-token-exchange.svg | zero-trust-token-exchange.svg | zero-trust-token-exchange.svg |
 |  |  |  |  |
09. ブロッホ球
お題
- ブロッホ球を2D投影で描く
- x, y, z 軸を示す
-
量子状態ベクトル psi> を球面上に描く - theta と phi の角度を小さな弧で示す
- 物理の教科書に出てくる図として整える
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
bloch-sphere.tex | bloch-sphere.tex | bloch-sphere.tex | bloch-sphere.tex | bloch-sphere.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
bloch-sphere.py | bloch-sphere.py | bloch-sphere.py | bloch-sphere.py | bloch-sphere.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
bloch-sphere.svg | bloch-sphere.svg | bloch-sphere.svg | bloch-sphere.svg | bloch-sphere.svg |
 |  |  |  |  |
10. マイケルソン干渉計
お題
- マイケルソン干渉計の模式図を描く
- Laser, Beam Splitter, Mirror A, Mirror B, Screen を入れる
- 光路を直線矢印で示す
- ビームスプリッタで2方向に分岐して戻る流れを見せる
- 対称性を保って配置する
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
michelson-interferometer.tex | michelson-interferometer.tex | michelson-interferometer.tex | michelson-interferometer.tex | michelson-interferometer.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
michelson-interferometer.py | michelson-interferometer.py | michelson-interferometer.py | michelson-interferometer.py | michelson-interferometer.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
michelson-interferometer.svg | michelson-interferometer.svg | michelson-interferometer.svg | michelson-interferometer.svg | michelson-interferometer.svg |
 |  |  |  |  |
11. 夏祭りの花火大会
お題
- 夜空に大きな打ち上げ花火が開いている夏祭りの情景を描く
- 花火は放射状の光の筋で2〜3発、色を変えて描く
- 画面下部に提灯の付いた屋台と人々のシルエットを置く
- 夜空は深い紺色のグラデーション風にして星を散らす
- 光の反射や提灯の灯りなど、夜らしい演出を入れる
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
summer-fireworks-festival.tex | summer-fireworks-festival.tex | summer-fireworks-festival.tex | summer-fireworks-festival.tex | summer-fireworks-festival.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
summer-fireworks-festival.py | summer-fireworks-festival.py | summer-fireworks-festival.py | summer-fireworks-festival.py | summer-fireworks-festival.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
summer-fireworks-festival.svg | summer-fireworks-festival.svg | summer-fireworks-festival.svg | summer-fireworks-festival.svg | summer-fireworks-festival.svg |
 |  |  |  |  |
12. Transformerのアーキテクチャ図
お題
- Transformer の encoder-decoder アーキテクチャ図を描く
- Input Embedding, Positional Encoding, Multi-Head Attention, Feed Forward, Add & Norm, Linear, Softmax を入れる
- Encoder スタックと Decoder スタックを左右に分けて配置する
- 残差接続が Add & Norm に入る流れを矢印で分かるように描く
- Decoder 側の Masked Multi-Head Attention と、Encoder から渡る Cross-Attention を区別する
- 論文スタイルの読みやすいブロック図として整理する
TikZ
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
transformer-architecture.tex | transformer-architecture.tex | transformer-architecture.tex | transformer-architecture.tex | transformer-architecture.tex |
 |  |  |  |  |
matplotlib
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
transformer-architecture.py | transformer-architecture.py | transformer-architecture.py | transformer-architecture.py | transformer-architecture.py |
 |  |  |  |  |
SVG
| Gemini 3.5 Flash | Gemini 3.6 Flash | Gemini 3.7 Flash | Gemini 3.8 Flash | Claude Opus 5 |
|---|---|---|---|---|
transformer-architecture.svg | transformer-architecture.svg | transformer-architecture.svg | transformer-architecture.svg | transformer-architecture.svg |
 |  |  |  |  |
再現方法
共通プロンプトはscripts/diagram_benchmark_2026/prompts/にあります。
生成後のソースは、形式ごとに次の処理でWebPへ変換しました。
# 各モデルの36件をまとめてレンダリング
scripts/diagram_benchmark_2026/render_all.sh gemini36flash
scripts/diagram_benchmark_2026/render_all.sh gemini37flash
scripts/diagram_benchmark_2026/render_all.sh gemini38flash
# 記事から開ける場所へソースをコピー
python3 scripts/diagram_benchmark_2026/publish_sources.py
- TikZ：
xelatex → pdftoppm → cwebp - matplotlib：
python → PNG → cwebp - SVG：
rsvg-convert → PNG → cwebp
おわりに
Gemini 3.5 Flash、Gemini 3.6 Flash、Gemini 3.7 Flash、Gemini 3.8 Flash、Claude Opus 5を、12題材、3形式、180枚で同じ画面に並べました。
コンパイル可否だけなら5列とも36件が揃っています。 残る差は、各表に現れる構図、情報量、ラベル、余白、表現の選び方です。
Enjoy, comparing every diagram!
参考
- Cursor Grok 4.5 vs Claude Opus 5 vs Gemini 3.5 Flash 図解生成ベンチマーク（確認日：2026-09-03）
- Gemini 3.5 Flash vs GPT-5.4 図解生成ベンチマーク（確認日：2026-09-03）
- 共通manifest（確認日：2026-09-03）