// ── SAT Results Report — chart + panel components ────────────────────────
function accColor(v) {
if (v >= 85) return "#5C7E3F";
if (v >= 70) return "#7CA158";
if (v >= 55) return "#E0A82E";
if (v >= 40) return "#E07A2E";
return "var(--error)";
}
function accTint(v) {
if (v >= 85) return "#E4EFD6";
if (v >= 70) return "#EDF1DD";
if (v >= 55) return "#FBEFCF";
if (v >= 40) return "#FBE3CF";
return "#FBD9D6";
}
const STATUS_COLOR = { right: "#7CA158", wrong: "var(--error)", skip: "#E0A82E", unvisited: "#6FA5DE" };
// Absolute pacing bands (seconds per question) — shared by the time chart + guide.
const PACING = [
{ max: 10, key: "blind", label: "Blind Guess", range: "0–10s", color: "var(--slate)", tint: "#EAECE2", desc: "This is too fast to read the question, so it is likely a panic guess." },
{ max: 40, key: "rush", label: "Rushed", range: "11–40s", color: "#E0A82E", tint: "#FBEFCF", desc: "This is a speed-reading risk. Take a moment to verify your answers." },
{ max: 90, key: "ideal", label: "Ideal", range: "41–90s", color: "#7CA158", tint: "#E4EFD6", desc: "This is an ideal pace, and it is where strong performance shows up." },
{ max: 150, key: "deep", label: "Deep Dive", range: "91–150s", color: "#6FA5DE", tint: "#DCE9F1", desc: "This is a methodical approach that works well for hard questions." },
{ max: Infinity, key: "sink", label: "Time Sink", range: "150s+", color: "var(--error)", tint: "#FBD9D6", desc: "This may indicate difficulty, so consider reviewing your approach." },
];
function pacingBucket(t) { return PACING.find(p => t <= p.max); }
function fmtDur(s) { const m = Math.floor(s / 60), r = s % 60; return m > 0 ? `${m}m ${r}s` : `${r}s`; }
function PacingGuide() {
return (
Pacing Analysis Guide
{PACING.map(p => (
{p.range}
{p.label}{p.desc}
))}
);
}
// ─── Per-question grid for one module ───
function ModuleGrid({ qs, label }) {
return (
);
}
// ─── Score trajectory — box & whisker ───
function Trajectory({ tests, target }) {
const W = 720, H = 240, padL = 46, padR = 70, padT = 20, padB = 42;
// Dynamic y-domain from the data + target. This was hardcoded 1180-1500, which pushed
// any score below 1180 off the chart. Round to hundreds, clamp to the 400-1600 scale.
const vals = tests.reduce((a, t) => a.concat([t.low, t.high, t.med].filter(v => v != null)), []).concat([target]);
const dataMin = Math.min.apply(null, vals), dataMax = Math.max.apply(null, vals);
const yMin = Math.max(400, Math.floor((dataMin - 40) / 100) * 100);
const yMax = Math.min(1600, Math.ceil((dataMax + 40) / 100) * 100);
const y = v => padT + (1 - (v - yMin) / (yMax - yMin)) * (H - padT - padB);
const cw = (W - padL - padR) / tests.length;
const gridlines = [];
for (let v = yMin + 100; v < yMax; v += 100) gridlines.push(v);
return (
);
}
// ─── Cohort distribution ───
// Standard-normal CDF (Abramowitz–Stegun) for percentile-within-cohort.
function _normCdf(z) {
const t = 1 / (1 + 0.2316419 * Math.abs(z));
const d = 0.3989423 * Math.exp(-z * z / 2);
let p = d * t * (0.3193815 + t * (-0.3565638 + t * (1.781478 + t * (-1.821256 + t * 1.330274))));
return z > 0 ? 1 - p : p;
}
function _ordinal(n) {
const s = ["th", "st", "nd", "rd"], v = n % 100;
return n + (s[(v - 20) % 10] || s[v] || s[0]);
}
function CohortDistribution({ sec }) {
const W = 520, H = 124, padL = 10, padR = 10, padT = 30, padB = 18;
const lo = 400, hi = 800;
const x = v => padL + ((v - lo) / (hi - lo)) * (W - padL - padR);
const mean = sec.cohortMid, sd = sec.cohortSd, you = sec.scoreMid;
const norm = v => Math.exp(-0.5 * Math.pow((v - mean) / sd, 2));
const pts = [];
for (let v = lo; v <= hi; v += 8) pts.push([x(v), padT + (1 - norm(v)) * (H - padT - padB)]);
const area = `M ${x(lo)} ${H - padB} L ${pts.map(p => p.join(" ")).join(" L ")} L ${x(hi)} ${H - padB} Z`;
const pct = Math.max(1, Math.min(99, Math.round(_normCdf((you - mean) / sd) * 100)));
const ahead = you >= mean;
// clamp the "you" label so it never runs off the edges
const labelX = Math.max(padL + 22, Math.min(W - padR - 22, x(you)));
return (
{sec.name}
{/* stats underneath — percentile leads */}
{_ordinal(pct)}percentile
within the 1500+ cohort
{you}
Your score
{mean}
Cohort median
{ahead
? <>You are ahead of {pct}% of students aiming for 1500+ in {sec.name}, which is a strong relative position.
: <>You are ahead of {pct}% of students aiming for 1500+ in {sec.name}, and this is the gap to close.}