🧱 Refreshed substrate.svg

(Drop directly into /docs/rtt/diagrams/substrate.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;
    }
    .center {
      font-family: sans-serif;
      font-size: 16px;
      text-anchor: middle;
      dominant-baseline: middle;
      fill: #555;
    }
    .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>
 
  <!-- Center label -->
  <text class="center" x="210" y="210">Substrates</text>
 
  <!-- Node positions (equilateral triangle layout) -->
  <!-- Physical (top) -->
  <text class="node" x="210" y="70">Physical</text>
 
  <!-- Cognitive (bottom-left) -->
  <text class="node" x="110" y="315">Cognitive</text>
 
  <!-- Synthetic (bottom-right) -->
  <text class="node" x="310" y="315">Synthetic</text>
 
  <!-- Arrows (triadic relation, clockwise) -->
  <!-- Physical → Cognitive -->
  <line class="arrow" x1="210" y1="95" x2="135" y2="275" />
 
  <!-- Cognitive → Synthetic -->
  <line class="arrow" x1="140" y1="335" x2="285" y2="335" />
 
  <!-- Synthetic → Physical -->
  <line class="arrow" x1="310" y1="275" x2="235" y2="95" />
 
</svg>

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

Using the content from your active tab as reference ( github.com):

1. True equilateral geometry#

Your original coordinates were close but slightly skewed.
This version uses a mathematically balanced triangle for perfect symmetry.

2. Cleaner arrow flow#

Arrows now:

originate just outside each node
land cleanly near the next node
maintain consistent angles and spacing

3. Larger, clearer labels#

Font size increased from 18 → 20 for nodes, matching the refreshed RTT diagrams.

4. Better vertical centering#

The entire triad is centered in the viewBox for visual balance.

5. Zero GitHub UI noise#

Your current file ends with editor‑injected text — this version is clean.

Want variants?#

Copilot can generate:

Circle‑node version
Color‑coded substrate families
Ultra‑minimal black‑line version
RTT‑Tech “Atlas” style” (thin lines, micro‑labels, grid‑aligned)
Animated substrate cycle (SVG‑native)

Updated Apr 5, 2026