<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 760 430" role="img" aria-labelledby="t d" width="760" height="430">
  <title id="t">A Z-Score Becomes a Percentile</title><desc id="d">A bell curve with the area to the left of a z-score of 0.875 shaded, showing it equals the 81st percentile, which earns a B on the curve.</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;}
    .f1{fill:var(--br2);opacity:.30;}
    .f2{fill:var(--br2);opacity:.19;}
    .f3{fill:var(--br2);opacity:.10;}
    .fillc{fill:var(--br2);opacity:.24;}
    .vline{stroke:var(--br);stroke-width:2;}
    .accbar{fill:var(--ac);}
  </style>
  <rect class="card" x="0.5" y="0.5" width="759" height="429" rx="16"/>
  <text class="ttl" x="32" y="42">A Z-Score Becomes a Percentile</text>
  <text class="sub" x="32" y="64">The shaded area left of your score is your percentile rank</text>
  <path class="fillc" d="M 66 322 L 66 321 L 68 320.9 L 70 320.9 L 72 320.8 L 74 320.7 L 76 320.6 L 78 320.5 L 80 320.4 L 82 320.3 L 84 320.2 L 86 320.1 L 88 319.9 L 90 319.8 L 92 319.7 L 94 319.5 L 96 319.4 L 98 319.2 L 100 319 L 102 318.8 L 104 318.6 L 106 318.4 L 108 318.2 L 110 318 L 112 317.7 L 114 317.5 L 116 317.2 L 118 316.9 L 120 316.6 L 122 316.3 L 124 316 L 126 315.7 L 128 315.3 L 130 314.9 L 132 314.5 L 134 314.1 L 136 313.7 L 138 313.2 L 140 312.8 L 142 312.3 L 144 311.8 L 146 311.2 L 148 310.7 L 150 310.1 L 152 309.5 L 154 308.9 L 156 308.2 L 158 307.5 L 160 306.8 L 162 306.1 L 164 305.3 L 166 304.5 L 168 303.7 L 170 302.8 L 172 301.9 L 174 301 L 176 300 L 178 299 L 180 298 L 182 297 L 184 295.9 L 186 294.7 L 188 293.6 L 190 292.4 L 192 291.1 L 194 289.9 L 196 288.5 L 198 287.2 L 200 285.8 L 202 284.4 L 204 282.9 L 206 281.4 L 208 279.8 L 210 278.2 L 212 276.6 L 214 274.9 L 216 273.2 L 218 271.4 L 220 269.6 L 222 267.8 L 224 265.9 L 226 264 L 228 262 L 230 260 L 232 258 L 234 255.9 L 236 253.8 L 238 251.7 L 240 249.5 L 242 247.3 L 244 245 L 246 242.7 L 248 240.4 L 250 238 L 252 235.7 L 254 233.3 L 256 230.8 L 258 228.3 L 260 225.9 L 262 223.3 L 264 220.8 L 266 218.2 L 268 215.7 L 270 213.1 L 272 210.5 L 274 207.8 L 276 205.2 L 278 202.6 L 280 199.9 L 282 197.3 L 284 194.6 L 286 192 L 288 189.3 L 290 186.7 L 292 184 L 294 181.4 L 296 178.8 L 298 176.2 L 300 173.6 L 302 171 L 304 168.5 L 306 166 L 308 163.5 L 310 161 L 312 158.6 L 314 156.2 L 316 153.8 L 318 151.5 L 320 149.3 L 322 147 L 324 144.9 L 326 142.7 L 328 140.7 L 330 138.6 L 332 136.7 L 334 134.8 L 336 132.9 L 338 131.2 L 340 129.5 L 342 127.8 L 344 126.3 L 346 124.8 L 348 123.3 L 350 122 L 352 120.7 L 354 119.6 L 356 118.5 L 358 117.4 L 360 116.5 L 362 115.7 L 364 114.9 L 366 114.2 L 368 113.6 L 370 113.1 L 372 112.7 L 374 112.4 L 376 112.2 L 378 112 L 380 112 L 382 112 L 384 112.2 L 386 112.4 L 388 112.7 L 390 113.1 L 392 113.6 L 394 114.2 L 396 114.9 L 398 115.7 L 400 116.5 L 402 117.4 L 404 118.5 L 406 119.6 L 408 120.7 L 410 122 L 412 123.3 L 414 124.8 L 416 126.3 L 418 127.8 L 420 129.5 L 422 131.2 L 424 132.9 L 426 134.8 L 428 136.7 L 430 138.6 L 432 140.7 L 434 142.7 L 436 144.9 L 438 147 L 440 149.3 L 442 151.5 L 444 153.8 L 446 156.2 L 448 158.6 L 450 161 L 452 163.5 L 454 166 L 456 168.5 L 458 171 L 460 173.6 L 462 176.2 L 464 178.8 L 464 322 Z"/><path class="curve" d="M 66 321 L 68 320.9 L 70 320.9 L 72 320.8 L 74 320.7 L 76 320.6 L 78 320.5 L 80 320.4 L 82 320.3 L 84 320.2 L 86 320.1 L 88 319.9 L 90 319.8 L 92 319.7 L 94 319.5 L 96 319.4 L 98 319.2 L 100 319 L 102 318.8 L 104 318.6 L 106 318.4 L 108 318.2 L 110 318 L 112 317.7 L 114 317.5 L 116 317.2 L 118 316.9 L 120 316.6 L 122 316.3 L 124 316 L 126 315.7 L 128 315.3 L 130 314.9 L 132 314.5 L 134 314.1 L 136 313.7 L 138 313.2 L 140 312.8 L 142 312.3 L 144 311.8 L 146 311.2 L 148 310.7 L 150 310.1 L 152 309.5 L 154 308.9 L 156 308.2 L 158 307.5 L 160 306.8 L 162 306.1 L 164 305.3 L 166 304.5 L 168 303.7 L 170 302.8 L 172 301.9 L 174 301 L 176 300 L 178 299 L 180 298 L 182 297 L 184 295.9 L 186 294.7 L 188 293.6 L 190 292.4 L 192 291.1 L 194 289.9 L 196 288.5 L 198 287.2 L 200 285.8 L 202 284.4 L 204 282.9 L 206 281.4 L 208 279.8 L 210 278.2 L 212 276.6 L 214 274.9 L 216 273.2 L 218 271.4 L 220 269.6 L 222 267.8 L 224 265.9 L 226 264 L 228 262 L 230 260 L 232 258 L 234 255.9 L 236 253.8 L 238 251.7 L 240 249.5 L 242 247.3 L 244 245 L 246 242.7 L 248 240.4 L 250 238 L 252 235.7 L 254 233.3 L 256 230.8 L 258 228.3 L 260 225.9 L 262 223.3 L 264 220.8 L 266 218.2 L 268 215.7 L 270 213.1 L 272 210.5 L 274 207.8 L 276 205.2 L 278 202.6 L 280 199.9 L 282 197.3 L 284 194.6 L 286 192 L 288 189.3 L 290 186.7 L 292 184 L 294 181.4 L 296 178.8 L 298 176.2 L 300 173.6 L 302 171 L 304 168.5 L 306 166 L 308 163.5 L 310 161 L 312 158.6 L 314 156.2 L 316 153.8 L 318 151.5 L 320 149.3 L 322 147 L 324 144.9 L 326 142.7 L 328 140.7 L 330 138.6 L 332 136.7 L 334 134.8 L 336 132.9 L 338 131.2 L 340 129.5 L 342 127.8 L 344 126.3 L 346 124.8 L 348 123.3 L 350 122 L 352 120.7 L 354 119.6 L 356 118.5 L 358 117.4 L 360 116.5 L 362 115.7 L 364 114.9 L 366 114.2 L 368 113.6 L 370 113.1 L 372 112.7 L 374 112.4 L 376 112.2 L 378 112 L 380 112 L 382 112 L 384 112.2 L 386 112.4 L 388 112.7 L 390 113.1 L 392 113.6 L 394 114.2 L 396 114.9 L 398 115.7 L 400 116.5 L 402 117.4 L 404 118.5 L 406 119.6 L 408 120.7 L 410 122 L 412 123.3 L 414 124.8 L 416 126.3 L 418 127.8 L 420 129.5 L 422 131.2 L 424 132.9 L 426 134.8 L 428 136.7 L 430 138.6 L 432 140.7 L 434 142.7 L 436 144.9 L 438 147 L 440 149.3 L 442 151.5 L 444 153.8 L 446 156.2 L 448 158.6 L 450 161 L 452 163.5 L 454 166 L 456 168.5 L 458 171 L 460 173.6 L 462 176.2 L 464 178.8 L 466 181.4 L 468 184 L 470 186.7 L 472 189.3 L 474 192 L 476 194.6 L 478 197.3 L 480 199.9 L 482 202.6 L 484 205.2 L 486 207.8 L 488 210.5 L 490 213.1 L 492 215.7 L 494 218.2 L 496 220.8 L 498 223.3 L 500 225.9 L 502 228.3 L 504 230.8 L 506 233.3 L 508 235.7 L 510 238 L 512 240.4 L 514 242.7 L 516 245 L 518 247.3 L 520 249.5 L 522 251.7 L 524 253.8 L 526 255.9 L 528 258 L 530 260 L 532 262 L 534 264 L 536 265.9 L 538 267.8 L 540 269.6 L 542 271.4 L 544 273.2 L 546 274.9 L 548 276.6 L 550 278.2 L 552 279.8 L 554 281.4 L 556 282.9 L 558 284.4 L 560 285.8 L 562 287.2 L 564 288.5 L 566 289.9 L 568 291.1 L 570 292.4 L 572 293.6 L 574 294.7 L 576 295.9 L 578 297 L 580 298 L 582 299 L 584 300 L 586 301 L 588 301.9 L 590 302.8 L 592 303.7 L 594 304.5 L 596 305.3 L 598 306.1 L 600 306.8 L 602 307.5 L 604 308.2 L 606 308.9 L 608 309.5 L 610 310.1 L 612 310.7 L 614 311.2 L 616 311.8 L 618 312.3 L 620 312.8 L 622 313.2 L 624 313.7 L 626 314.1 L 628 314.5 L 630 314.9 L 632 315.3 L 634 315.7 L 636 316 L 638 316.3 L 640 316.6 L 642 316.9 L 644 317.2 L 646 317.5 L 648 317.7 L 650 318 L 652 318.2 L 654 318.4 L 656 318.6 L 658 318.8 L 660 319 L 662 319.2 L 664 319.4 L 666 319.5 L 668 319.7 L 670 319.8 L 672 319.9 L 674 320.1 L 676 320.2 L 678 320.3 L 680 320.4 L 682 320.5 L 684 320.6 L 686 320.7 L 688 320.8 L 690 320.9 L 692 320.9 L 694 321"/><line class="axis" x1="66" y1="322" x2="694" y2="322"/><line class="vline" x1="464" y1="178.8" x2="464" y2="322"/><line class="grid" x1="380" y1="112" x2="380" y2="322"/><text class="mut" x="380" y="342" text-anchor="middle">μ (z=0)</text><text class="mut" x="464" y="342" text-anchor="middle">z = +0.875</text><text x="340" y="262" text-anchor="middle" font-size="15" font-weight="700" fill="var(--br)">≈ 81%</text><text class="muts" x="340" y="280" text-anchor="middle">scored at or below you</text><rect x="476" y="96" width="176" height="52" rx="10" fill="var(--cv)" stroke="var(--ln)"/><text class="mut" x="488" y="118">your z-score of +0.875</text><text class="lbl" x="488" y="137">→ 81st percentile → B</text><text class="muts" x="66" y="404">z → percentile:  −2 → 2%    −1 → 16%    0 → 50%    +1 → 84%    +2 → 98%</text>
</svg>
