34:["$","title",null,{"children":"Which College Majors Are Safest From AI (and Do They Pay)? | Deepali Kank | Observable"}] 3c:T2778,const sunMoon = (() => { const socNames = {11: "Management", 13: "Business & Finance", 15: "Computer & Math", 17: "Engineering", 19: "Science", 21: "Social Service", 23: "Legal", 25: "Education", 27: "Arts & Media", 29: "Health Practitioners", 31: "Health Support", 33: "Protective", 35: "Food Prep", 37: "Grounds", 39: "Personal Care", 41: "Sales", 43: "Office & Admin", 45: "Farming", 47: "Construction", 49: "Install & Repair", 51: "Production", 53: "Transport"}; const fam = d3.groups(occ, d => +d.soc.slice(0, 2)).sort((a, b) => a[0] - b[0]); const ordered = fam.flatMap(([code, v]) => d3.sort(v, d => -d.ai).map(d => ({...d, code}))); const rank = new Map(occ.map((d, i) => [d.soc, i + 1])); const n = ordered.length, size = 900; const r = d3.scaleLinear([-2.7, 0, 1.55], [75, 215, 280]); const color = d3.scaleLinear().domain([-2.7, 0, 1.55]).range(["#146C80", "#F3E9D2", "#C6533D"]).interpolate(d3.interpolateLab).clamp(true); const ang = i => (i / n) * 2 * Math.PI; // clockwise from top const pt = (rr, th) => [rr * Math.sin(th), -rr * Math.cos(th)]; const esc = s => String(s).replace(/[&<>]/g, c => ({"&": "&", "<": "<", ">": ">"}[c])); const wrap = html`

`; const svg = d3.select(wrap).append("svg").attr("viewBox", [-size / 2, -625, size, 1140]).style("width", "100%").style("font", "11px sans-serif"); const tip = d3.select(wrap).append("div").style("position", "absolute").style("pointer-events", "none").style("display", "none") .style("background", "rgba(255,255,255,.97)").style("border", "1px solid #bbb").style("border-radius", "8px").style("padding", "8px 10px") .style("box-shadow", "0 3px 10px rgba(0,0,0,.18)").style("font", "12px sans-serif").style("width", "230px").style("z-index", 5); svg.append("text").attr("y", -590).attr("text-anchor", "middle").attr("font-size", 27).attr("font-weight", 700).attr("fill", "#222").text("Which jobs are most exposed to AI?"); svg.append("text").attr("y", -562).attr("text-anchor", "middle").attr("font-size", 13).attr("fill", "#444").text("AI exposure measures how closely a job’s required abilities overlap with AI capabilities."); svg.append("text").attr("y", -542).attr("text-anchor", "middle").attr("font-size", 13).attr("fill", "#444").text("Higher scores indicate greater potential for AI to affect the work, not the likelihood of job loss."); svg.append("text").attr("y", -514).attr("text-anchor", "middle").attr("font-size", 11).attr("fill", "#666").text("463 occupations grouped by job family · Outward / coral: above average · Inward / teal: below average"); const plot = svg.append("g").attr("transform", "scale(1.15)"); // reference rings plot.append("circle").attr("r", r(0)).attr("fill", "none").attr("stroke", "#999").attr("stroke-dasharray", "3 3"); // rays const rays = plot.append("g").selectAll("path").data(ordered).join("path") .attr("d", (d, i) => { const a = ang(i), w = Math.PI / n * 0.9; return d3.line()([pt(r(0), a - w), pt(r(d.ai), a), pt(r(0), a + w)]) + "Z"; }).attr("fill", d => color(d.ai)).attr("stroke", d => color(d.ai)).attr("stroke-width", 1.2).attr("stroke-linejoin", "round").attr("class", "occupation-ray").style("cursor", "pointer"); // custom tooltip + hover highlight const bar = (label, v) => `

${label} ${v > 0 ? "+" : ""}${v.toFixed(2)}

`; const resetHover = () => { rays.attr("stroke", d => color(d.ai)).attr("stroke-width", 1.2); tip.style("display", "none"); }; rays.on("pointerenter", function (e, d) { resetHover(); d3.select(this).attr("stroke", "#111").attr("stroke-width", 2); tip.style("display", "block").html(`

${esc(d.occupation)}

${esc(socNames[d.code])} family

${d.ai > 0 ? "+" : ""}${d.ai.toFixed(2)} overall exposure
Rank #${rank.get(d.soc)} of ${n} · ${d.majors} linked major${d.majors > 1 ? "s" : ""}

${bar("Language", d.lang)}${bar("Image", d.img)}

`); }) .on("pointermove", function (e) { const [x, y] = d3.pointer(e, wrap), w = wrap.clientWidth; tip.style("left", (x > w - 260 ? x - 245 : x + 14) + "px").style("top", Math.max(0, y - 20) + "px"); }) .on("pointerleave", resetHover).on("pointercancel", resetHover); d3.select(wrap).on("pointerleave", resetHover).on("pointercancel", resetHover); svg.on("pointermove", e => { if (!e.target.classList.contains("occupation-ray")) resetHover(); }); // family band (colored by family mean exposure) + curved labels const bandArc = d3.arc().innerRadius(298).outerRadius(305); const bands = fam.map(([code, v], k) => { const i0 = ordered.findIndex(d => d.code === code); return {code, v, i0, th0: ang(i0) - Math.PI / n / 2 , th1: ang(i0 + v.length) - Math.PI / n / 2, mean: d3.mean(v, d => d.ai)}; }); plot.append("g").selectAll("path").data(bands).join("path") .attr("d", d => bandArc({startAngle: d.th0 + 0.004, endAngle: d.th1 - 0.004})).attr("fill", d => color(d.mean)) .append("title").text(d => `${socNames[d.code]}: mean exposure ${d.mean.toFixed(2)} (${d.v.length} jobs)`); const lastEnd = [-9, -9, -9, -9]; const defs = plot.append("defs"); const labels = bands.map(b => { const mid = (b.th0 + b.th1) / 2, name = socNames[b.code]; let level = 0; for (; level < 3; level++) { const rr = 316 + level * 15, w = name.length * 6.4 / rr; if (mid - w / 2 > lastEnd[level] + 0.012) break; } const rr = 316 + level * 15, w = name.length * 6.4 / rr; lastEnd[level] = mid + w / 2; const flip = Math.cos(mid) < 0, half = w / 2 + 0.06, rb = flip ? rr + 8 : rr; const [x0, y0] = pt(rb, mid - half), [x1, y1] = pt(rb, mid + half); const dpath = flip ? `M${x1},${y1}A${rb},${rb} 0 0 0 ${x0},${y0}` : `M${x0},${y0}A${rb},${rb} 0 0 1 ${x1},${y1}`; defs.append("path").attr("id", `sunmoon-lbl-${b.code}`).attr("d", dpath); const [lx0, ly0] = pt(307, mid), [lx1, ly1] = pt(rr - 5, mid); plot.append("line").attr("class", "category-leader").attr("x1", lx0).attr("y1", ly0).attr("x2", lx1).attr("y2", ly1).attr("stroke", "#777").attr("stroke-width", 0.7).style("pointer-events", "none"); return {...b, name}; }); plot.append("g").selectAll("text").data(labels).join("text").attr("font-size", 11).attr("fill", "#333").attr("font-weight", 600) .append("textPath").attr("href", d => `#sunmoon-lbl-${d.code}`).attr("startOffset", "50%").attr("text-anchor", "middle").text(d => d.name); // Extremes listed in corner legends without numbered markers const topJobs = occ.slice(0, 3), botJobs = occ.slice(-3).reverse(); const marks = [...topJobs.map((d, k) => ({d, label: k + 1, side: 1})), ...botJobs.map((d, k) => ({d, label: k + 4, side: -1}))]; const legend = (x, y, title, items, anchor) => { const g = svg.append("g").attr("transform", `translate(${x},${y})`); g.append("text").attr("font-weight", "bold").attr("text-anchor", anchor).text(title); items.forEach(({d, label}, k) => g.append("text").attr("y", 16 + k * 15).attr("text-anchor", anchor) .text(`${d.occupation} (${d.ai > 0 ? "+" : ""}${d.ai.toFixed(2)})`)); }; legend(-size / 2 + 20, -477, "Highest AI exposure", marks.slice(0, 3), "start"); legend(size / 2 - 20, -477, "Lowest AI exposure", marks.slice(3), "end"); // Share of occupations above and below the zero reference. const above = occ.filter(d => d.ai > 0).length, below = n - above; const center = plot.append("g").style("pointer-events", "none").attr("text-anchor", "middle"); center.append("text").attr("y", -24).attr("font-size", 25).attr("font-weight", 700).attr("fill", "#C6533D").text(Math.round(100 * above / n) + "%"); center.append("text").attr("y", -8).attr("font-size", 10).attr("fill", "#444").text("Above average"); center.append("line").attr("x1", -42).attr("x2", 42).attr("y1", 3).attr("y2", 3).attr("stroke", "#ddd"); center.append("text").attr("y", 29).attr("font-size", 25).attr("font-weight", 700).attr("fill", "#146C80").text(Math.round(100 * below / n) + "%"); center.append("text").attr("y", 45).attr("font-size", 10).attr("fill", "#444").text("Below average"); // Source, scope and author credit. svg.append("line").attr("x1", -430).attr("x2", 430).attr("y1", 432).attr("y2", 432).attr("stroke", "#ddd"); svg.append("text").attr("x", -430).attr("y", 453).attr("font-size", 10).attr("fill", "#666").text("Scope: occupations linked to college majors in this dataset. Center shares count occupations, not workers."); svg.append("text").attr("x", -430).attr("y", 470).attr("font-size", 10).attr("fill", "#666").text("Scores are standardized; 0 is the average in the original AIOE index."); svg.append("a").attr("href", "https://github.com/AIOE-Data/AIOE").attr("target", "_blank").append("text").attr("x", -430).attr("y", 491).attr("font-size", 10).attr("fill", "#555").text("Data: AIOE — Felten, Raj & Seamans (2021) · TidyTuesday, 20 Oct 2026"); svg.append("text").attr("x", 430).attr("y", 491).attr("text-anchor", "end").attr("font-size", 11).attr("font-weight", 600).attr("fill", "#333").text("Graphic by Deepali Kank"); return wrap; })(); display(sunMoon);3d:[] 38:{"id":"50bf50a3d83c4b5a","slug":"which-college-majors-are-safest-from-ai-and-do-they-pay","title":"Which College Majors Are Safest From AI (and Do They Pay)?","thumbnail":"7b9ce1a50129a86f641c57be8a43b8f3ef6f07ab4a9c28c0fe899859f5f6952c","access_level":"public","create_time":"$D2026-10-21T03:38:38.546Z","update_time":"$D2026-10-21T05:15:49.935Z","view_time":null,"first_public_time":"$D2026-10-21T05:16:18.938Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f95c5551c5b4848e","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":"starter_2024","bio":"Data Analyst with a passion for Data visualization and storytelling","following":false},"version":46,"publish_version":46,"role":null,"authored":false,"authors":[{"type":"individual","id":"0b38fd39f0b1d2da","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":null,"bio":"Data Analyst with a passion for Data visualization and storytelling","following":false}],"members":[{"type":"team","id":"f95c5551c5b4848e","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Which College Majors Are Safest From AI (and Do They Pay)?","cells":[{"id":1,"value":"# Which College Majors Are Safest From AI (and Do They Pay)?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"const major_occupations = \"https://raw.githubusercontent.com/rfordatascience/tidytuesday/main/data/2026/2026-10-20/major_occupations.csv\";","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"const occupations = await d3.csv(major_occupations, d3.autoType);","pinned":true,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"const occ = Array.from(d3.group(occupations, d => d.soc), ([soc, v]) => ({\n soc, occupation: v[0].occupation, ai: v[0].ai_exposure, lang: v[0].ai_exposure_language, img: v[0].ai_exposure_image, majors: new Set(v.map(d => d.cip4)).size\n})).sort((a, b) => d3.descending(a.ai, b.ai));\n","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$3c","pinned":false,"hidden":false,"mode":"js","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3d","stdlib":"2"}} 33:null