m3taversal
f63eb8000a
Mechanical space→hyphen conversion in frontmatter references (related_claims, challenges, supports, etc.) to match actual filenames. Fixes 26.9% broken link rate found by wiki-link audit. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
73 lines
No EOL
4.3 KiB
XML
73 lines
No EOL
4.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 675" width="1200" height="675">
|
|
<defs>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap');
|
|
text { font-family: 'JetBrains Mono', 'IBM Plex Mono', 'Fira Code', monospace; }
|
|
</style>
|
|
<marker id="arrowRed" markerWidth="12" markerHeight="8" refX="11" refY="4" orient="auto">
|
|
<polygon points="0 0, 12 4, 0 8" fill="#F85149"/>
|
|
</marker>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="1200" height="675" fill="#0D1117"/>
|
|
|
|
<!-- Diagram title -->
|
|
<text x="600" y="60" fill="#F85149" font-size="14" font-weight="400" letter-spacing="0.10em" text-anchor="middle">THE MOLOCH TRAP</text>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- THREE BOXES — large, clear, readable -->
|
|
<!-- Triangular layout, generous sizing -->
|
|
<!-- ========================================== -->
|
|
|
|
<!-- Box 1: Individual Rational Choice (top center) -->
|
|
<rect x="380" y="100" width="340" height="120" rx="6" fill="#161B22" stroke="#484F58" stroke-width="1.5"/>
|
|
<text x="550" y="148" fill="#E6EDF3" font-size="20" font-weight="600" letter-spacing="0.04em" text-anchor="middle">RATIONAL CHOICE</text>
|
|
<text x="550" y="178" fill="#8B949E" font-size="14" font-weight="400" text-anchor="middle">makes sense for each actor</text>
|
|
|
|
<!-- Box 2: Collective Bad Outcome (bottom right) -->
|
|
<rect x="720" y="350" width="340" height="120" rx="6" fill="rgba(248, 81, 73, 0.12)" stroke="#F85149" stroke-width="1.5"/>
|
|
<text x="890" y="398" fill="#E6EDF3" font-size="20" font-weight="600" letter-spacing="0.04em" text-anchor="middle">BAD OUTCOME</text>
|
|
<text x="890" y="428" fill="#8B949E" font-size="14" font-weight="400" text-anchor="middle">worse for everyone</text>
|
|
|
|
<!-- Box 3: Competitive Pressure (bottom left) -->
|
|
<rect x="100" y="350" width="340" height="120" rx="6" fill="rgba(212, 167, 44, 0.12)" stroke="#D4A72C" stroke-width="1.5"/>
|
|
<text x="270" y="398" fill="#E6EDF3" font-size="20" font-weight="600" letter-spacing="0.04em" text-anchor="middle">PRESSURE TO COMPETE</text>
|
|
<text x="270" y="428" fill="#8B949E" font-size="14" font-weight="400" text-anchor="middle">can't stop or you lose</text>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- ARROWS — solid red, thick, with labels -->
|
|
<!-- Labels are HORIZONTAL and LARGE -->
|
|
<!-- ========================================== -->
|
|
|
|
<!-- Arrow 1: Rational Choice → Bad Outcome -->
|
|
<path d="M 680,220 C 760,260 800,310 810,345"
|
|
fill="none" stroke="#F85149" stroke-width="2.5" marker-end="url(#arrowRed)"/>
|
|
<text x="768" y="270" fill="#F85149" font-size="14" font-weight="400" letter-spacing="0.03em">seems rational</text>
|
|
|
|
<!-- Arrow 2: Bad Outcome → Pressure to Compete -->
|
|
<path d="M 720,430 C 620,470 520,470 445,430"
|
|
fill="none" stroke="#F85149" stroke-width="2.5" marker-end="url(#arrowRed)"/>
|
|
<text x="540" y="502" fill="#F85149" font-size="14" font-weight="400" letter-spacing="0.03em" text-anchor="middle">produces pressure</text>
|
|
|
|
<!-- Arrow 3: Pressure to Compete → Rational Choice -->
|
|
<path d="M 270,345 C 280,290 350,240 375,220"
|
|
fill="none" stroke="#F85149" stroke-width="2.5" marker-end="url(#arrowRed)"/>
|
|
<text x="270" y="270" fill="#F85149" font-size="14" font-weight="400" letter-spacing="0.03em">reinforces</text>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- MOLOCH — center, dominant -->
|
|
<!-- ========================================== -->
|
|
|
|
<text x="555" y="385" fill="#F85149" font-size="36" font-weight="700" letter-spacing="0.10em" text-anchor="middle" opacity="0.9">MOLOCH</text>
|
|
<text x="555" y="412" fill="#484F58" font-size="13" font-weight="400" text-anchor="middle">no exit visible</text>
|
|
|
|
<!-- ========================================== -->
|
|
<!-- EXPLANATORY FOOTER -->
|
|
<!-- ========================================== -->
|
|
|
|
<text x="600" y="560" fill="#8B949E" font-size="14" font-weight="400" text-anchor="middle">each actor is rational — the system is not</text>
|
|
|
|
<!-- Bottom strip -->
|
|
<text x="60" y="650" fill="#484F58" font-size="10" font-weight="400">TELEO · the trap: individual rationality produces collective irrationality</text>
|
|
</svg> |