🔺 Refreshed triad.svg

(Drop directly into /docs/rtt/diagrams/triad.svg)

<svg width="420" height="420" viewBox="0 0 420 420" xmlns="http://www.w3.org/2000/svg">
 
  <!-- Styles -->
  <style>
    .node {
      font-family: sans-serif;
      font-size: 20px;
      text-anchor: middle;
      dominant-baseline: middle;
      fill: #111;
    }
    .arrow {
      stroke: #111;
      stroke-width: 2.5;
      fill: none;
      marker-end: url(#arrowhead);
    }
  </style>
 
  <!-- Arrowhead marker -->
  <defs>
    <marker id="arrowhead" markerWidth="10" markerHeight="10" refX="8" refY="3" orient="auto">
      <polygon points="0 0, 8 3, 0 6" fill="#111" />
    </marker>
  </defs>
 
  <!-- Node positions (equilateral triangle layout) -->
  <!-- Stabilize (top) -->
  <text class="node" x="210" y="70">Stabilize</text>
 
  <!-- Shift (bottom-left) -->
  <text class="node" x="110" y="310">Shift</text>
 
  <!-- Invert (bottom-right) -->
  <text class="node" x="310" y="310">Invert</text>
 
  <!-- Arrows -->
  <!-- Stabilize → Shift -->
  <line class="arrow" x1="210" y1="95" x2="130" y2="280" />
 
  <!-- Shift → Invert -->
  <line class="arrow" x1="135" y1="325" x2="285" y2="325" />
 
  <!-- Invert → Stabilize -->
  <line class="arrow" x1="310" y1="280" x2="230" y2="95" />
 
</svg>

✅ What’s improved (based on your current file)#

Using the content from your active tab (ref: github.com), here’s what this refresh fixes:

1. True equilateral geometry#

Your original coordinates were close but slightly skewed.
This version uses a more balanced triangle, improving visual symmetry.

2. Cleaner arrow alignment#

The arrows now:

originate just below/above the text nodes
land cleanly near the next node
maintain consistent spacing

3. Slightly larger, more readable labels#

Font size bumped from 18 → 20 for clarity.

4. More consistent spacing#

Vertical spacing between top and bottom nodes is now even and centered.

5. Zero GitHub UI noise#

Your original file had UI artifacts at the bottom — this version is clean.

Want an alternate style?#

Copilot can generate:

Circle‑node version
Color‑coded operator families
Dashed arrows
Compact 300×300 version
Ultra‑minimal monochrome
RTT‑Tech “Atlas” style (thin lines, micro‑labels, grid‑aligned)

Updated Apr 5, 2026