<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 340" role="img" aria-labelledby="t d" width="760" height="340">
  <title id="t">The Five Curving Methods, Compared</title><desc id="d">A comparison of five curving methods applied to a raw 72%: flat +8 gives 80, scale-to-top 78.3, ×1.08 gives 77.8, square root 84.9, and a bell curve about a B minus.</desc>
  <style>
    svg { --s:#fffdf7; --cv:#f2ecdd; --ink:#171d1a; --mut:#52645e; --ln:#ded4c2; --lns:#c8b99e;
          --br:#125c4f; --br2:#2f9e88; --ac:#b68a3b; --acs:#e9d3a0; --tr:#e4dccb; --dg:#b23a2f;
          font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; }
    @media (prefers-color-scheme: dark){
      svg { --s:#1c1a15; --cv:#13120e; --ink:#f2eee4; --mut:#b7b0a1; --ln:#35322a; --lns:#4b4638;
            --br:#2f9e88; --br2:#57c6ae; --ac:#d4a24e; --acs:#5a4a28; --tr:#211e18; --dg:#e0796d; }
    }
    .card{fill:var(--s);stroke:var(--ln);stroke-width:1;}
    .ttl{fill:var(--ink);font-size:21px;font-weight:700;}
    .sub{fill:var(--mut);font-size:13.5px;}
    .lbl{fill:var(--ink);font-size:13px;font-weight:600;}
    .lblb{fill:var(--ink);font-size:15px;font-weight:700;}
    .mut{fill:var(--mut);font-size:12.5px;}
    .muts{fill:var(--mut);font-size:11.5px;}
    .axis{stroke:var(--lns);stroke-width:1.5;}
    .grid{stroke:var(--ln);stroke-width:1;stroke-dasharray:3 4;}
    .curve{fill:none;stroke:var(--br);stroke-width:3;stroke-linejoin:round;}
    .curve2{fill:none;stroke:var(--ac);stroke-width:3;stroke-linejoin:round;stroke-dasharray:7 5;}
    .fillc{fill:var(--br2);opacity:.24;}
    .vline{stroke:var(--br);stroke-width:2;}
  </style>
  <rect class="card" x="0.5" y="0.5" width="759" height="339" rx="16"/>
  <text class="ttl" x="32" y="42">The Five Curving Methods, Compared</text>
  <text class="sub" x="32" y="64">Same raw score, five different curves</text>
  <text class="mut" x="40" y="92">What a raw <tspan font-weight="700" fill="var(--ink)">72%</tspan> becomes under each method:</text><text class="lbl" x="40" y="127">Flat / additive (+8)</text><rect x="320" y="115" width="300" height="15" rx="7" fill="var(--tr)"/><rect x="320" y="115" width="240" height="15" rx="7" fill="var(--br)"/><text class="lbl" x="632" y="127">80%</text><text class="lbl" x="40" y="171">Scale to top (÷ 0.92)</text><rect x="320" y="159" width="300" height="15" rx="7" fill="var(--tr)"/><rect x="320" y="159" width="234.9" height="15" rx="7" fill="var(--br)"/><text class="lbl" x="632" y="171">78.3%</text><text class="lbl" x="40" y="215">Percentage ×1.08</text><rect x="320" y="203" width="300" height="15" rx="7" fill="var(--tr)"/><rect x="320" y="203" width="233.4" height="15" rx="7" fill="var(--br)"/><text class="lbl" x="632" y="215">77.8%</text><text class="lbl" x="40" y="259">Square root (Texas)</text><rect x="320" y="247" width="300" height="15" rx="7" fill="var(--tr)"/><rect x="320" y="247" width="254.7" height="15" rx="7" fill="var(--br)"/><text class="lbl" x="632" y="259">84.9%</text><text class="lbl" x="40" y="303">Bell curve (percentile)</text><rect x="320" y="291" width="300" height="15" rx="7" fill="var(--tr)"/><rect x="320" y="291" width="246" height="15" rx="7" fill="var(--br)"/><text class="lbl" x="632" y="303">≈ B–</text>
</svg>
