{ const a = data.find(d => d.School_Name === schoolA); const b = data.find(d => d.School_Name === schoolB); if (!a || !b) return html`Select two schools`; const ca = quadrantColors[a.Quadrant], cb = quadrantColors[b.Quadrant]; const fields = [ ["Quadrant", "Quadrant"], ["Location", d => `${d.City}, ${d.State}`], ["County · ARC", d => `${d.County} · ${d.ARC_Economic_Status}`], ["Degree · Type", d => `${d.Degree} · ${d.Institution_Type}`], ["Matriculants/yr", "Matriculants_Annual"], ["% In-state", d => `${d.Pct_In_State}%`], ["Faculty", d => d.Faculty_Count.toLocaleString()], ["Trainees / faculty", d => (d.Matriculants_Annual / d.Faculty_Count).toFixed(2)], ["NIH ($M)", d => `$${d.NIH_Funding_Millions}M`], ["Identity", "Identity_Score"], ["Engagement", "Engagement_Score"], ["Mentorship", "Mentorship_Score"], ["Visibility", "Visibility_Score"] ]; const get = (d, f) => typeof f === "function" ? f(d) : d[f]; return html`

${a.School_Name}

${a.Quadrant.toUpperCase()}

${b.School_Name}

${b.Quadrant.toUpperCase()}

${fields.map(([label, f], i) => html``)}

${label}

${get(a, f)}

${get(b, f)}

` }