v0.3 — Visual Edition
|
V1 Heat A
|
Field Guide
V1 Heat A: First-Pass Field Guide
Four AI models responded to the same brief. These are their first-pass diagrams, before critique, constraint, or revision. Review each one, then vote.
Poll question: Which first-pass diagram communicates the ROY argument most clearly at first glance?
The poll runs on LinkedIn. Follow OverKill Hill P³™ on LinkedIn to participate when each heat goes live.
ChatGPT V1
Clarity, hierarchy, and a little swagger. Balanced composition, strong loops, polish and branding.
---
config:
theme: neutral
look: neo
---
flowchart TB
subgraph S1["Ideation 🧠"]
direction TB
G["Brain-dump angles,
examples, hooks"] H["Draft post in prose"] I["Ask LLM for Mermaid v1"] J{"Diagram honest,
or fake-happy-path?"} end subgraph S2["Refinement 🔁"] direction TB N["Tune labels,
flow, styling, emphasis"] O{"Clear faster than
text alone?"} P["Revise again"] Q["Trim words around visual"] end subgraph S3["Packaging 📦"] direction TB S["Export code screenshot"] T["Write post around proof:
words → structure → systems → leverage"] U["Publish to LinkedIn"] V["Drive readers to
OverKill Hill P³™"] end A["💥 Spark
A picture is worth 1,000 words?"] --> B["Question the proverb"] B --> C{"Is the visual
actually earning its space?"} C -- No --> D["Decorative wallpaper
with a superiority complex"] C -- Yes --> E["Potential clarity multiplier"] D --> F["Define the real metric:
ambiguity removed ÷ effort spent"] E --> F F --> G G --> H H --> I I --> J J -- Too tidy --> K["Add forks, doubt,
dead ends, loopbacks"] J -- Too noisy --> L["Kill clutter,
keep signal ✂️"] J -- Credible --> M["Diagram starts to earn trust"] K --> I L --> I M --> N N --> O O -- No --> P P --> N O -- Mostly --> Q Q --> N O -- Yes --> R["Render diagram image"] R --> S S --> T T --> U U --> V & W["Comments reveal confusion,
new ideas, better examples"] W --> N G:::core H:::core I:::core J:::gate N:::core O:::gate P:::risk Q:::core S:::publish T:::publish U:::publish V:::brand A:::spark B:::core C:::gate D:::risk E:::win F:::core K:::risk L:::risk M:::win R:::publish W:::feedback classDef spark fill:#FFF4CC,stroke:#D6A700,color:#4A3B00,stroke-width:2px classDef core fill:#EAF3FF,stroke:#4A78A8,color:#142033,stroke-width:1.5px classDef gate fill:#F6F0FF,stroke:#7E57C2,color:#221533,stroke-width:1.5px classDef risk fill:#FFF1F2,stroke:#C05666,color:#5A1822,stroke-width:1.5px classDef win fill:#EEF9F0,stroke:#3E8E5A,color:#12331D,stroke-width:1.5px classDef publish fill:#EAF7F1,stroke:#2F855A,color:#12331D,stroke-width:2px classDef brand fill:#F3F4F6,stroke:#4B5563,color:#111827,stroke-width:2px classDef feedback fill:#FFF7ED,stroke:#DD6B20,color:#5B3415,stroke-width:1.5px linkStyle 7 stroke:#C05666,stroke-width:2px,stroke-dasharray:6 4,fill:none linkStyle 8 stroke:#C05666,stroke-width:2px,stroke-dasharray:6 4,fill:none linkStyle 12 stroke:#C05666,stroke-width:2px,stroke-dasharray:6 4,fill:none linkStyle 17 stroke:#DD6B20,stroke-width:2px,stroke-dasharray:4 4,fill:none
examples, hooks"] H["Draft post in prose"] I["Ask LLM for Mermaid v1"] J{"Diagram honest,
or fake-happy-path?"} end subgraph S2["Refinement 🔁"] direction TB N["Tune labels,
flow, styling, emphasis"] O{"Clear faster than
text alone?"} P["Revise again"] Q["Trim words around visual"] end subgraph S3["Packaging 📦"] direction TB S["Export code screenshot"] T["Write post around proof:
words → structure → systems → leverage"] U["Publish to LinkedIn"] V["Drive readers to
OverKill Hill P³™"] end A["💥 Spark
A picture is worth 1,000 words?"] --> B["Question the proverb"] B --> C{"Is the visual
actually earning its space?"} C -- No --> D["Decorative wallpaper
with a superiority complex"] C -- Yes --> E["Potential clarity multiplier"] D --> F["Define the real metric:
ambiguity removed ÷ effort spent"] E --> F F --> G G --> H H --> I I --> J J -- Too tidy --> K["Add forks, doubt,
dead ends, loopbacks"] J -- Too noisy --> L["Kill clutter,
keep signal ✂️"] J -- Credible --> M["Diagram starts to earn trust"] K --> I L --> I M --> N N --> O O -- No --> P P --> N O -- Mostly --> Q Q --> N O -- Yes --> R["Render diagram image"] R --> S S --> T T --> U U --> V & W["Comments reveal confusion,
new ideas, better examples"] W --> N G:::core H:::core I:::core J:::gate N:::core O:::gate P:::risk Q:::core S:::publish T:::publish U:::publish V:::brand A:::spark B:::core C:::gate D:::risk E:::win F:::core K:::risk L:::risk M:::win R:::publish W:::feedback classDef spark fill:#FFF4CC,stroke:#D6A700,color:#4A3B00,stroke-width:2px classDef core fill:#EAF3FF,stroke:#4A78A8,color:#142033,stroke-width:1.5px classDef gate fill:#F6F0FF,stroke:#7E57C2,color:#221533,stroke-width:1.5px classDef risk fill:#FFF1F2,stroke:#C05666,color:#5A1822,stroke-width:1.5px classDef win fill:#EEF9F0,stroke:#3E8E5A,color:#12331D,stroke-width:1.5px classDef publish fill:#EAF7F1,stroke:#2F855A,color:#12331D,stroke-width:2px classDef brand fill:#F3F4F6,stroke:#4B5563,color:#111827,stroke-width:2px classDef feedback fill:#FFF7ED,stroke:#DD6B20,color:#5B3415,stroke-width:1.5px linkStyle 7 stroke:#C05666,stroke-width:2px,stroke-dasharray:6 4,fill:none linkStyle 8 stroke:#C05666,stroke-width:2px,stroke-dasharray:6 4,fill:none linkStyle 12 stroke:#C05666,stroke-width:2px,stroke-dasharray:6 4,fill:none linkStyle 17 stroke:#DD6B20,stroke-width:2px,stroke-dasharray:4 4,fill:none
Claude V1
Elegant storyteller — occasionally too polished. Narrative intelligence, strong framing.
---
config:
theme: neutral
look: neo
---
flowchart TB
subgraph IGNITION["⚡ Ignition"]
A["💡 Spark\nROI of pictures vs. words"]
B["Hypothesis\nNot all pictures earn their words"]
C["Framework\nValue = Clarity × Universality ÷ Words to generate"]
end
subgraph STRATEGY["🧭 Strategy"]
D{{"Does the framing\nactually hold up?"}}
E["Sharpen it\nRefine the ratio metaphor"]
F["✨ The Recursive Twist\nDiagram the post — inside the post"]
G{{"Is this too clever?\nWill readers get it\nor roll their eyes?"}}
H["Dial it back\nLead with utility, not cleverness"]
end
subgraph CRAFT["✏️ Craft"]
I["Choose Medium\nLinkedIn · 3,000 char max · images in post · code in comments"]
J["Choose Tool\nMermaid — LLM-native · free · portable · no design degree"]
K["Draft\nHook → Thesis → Diagram → Proof → CTA"]
L{{"Does the hook\nland?"}}
M["Rewrite the open\nKill the clever · find the honest"]
end
subgraph PROOF["📐 Proof"]
N@{ label: "✏️ Embed the Diagram\\nThis post's own process = the example" }
O{{"Happy path only?\nDoes it reflect\nreal ideation?"}}
P["Rebuild\nAdd loops · forks · dead ends · honest wrong turns"]
end
subgraph SHIP["🚀 Ship"]
Q["Publish\nPost + diagram image + code screenshot + raw code in comments"]
R{{"Did the visual land\nfaster than words alone?"}}
S["✅ Thesis Confirmed\nThe picture earned its words"]
T["Iterate\nRefine diagram or reframe post · re-enter Craft"]
end
A --> B
B --> C
C --> D
D -- holds up --> F
D -- too abstract --> E
E -. try again .-> C
F --> G
G -- earned it --> I
G -- too cute --> H
H -. reframe .-> F
I --> J
J --> K
K --> L
L -- lands --> N
L -- too stiff --> M
M -. rewrite .-> K
N --> O
O -- yes — ship it --> Q
O -- no — too linear --> P
P -. rebuild .-> N
Q --> R
R -- high multiplier --> S
R -- missed --> T
T -. loop back .-> K
N@{ shape: rect}
A:::spark
B:::core
C:::core
D:::gate
E:::revision
F:::insight
G:::gate
H:::revision
I:::core
J:::core
K:::core
L:::gate
M:::revision
N:::insight
O:::gate
P:::revision
Q:::publish
R:::gate
S:::success
T:::revision
classDef spark fill:#4A90D9,stroke:#1a5fa8,color:#ffffff,font-weight:bold,stroke-width:2px
classDef core fill:#F0F4F8,stroke:#9EB3C2,color:#2d3748,stroke-width:1.5px
classDef gate fill:#FFF8E7,stroke:#D4A017,color:#4a3300,stroke-width:2px,font-style:italic
classDef revision fill:#FDE8E8,stroke:#C0392B,color:#7b1a1a,stroke-width:1.5px
classDef insight fill:#E8F5E9,stroke:#2E7D32,color:#1a3d1e,font-weight:bold,stroke-width:2px
classDef publish fill:#6C5CE7,stroke:#4a3ab5,color:#ffffff,font-weight:bold,stroke-width:2px
classDef success fill:#00B894,stroke:#007a61,color:#ffffff,font-weight:bold,stroke-width:2px
style IGNITION fill:#EBF4FF,stroke:#4A90D9,stroke-width:1.5px,color:#1a3d5c
style STRATEGY fill:#FFFBF0,stroke:#D4A017,stroke-width:1.5px,color:#4a3300
style CRAFT fill:#F5F5F5,stroke:#9EB3C2,stroke-width:1.5px,color:#2d3748
style PROOF fill:#F0FFF4,stroke:#2E7D32,stroke-width:1.5px,color:#1a3d1e
style SHIP fill:#F3F0FF,stroke:#6C5CE7,stroke-width:1.5px,color:#2d1b6e
linkStyle 4 stroke:#C0392B,stroke-width:2px,stroke-dasharray:6 4,fill:none
linkStyle 6 stroke:#2E7D32,stroke-width:2px,fill:none
linkStyle 7 stroke:#C0392B,stroke-width:2px,fill:none
linkStyle 8 stroke:#C0392B,stroke-width:2px,stroke-dasharray:6 4,fill:none
linkStyle 10 stroke:#2E7D32,stroke-width:2px,fill:none
linkStyle 11 stroke:#C0392B,stroke-width:2px,fill:none
linkStyle 12 stroke:#C0392B,stroke-width:2px,stroke-dasharray:6 4,fill:none
linkStyle 14 stroke:#2E7D32,stroke-width:2px,fill:none
linkStyle 15 stroke:#C0392B,stroke-width:2px,fill:none
linkStyle 16 stroke:#C0392B,stroke-width:2px,stroke-dasharray:6 4,fill:none
linkStyle 18 stroke:#2E7D32,stroke-width:2px,fill:none
linkStyle 19 stroke:#C0392B,stroke-width:2px,fill:none
linkStyle 20 stroke:#C0392B,stroke-width:2px,stroke-dasharray:6 4,fill:none
Gemini V1
Elegance from insight — or just restraint? Synthesis and reduction, simplifies without flattening.
---
config:
theme: neutral
look: neo
---
flowchart TB
subgraph Conceptual_Foundry["The Thinking Phase"]
B["Define Audience ROI"]
A(("💥 The Spark:
Messy Idea")) C{"Logic Audit:
Is it Wallpaper?"} end subgraph Iteration_Loop["The 'Non-Happy' Path"] Refine["🌀 Refine Structure
(Kill the Fluff)"] D["Draft Mermaid Syntax"] E{"Does it land?"} F["Add Forks & Loops"] end subgraph The_Payout["The Delivery"] Success["🚀 ROI ACHIEVED
(Instant Synthesis)"] Share["Post to LinkedIn"] end A --> B B --> C C -- Yes (Decorative) --> Refine Refine -.-> B C -- No (Structural) --> D D --> E E -- Too Linear --> F F --> D E ==> Success Success --> Share B:::core A:::spark C:::gate Refine:::risk D:::core E:::gate F:::risk Success:::publish Share:::publish classDef spark fill:#fff4cc,stroke:#d6a700,color:#4a3b00,stroke-width:2px classDef core fill:#e8f3ff,stroke:#2b6cb0,color:#0b2a4a,stroke-width:1.5px classDef gate fill:#efe9ff,stroke:#6b46c1,color:#2a124d,stroke-width:2px classDef risk fill:#fff1f2,stroke:#c53030,color:#5a1010,stroke-width:1.5px classDef publish fill:#e9fbef,stroke:#2f855a,color:#0f3d25,stroke-width:4px.
Messy Idea")) C{"Logic Audit:
Is it Wallpaper?"} end subgraph Iteration_Loop["The 'Non-Happy' Path"] Refine["🌀 Refine Structure
(Kill the Fluff)"] D["Draft Mermaid Syntax"] E{"Does it land?"} F["Add Forks & Loops"] end subgraph The_Payout["The Delivery"] Success["🚀 ROI ACHIEVED
(Instant Synthesis)"] Share["Post to LinkedIn"] end A --> B B --> C C -- Yes (Decorative) --> Refine Refine -.-> B C -- No (Structural) --> D D --> E E -- Too Linear --> F F --> D E ==> Success Success --> Share B:::core A:::spark C:::gate Refine:::risk D:::core E:::gate F:::risk Success:::publish Share:::publish classDef spark fill:#fff4cc,stroke:#d6a700,color:#4a3b00,stroke-width:2px classDef core fill:#e8f3ff,stroke:#2b6cb0,color:#0b2a4a,stroke-width:1.5px classDef gate fill:#efe9ff,stroke:#6b46c1,color:#2a124d,stroke-width:2px classDef risk fill:#fff1f2,stroke:#c53030,color:#5a1010,stroke-width:1.5px classDef publish fill:#e9fbef,stroke:#2f855a,color:#0f3d25,stroke-width:4px.
Perplexity V1
Less theater, more utility. Pragmatic structure, ROI thinking, business framing.
---
config:
theme: neutral
look: neo
---
flowchart TB
A(["Spark 💥
Text alone is polite confusion"]) --> B(["Define core claim
Picture ROI & ROY"]) B --> C(["Map audience & use case
LinkedIn post + Mermaid"]) C --> D[["Brain-dump hooks,
lines, examples"]] D --> E[["Draft v0 post
in plain text"]] E --> F[["Ask LLM for
Mermaid skeleton"]] F --> G{{"Does the diagram
match the real chaos?"}} G -- Yes --> I[["Tune styling:
classes, colors, light emoji"]] I --> L[["Align post
to the diagram"]] L --> M{{"ROY check:
Is this visual worth its words?"}} G -- No, too neat --> K(["😐 Too linear,
looks fake"]) K --> H[["Refine structure:
forks, loops, dead-ends"]] H --> G G -- No, too noisy --> J(["😵 Too clever,
not clear"]) J --> I M -- High ROY 💹 --> N(["✅ Post + diagram
feel honest & scannable"]) N --> O(["Publish: images +
Mermaid link + CTA"]) O --> P(["Watch comments
for confusion signals"]) P --> Q[["Feed insights back
into next diagram"]] Q --> D M -- Low ROY 😬 --> H A:::spark B:::think C:::think D:::draft E:::draft F:::draft G:::revise I:::revise L:::draft M:::revise K:::risk H:::revise J:::risk N:::publish O:::publish P:::risk Q:::revise classDef spark fill:#fff4cc,stroke:#d6a700,color:#4a3b00,stroke-width:2px classDef think fill:#e3f2fd,stroke:#1565c0,color:#0b2a4a,stroke-width:1.5px classDef draft fill:#e8f5e9,stroke:#2e7d32,color:#1b5e20,stroke-width:1.5px classDef revise fill:#fff3e0,stroke:#ef6c00,color:#e65100,stroke-width:1.5px classDef risk fill:#ffebee,stroke:#c53030,color:#7b1111,stroke-width:1.5px classDef publish fill:#ede7f6,stroke:#5e35b1,color:#311b92,stroke-width:2px linkStyle 6 stroke:#6b46c1,stroke-width:2px,fill:none linkStyle 7 stroke:#c53030,stroke-dasharray:4 2,fill:none linkStyle 8 stroke:#c53030,stroke-width:2px,fill:none linkStyle 11 stroke:#2f855a,stroke-width:2px,fill:none
Text alone is polite confusion"]) --> B(["Define core claim
Picture ROI & ROY"]) B --> C(["Map audience & use case
LinkedIn post + Mermaid"]) C --> D[["Brain-dump hooks,
lines, examples"]] D --> E[["Draft v0 post
in plain text"]] E --> F[["Ask LLM for
Mermaid skeleton"]] F --> G{{"Does the diagram
match the real chaos?"}} G -- Yes --> I[["Tune styling:
classes, colors, light emoji"]] I --> L[["Align post
to the diagram"]] L --> M{{"ROY check:
Is this visual worth its words?"}} G -- No, too neat --> K(["😐 Too linear,
looks fake"]) K --> H[["Refine structure:
forks, loops, dead-ends"]] H --> G G -- No, too noisy --> J(["😵 Too clever,
not clear"]) J --> I M -- High ROY 💹 --> N(["✅ Post + diagram
feel honest & scannable"]) N --> O(["Publish: images +
Mermaid link + CTA"]) O --> P(["Watch comments
for confusion signals"]) P --> Q[["Feed insights back
into next diagram"]] Q --> D M -- Low ROY 😬 --> H A:::spark B:::think C:::think D:::draft E:::draft F:::draft G:::revise I:::revise L:::draft M:::revise K:::risk H:::revise J:::risk N:::publish O:::publish P:::risk Q:::revise classDef spark fill:#fff4cc,stroke:#d6a700,color:#4a3b00,stroke-width:2px classDef think fill:#e3f2fd,stroke:#1565c0,color:#0b2a4a,stroke-width:1.5px classDef draft fill:#e8f5e9,stroke:#2e7d32,color:#1b5e20,stroke-width:1.5px classDef revise fill:#fff3e0,stroke:#ef6c00,color:#e65100,stroke-width:1.5px classDef risk fill:#ffebee,stroke:#c53030,color:#7b1111,stroke-width:1.5px classDef publish fill:#ede7f6,stroke:#5e35b1,color:#311b92,stroke-width:2px linkStyle 6 stroke:#6b46c1,stroke-width:2px,fill:none linkStyle 7 stroke:#c53030,stroke-dasharray:4 2,fill:none linkStyle 8 stroke:#c53030,stroke-width:2px,fill:none linkStyle 11 stroke:#2f855a,stroke-width:2px,fill:none
← Back to the full article: The First Diagram Is Usually a Liar — V1 Diagrams →
Download the deck: Etch-AI-Sketch deck (square + wide) →
Want to explore Mermaid diagrams yourself?
The diagrams above were built with Mermaid.js and rendered live on this page. To explore the syntax or build your own, Mermaid Chart is the place to start. That is a separate referral path from the diagram links above.