<svg width="1000" height="800" viewBox="0 0 1000 800" xmlns="http://www.w3.org/2000/svg">
 
  <!-- Background -->
  <rect width="1000" height="800" fill="white"/>
 
  <!-- Title -->
  <text x="500" y="70" font-family="Arial" font-size="36" text-anchor="middle">
    Inverted Star — Triads (v1.0)
  </text>
 
  <!-- Pre-Inversion Triad -->
  <text x="250" y="150" font-family="Arial" font-size="28" text-anchor="middle">
    Pre‑Inversion Triad
  </text>
 
  <!-- Triangle -->
  <polygon points="250,250 150,450 350,450"
           fill="none" stroke="#333" stroke-width="4"/>
 
  <!-- Signal -->
  <circle cx="250" cy="250" r="35" fill="#4A90E2"/>
  <text x="250" y="250" font-family="Arial" font-size="26" fill="white"
        text-anchor="middle" dominant-baseline="middle">Sg</text>
 
  <!-- Noise -->
  <circle cx="150" cy="450" r="35" fill="#D0021B"/>
  <text x="150" y="450" font-family="Arial" font-size="26" fill="white"
        text-anchor="middle" dominant-baseline="middle">Ns</text>
 
  <!-- Resonance -->
  <circle cx="350" cy="450" r="35" fill="#417505"/>
  <text x="350" y="450" font-family="Arial" font-size="26" fill="white"
        text-anchor="middle" dominant-baseline="middle">Rs</text>
 
  <!-- Inversion Arrow -->
  <defs>
    <marker id="arrow" markerWidth="10" markerHeight="10" refX="6" refY="3" orient="auto">
      <polygon points="0 0, 6 3, 0 6" fill="#333"/>
    </marker>
  </defs>
 
  <line x1="400" y1="350" x2="600" y2="350"
        stroke="#333" stroke-width="4" marker-end="url(#arrow)"/>
 
  <text x="500" y="320" font-family="Arial" font-size="26" text-anchor="middle" fill="#9013FE">
    Inversion (✧)
  </text>
 
  <!-- Post-Inversion Triad -->
  <text x="750" y="150" font-family="Arial" font-size="28" text-anchor="middle">
    Post‑Inversion Triad
  </text>
 
  <!-- Triangle -->
  <polygon points="750,250 650,450 850,450"
           fill="none" stroke="#333" stroke-width="4"/>
 
  <!-- Signal (now at bottom-left) -->
  <circle cx="650" cy="450" r="35" fill="#4A90E2"/>
  <text x="650" y="450" font-family="Arial" font-size="26" fill="white"
        text-anchor="middle" dominant-baseline="middle">Sg</text>
 
  <!-- Noise (now at top) -->
  <circle cx="750" cy="250" r="35" fill="#D0021B"/>
  <text x="750" y="250" font-family="Arial" font-size="26" fill="white"
        text-anchor="middle" dominant-baseline="middle">Ns</text>
 
  <!-- Resonance (unchanged) -->
  <circle cx="850" cy="450" r="35" fill="#417505"/>
  <text x="850" y="450" font-family="Arial" font-size="26" fill="white"
        text-anchor="middle" dominant-baseline="middle">Rs</text>
 
  <!-- Flip arrows -->
  <line x1="250" y1="250" x2="750" y2="250"
        stroke="#9013FE" stroke-width="3" stroke-dasharray="6 6" marker-end="url(#arrow)"/>
  <line x1="150" y1="450" x2="650" y2="450"
        stroke="#9013FE" stroke-width="3" stroke-dasharray="6 6" marker-end="url(#arrow)"/>
 
  <text x="500" y="500" font-family="Arial" font-size="26" text-anchor="middle" fill="#9013FE">
    Sg ↔ Ns (Triadic Flip)
  </text>
 
  <!-- Resonance invariance -->
  <line x1="350" y1="450" x2="850" y2="450"
        stroke="#417505" stroke-width="3" stroke-dasharray="4 4" marker-end="url(#arrow)"/>
  <text x="500" y="540" font-family="Arial" font-size="24" text-anchor="middle" fill="#417505">
    Rs invariant across inversion
  </text>
 
</svg>