<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 380" role="img" aria-labelledby="t d" width="760" height="380">
  <title id="t">Two Very Different Distribution Shapes</title><desc id="d">Two bar charts comparing AP Biology, which peaks around a score of 3, with AP Computer Science A, which peaks at both 5 and 1 with a thin middle — a pattern typical of skills-based programming exams.</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="379" rx="16"/>
  <text class="ttl" x="32" y="42">Two Very Different Distribution Shapes</text>
  <text class="sub" x="32" y="64">Most AP exams peak in the middle; skills-based ones split at both ends</text>
  <text class="lblb" x="20" y="98">AP Biology — typical</text><text class="muts" x="20" y="118">A single peak around a 3.</text><rect x="24" y="228.2" width="44" height="91.8" rx="4" fill="var(--br)" opacity="0.9"/><text class="muts" x="46" y="222.2" text-anchor="middle">18.9%</text><text class="muts" x="46" y="336" text-anchor="middle">5</text><rect x="80" y="202.9" width="44" height="117.1" rx="4" fill="var(--br)" opacity="0.9"/><text class="muts" x="102" y="196.9" text-anchor="middle">24.1%</text><text class="muts" x="102" y="336" text-anchor="middle">4</text><rect x="136" y="186.9" width="44" height="133.1" rx="4" fill="var(--ac)" opacity="0.9"/><text class="muts" x="158" y="180.9" text-anchor="middle">27.4%</text><text class="muts" x="158" y="336" text-anchor="middle">3</text><rect x="192" y="218" width="44" height="102" rx="4" fill="var(--dg)" opacity="0.9"/><text class="muts" x="214" y="212" text-anchor="middle">21%</text><text class="muts" x="214" y="336" text-anchor="middle">2</text><rect x="248" y="278.2" width="44" height="41.8" rx="4" fill="var(--dg)" opacity="0.9"/><text class="muts" x="270" y="272.2" text-anchor="middle">8.6%</text><text class="muts" x="270" y="336" text-anchor="middle">1</text><line x1="380" y1="86" x2="380" y2="340" class="grid"/><text class="lblb" x="400" y="98">AP Computer Science A — bimodal</text><text class="muts" x="400" y="118">Peaks at BOTH 5 and 1, thin middle.</text><rect x="404" y="195.7" width="44" height="124.3" rx="4" fill="var(--br)" opacity="0.9"/><text class="muts" x="426" y="189.7" text-anchor="middle">25.6%</text><text class="muts" x="426" y="336" text-anchor="middle">5</text><rect x="460" y="214.1" width="44" height="105.9" rx="4" fill="var(--br)" opacity="0.9"/><text class="muts" x="482" y="208.1" text-anchor="middle">21.8%</text><text class="muts" x="482" y="336" text-anchor="middle">4</text><rect x="516" y="223.8" width="44" height="96.2" rx="4" fill="var(--ac)" opacity="0.9"/><text class="muts" x="538" y="217.8" text-anchor="middle">19.8%</text><text class="muts" x="538" y="336" text-anchor="middle">3</text><rect x="572" y="267.1" width="44" height="52.9" rx="4" fill="var(--dg)" opacity="0.9"/><text class="muts" x="594" y="261.1" text-anchor="middle">10.9%</text><text class="muts" x="594" y="336" text-anchor="middle">2</text><rect x="628" y="213.1" width="44" height="106.9" rx="4" fill="var(--dg)" opacity="0.9"/><text class="muts" x="650" y="207.1" text-anchor="middle">22%</text><text class="muts" x="650" y="336" text-anchor="middle">1</text>
</svg>
