2b:null 2c:["$","title",null,{"children":"AI Proj Personal | DATAVIS SUMMER | Observable"}] 31:Ta1f,dc = [ {st:"TX",name:"Texas",jobs:48029,newJobs:42000,op:2,con:6,prop:4,fac:12}, {st:"VA",name:"Virginia",jobs:18900,newJobs:18000,op:3,con:2,prop:1,fac:6}, {st:"PA",name:"Pennsylvania",jobs:12600,newJobs:16000,op:0,con:4,prop:2,fac:6}, {st:"IN",name:"Indiana",jobs:6200,newJobs:14000,op:0,con:4,prop:0,fac:4}, {st:"OH",name:"Ohio",jobs:13200,newJobs:11000,op:2,con:2,prop:1,fac:5}, {st:"LA",name:"Louisiana",jobs:2900,newJobs:10000,op:0,con:2,prop:0,fac:2}, {st:"GA",name:"Georgia",jobs:19200,newJobs:7500,op:3,con:1,prop:0,fac:4}, {st:"NC",name:"N. Carolina",jobs:14800,newJobs:6500,op:3,con:1,prop:0,fac:4}, {st:"WI",name:"Wisconsin",jobs:6800,newJobs:5500,op:1,con:1,prop:1,fac:3}, {st:"IL",name:"Illinois",jobs:15300,newJobs:5000,op:0,con:1,prop:0,fac:1}, {st:"SC",name:"S. Carolina",jobs:4200,newJobs:4800,op:0,con:2,prop:0,fac:2}, {st:"MO",name:"Missouri",jobs:5900,newJobs:4500,op:0,con:1,prop:2,fac:3}, {st:"CA",name:"California",jobs:81577,newJobs:4000,op:0,con:0,prop:0,fac:0}, {st:"NY",name:"New York",jobs:27849,newJobs:3500,op:0,con:0,prop:1,fac:1}, {st:"ND",name:"N. Dakota",jobs:1200,newJobs:3200,op:1,con:1,prop:0,fac:2}, {st:"NM",name:"New Mexico",jobs:1400,newJobs:3000,op:1,con:1,prop:0,fac:2}, {st:"MI",name:"Michigan",jobs:7600,newJobs:2800,op:0,con:1,prop:0,fac:1}, {st:"WA",name:"Washington",jobs:22100,newJobs:2500,op:1,con:0,prop:0,fac:1}, {st:"OK",name:"Oklahoma",jobs:3400,newJobs:2000,op:1,con:1,prop:0,fac:2}, {st:"AZ",name:"Arizona",jobs:9900,newJobs:2200,op:1,con:1,prop:0,fac:2}, {st:"OR",name:"Oregon",jobs:5600,newJobs:1800,op:4,con:0,prop:0,fac:4}, {st:"NV",name:"Nevada",jobs:5100,newJobs:1600,op:2,con:1,prop:0,fac:3}, {st:"MD",name:"Maryland",jobs:7200,newJobs:1500,op:0,con:0,prop:1,fac:1}, {st:"TN",name:"Tennessee",jobs:8400,newJobs:1200,op:1,con:1,prop:0,fac:2}, {st:"IA",name:"Iowa",jobs:3600,newJobs:1100,op:3,con:0,prop:1,fac:4}, {st:"MS",name:"Mississippi",jobs:1600,newJobs:8000,op:0,con:2,prop:1,fac:3}, {st:"ID",name:"Idaho",jobs:1900,newJobs:1400,op:0,con:1,prop:1,fac:2}, {st:"KY",name:"Kentucky",jobs:3800,newJobs:900,op:0,con:1,prop:0,fac:1}, {st:"UT",name:"Utah",jobs:4800,newJobs:1000,op:1,con:0,prop:1,fac:2}, {st:"NE",name:"Nebraska",jobs:2400,newJobs:800,op:1,con:0,prop:0,fac:1}, {st:"AL",name:"Alabama",jobs:3100,newJobs:600,op:1,con:0,prop:0,fac:1}, {st:"WY",name:"Wyoming",jobs:900,newJobs:0,op:1,con:0,prop:0,fac:1}, {st:"FL",name:"Florida",jobs:28682,newJobs:0,op:0,con:0,prop:1,fac:1}, {st:"AK",name:"Alaska",jobs:800,newJobs:400,op:0,con:0,prop:4,fac:4} ] 32:Te29,projections = { const sorted = [...dcJobs].sort((a, b) => (b.jobs + b.newJobs) - (a.jobs + a.newJobs) ) const top20 = sorted.slice(0, 20) if (selectedView === "Facilities vs jobs") { return Plot.plot({ //style: { //background: "#1e1e1e", // Background color //color: "white", // Default text color //}, title: "Data center facilities vs current AI jobs by state", width, height: 420, marginLeft: 60, marginBottom: 60, marginTop: 30, x: { label: "Total data center facilities →", grid: true }, y: { label: "↑ Current AI/DC jobs (BLS 2025)", grid: true, tickFormat: d => d >= 1000 ? (d/1000) + "k" : d }, marks: [ Plot.dot(dcJobs.filter(d => d.fac > 0), { x: "fac", y: "jobs", r: d => 4 + d.newJobs / 8000, fill: "#378ADD", fillOpacity: 0.7, stroke: "#185FA5", strokeWidth: 1, tip: true, channels: { State: "name", "Current jobs": d => d.jobs.toLocaleString(), "Projected new": d => "+" + d.newJobs.toLocaleString(), Facilities: "fac" } }), Plot.text(dcJobs.filter(d => d.fac >= 4 || d.jobs > 15000), { x: "fac", y: "jobs", text: "st", dy: -10, fontSize: 10, fill: "#444" }) ] }) } if (selectedView === "Top states — stacked") { return Plot.plot({ //style: { //background: "#1e1e1e", // Background color //color: "white", // Default text color //}, title: "Current + projected AI/DC jobs — top 20 states", width, height: 520, marginLeft: 100, x: { label: "Jobs →", grid: true, tickFormat: d => d >= 1000 ? (d/1000) + "k" : d }, y: { label: null }, color: { legend: true, domain: ["Current jobs", "Projected new"], range: ["#378ADD", "#1D9E75"] }, marks: [ Plot.barX(top20.flatMap(d => [ { name: d.name, type: "Current jobs", value: d.jobs }, { name: d.name, type: "Projected new", value: d.newJobs } ]), { x: "value", y: "name", fill: "type", sort: { y: "-x" }, tip: true }) ] }) } if (selectedView === "Growth leaders") { const growthStates = dcJobs .filter(d => d.newJobs > 0 && d.jobs > 0) .map(d => ({ ...d, growthPct: Math.round(d.newJobs / d.jobs * 100) })) .sort((a, b) => b.growthPct - a.growthPct) .slice(0, 15) return Plot.plot({ //style: { //background: "#1e1e1e", // Background color //color: "white", // Default text color //}, title: "States with highest projected job growth % from data center buildout", width, height: 480, marginLeft: 110, x: { label: "Projected growth vs current base →", tickFormat: d => d + "%" }, y: { label: null }, marks: [ Plot.barX(growthStates, { x: "growthPct", y: "name", fill: "#534AB7", fillOpacity: 0.8, sort: { y: "-x" }, tip: true, channels: { State: "name", "Current jobs": d => d.jobs.toLocaleString(), "Projected new": d => "+" + d.newJobs.toLocaleString(), "Growth %": d => d.growthPct + "%" } }), Plot.ruleX([0]) ] }) } }33:T34dd,heatmap = { const width = 960, height = 560; const fmt = d3.format(","), fmt1 = d3.format(".1f"); const raw = await FileAttachment("dc_jobs_combined.csv").csv({ typed: true }); const pop = {"AK":733,"AL":5040,"AR":3012,"AZ":7280,"CA":39029,"CO":5840,"CT":3616,"DE":1018,"FL":22610,"GA":10912,"HI":1440,"IA":3200,"ID":1940,"IL":12582,"IN":6790,"KS":2938,"KY":4526,"LA":4624,"MA":6982,"MD":6165,"ME":1385,"MI":10034,"MN":5717,"MO":6178,"MS":2961,"MT":1123,"NC":10699,"ND":779,"NE":1961,"NH":1395,"NJ":9261,"NM":2114,"NV":3178,"NY":19336,"OH":11756,"OK":3960,"OR":4240,"PA":13002,"RI":1094,"SC":5283,"SD":909,"TN":7051,"TX":30030,"UT":3380,"VA":8683,"VT":647,"WA":7740,"WI":5896,"WV":1775,"WY":581}; const abbrToName = {"AK":"Alaska","AL":"Alabama","AR":"Arkansas","AZ":"Arizona","CA":"California","CO":"Colorado","CT":"Connecticut","DE":"Delaware","FL":"Florida","GA":"Georgia","HI":"Hawaii","IA":"Iowa","ID":"Idaho","IL":"Illinois","IN":"Indiana","KS":"Kansas","KY":"Kentucky","LA":"Louisiana","MA":"Massachusetts","MD":"Maryland","ME":"Maine","MI":"Michigan","MN":"Minnesota","MO":"Missouri","MS":"Mississippi","MT":"Montana","NC":"North Carolina","ND":"North Dakota","NE":"Nebraska","NH":"New Hampshire","NJ":"New Jersey","NM":"New Mexico","NV":"Nevada","NY":"New York","OH":"Ohio","OK":"Oklahoma","OR":"Oregon","PA":"Pennsylvania","RI":"Rhode Island","SC":"South Carolina","SD":"South Dakota","TN":"Tennessee","TX":"Texas","UT":"Utah","VA":"Virginia","VT":"Vermont","WA":"Washington","WI":"Wisconsin","WV":"West Virginia","WY":"Wyoming"}; const data = raw.map(d => { const abbr = d.state_abbr; const jobs = d.current_jobs; // current jobs only const popK = pop[abbr] ?? null; return { state: abbrToName[abbr] ?? abbr, abbr, reports: d.community_reports ?? 0, jobs, perCapita: (popK && jobs != null) ? +(jobs / popK * 100).toFixed(1) : null, facilities_operational: d.facilities_operational ?? 0, facilities_construction: d.facilities_construction ?? 0, facilities_proposed: d.facilities_proposed ?? 0, facilities_community: d.community_reports ?? 0, // treat reports count as "community" bubble total_facilities: d.total_facilities + d.community_reports ?? 0 }; }); const us = await d3.json("https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json"); const states = topojson.feature(us, us.objects.states).features; const projection = d3.geoAlbersUsa().fitSize([width, height], topojson.feature(us, us.objects.states)); const path = d3.geoPath(projection); const byName = new Map(data.map(d => [d.state, d])); const RAMP = ["#0d2b2e","#15514c","#1f6e6a","#2f927f","#3fb6a0","#69d3b4","#9ff0cf"]; let dcMode = "total"; let multiSet = new Set(); let heatMode = "perCapita"; const val = d => d[heatMode]; function getBubbleVal(d) { if (dcMode === "total") return d.total_facilities; let sum = 0; if (multiSet.has("operational")) sum += d.facilities_operational; if (multiSet.has("construction")) sum += d.facilities_construction; if (multiSet.has("proposed")) sum += d.facilities_proposed; if (multiSet.has("community")) sum += d.facilities_community; return sum; } const bubbleColors = { total: { fill: "#ff7a3d", stroke: "#ff7a3d" }, operational: { fill: "#0047AB", stroke: "#0047AB" }, construction: { fill: "#ffb37e", stroke: "#ffb37e" }, proposed: { fill: "#a78bfa", stroke: "#a78bfa" }, community: { fill: "#f472b6", stroke: "#f472b6" }, }; function getBubbleColor() { if (dcMode === "total") return bubbleColors.total; const keys = [...multiSet]; if (keys.length === 1) return bubbleColors[keys[0]]; return { fill: "#e2e8f0", stroke: "#cbd5e1" }; } // Taller legend strip so nothing clips const LEGEND_H = 120; const totalH = height + LEGEND_H; const container = d3.create("div") .style("font-family", "ui-monospace, SFMono-Regular, Menlo, monospace") .style("color", "#cdd6e0").style("background", "#0c1116") .style("padding", "16px").style("border-radius", "14px") .style("position", "relative"); const mkBtn = (parent, label) => parent.append("button").text(label) .style("font-family", "inherit").style("font-size", "11px").style("cursor", "pointer") .style("border", "1px solid #1f2a36").style("border-radius", "999px") .style("padding", "5px 13px").style("background", "#121922").style("color", "#7d8a99") .style("transition", "background 0.18s, color 0.18s"); // Row 1: heatmap const row1 = container.append("div").style("margin-bottom", "7px") .style("display", "flex").style("gap", "8px").style("align-items", "center"); row1.append("span").text("HEATMAP") .style("font-size", "10px").style("letter-spacing", ".2em").style("color", "#7d8a99").style("min-width","68px"); const btnPer = mkBtn(row1, "Jobs per 100k"); const btnTot = mkBtn(row1, "Total jobs"); // Row 2: bubble controls const row2 = container.append("div").style("margin-bottom", "10px") .style("display", "flex").style("gap", "8px").style("align-items", "center").style("flex-wrap","wrap"); row2.append("span").text("BUBBLES") .style("font-size", "10px").style("letter-spacing", ".2em").style("color", "#7d8a99").style("min-width","68px"); const btnDcTotal = mkBtn(row2, "Total"); const btnOp = mkBtn(row2, "Existing"); const btnCon = mkBtn(row2, "Under construction"); const btnProp = mkBtn(row2, "Proposed"); const btnComm = mkBtn(row2, "Community reported"); const dotStyle = (btn, hex) => { const txt = btn.node().textContent; btn.node().innerHTML = `${txt}`; }; dotStyle(btnDcTotal, bubbleColors.total.fill); dotStyle(btnOp, bubbleColors.operational.fill); dotStyle(btnCon, bubbleColors.construction.fill); dotStyle(btnProp, bubbleColors.proposed.fill); dotStyle(btnComm, bubbleColors.community.fill); const svg = container.append("svg") .attr("viewBox", [0, 0, width, totalH]) .style("width", "100%").style("height", "auto") .style("background", "#0b1015").style("border-radius", "10px"); const tip = container.append("div") .style("position", "absolute").style("pointer-events", "none").style("opacity", 0) .style("transform", "translate(-50%,-115%)").style("background", "#0a0e13") .style("border", "1px solid #1f2a36").style("border-radius", "10px").style("padding", "9px 12px") .style("font-size", "12px").style("color", "#e8edf2").style("white-space", "nowrap") .style("box-shadow", "0 14px 36px rgba(0,0,0,.55)").style("z-index","10"); const show = (event, name) => { const d = byName.get(name); if (!d) return; const [mx, my] = d3.pointer(event, container.node()); tip.style("left", mx + "px").style("top", my + "px").style("opacity", 1) .html(`${name}
Current jobs: ${d.jobs != null ? fmt(d.jobs) : "—"}
Per 100k: ${d.perCapita != null ? fmt1(d.perCapita) : "—"}
Existing: ${d.facilities_operational} Building: ${d.facilities_construction} Proposed: ${d.facilities_proposed}
Community reports: ${d.reports}
Total facilities: ${d.total_facilities}`); }; const hide = () => tip.style("opacity", 0); const statePaths = svg.append("g").selectAll("path").data(states).join("path") .attr("d", path).attr("stroke", "#0b1015").attr("stroke-width", 0.6) .on("mousemove", (e, f) => show(e, f.properties.name)).on("mouseleave", hide); const bubbleG = svg.append("g"); // Legend groups const legY = height + 16; const bubbleLegG = svg.append("g").attr("transform", `translate(40,${legY})`); const rampG = svg.append("g").attr("transform", `translate(${width - 220},${legY})`); // ---- RENDER ---- function updateButtonStyles() { [[btnPer, "perCapita"], [btnTot, "jobs"]].forEach(([b, m]) => { b.style("background", heatMode === m ? "#1f6e6a" : "#121922") .style("color", heatMode === m ? "#eafff8" : "#7d8a99") .style("border", heatMode === m ? "1px solid #3fb6a055" : "1px solid #1f2a36"); }); btnDcTotal.style("background", dcMode === "total" ? "#ff7a3d22" : "#121922") .style("color", dcMode === "total" ? "#ff9060" : "#7d8a99") .style("border", dcMode === "total" ? "1px solid #ff7a3d55" : "1px solid #1f2a36"); [ [btnOp, "operational", "#3fb6a0"], [btnCon, "construction", "#ffb37e"], [btnProp, "proposed", "#a78bfa"], [btnComm, "community", "#f472b6"], ].forEach(([b, key, col]) => { const active = dcMode !== "total" && multiSet.has(key); b.style("background", active ? `${col}22` : "#121922") .style("color", active ? col : "#7d8a99") .style("border", active ? `1px solid ${col}55` : "1px solid #1f2a36"); }); } function renderBubbles() { const maxVal = d3.max(data, d => getBubbleVal(d)) || 1; const r = d3.scaleSqrt().domain([0, maxVal]).range([0, 38]); const { fill, stroke } = getBubbleColor(); const cents = states .map(f => ({ name: f.properties.name, c: path.centroid(f), d: byName.get(f.properties.name) })) .filter(o => o.d && o.c[0]); bubbleG.selectAll("circle").remove(); bubbleG.selectAll("circle").data(cents).join("circle") .attr("cx", o => o.c[0]).attr("cy", o => o.c[1]) .attr("r", o => r(getBubbleVal(o.d))) .attr("fill", fill).attr("fill-opacity", 0.34) .attr("stroke", stroke).attr("stroke-width", 1.1).style("cursor", "pointer") .on("mousemove", (e, o) => show(e, o.name)).on("mouseleave", hide); // Bubble legend bubbleLegG.selectAll("*").remove(); let legendLabel; if (dcMode === "total") { legendLabel = "TOTAL DATA CENTERS"; } else if (multiSet.size === 0) { legendLabel = "DATA CENTERS (none selected)"; } else { const nameMap = { operational:"EXISTING", construction:"UNDER CONSTRUCTION", proposed:"PROPOSED", community:"COMMUNITY REPORTED" }; legendLabel = [...multiSet].map(k => nameMap[k]).join(" + "); } bubbleLegG.append("text").attr("x", 0).attr("y", 0) .attr("fill", "#7d8a99").attr("font-size", 10).attr("letter-spacing", ".1em") .text(legendLabel); const maxR = 38; const samples = maxVal <= 3 ? [1, maxVal].filter((v,i,a) => a.indexOf(v)===i) : maxVal <= 10 ? [1, Math.round(maxVal/2), maxVal].filter((v,i,a) => a.indexOf(v)===i) : [1, Math.round(maxVal/2), maxVal]; const circleBaseY = 18 + maxR; // label height + max bubble radius = baseline for bottom-aligned circles let bx = 0; samples.forEach(v => { const rad = r(v); bubbleLegG.append("circle") .attr("cx", bx + rad) .attr("cy", circleBaseY + (maxR - rad)) // bottom-align all circles .attr("r", rad) .attr("fill", fill).attr("fill-opacity", 0.34).attr("stroke", stroke); bubbleLegG.append("text") .attr("x", bx + rad) .attr("y", circleBaseY + maxR + 13) // just below the largest possible circle .attr("text-anchor", "middle") .attr("fill", "#7d8a99").attr("font-size", 9).text(v); bx += rad * 2 + 14; }); } function renderHeatmap() { const vals = data.filter(d => val(d) != null).map(val); const lo = d3.min(vals), hi = d3.max(vals); const color = d3.scaleSequentialSqrt(d3.interpolateRgbBasis(RAMP)).domain([lo, hi]); statePaths.transition().duration(420).attr("fill", f => { const d = byName.get(f.properties.name); return (d && val(d) != null) ? color(val(d)) : "#1a2530"; }); rampG.selectAll("*").remove(); rampG.append("text").attr("x", 0).attr("y", 0) .attr("fill", "#7d8a99").attr("font-size", 10).attr("letter-spacing", ".1em") .text(heatMode === "perCapita" ? "JOBS PER 100K" : "CURRENT JOBS"); d3.range(50).forEach(i => { const t = i / 49; rampG.append("rect").attr("x", i * 4).attr("y", 14).attr("width", 4).attr("height", 12) .attr("fill", color(lo + t * (hi - lo))); }); rampG.append("text").attr("x", 0).attr("y", 40) .attr("fill", "#7d8a99").attr("font-size", 9) .text(heatMode === "perCapita" ? fmt1(lo) : fmt(lo)); rampG.append("text").attr("x", 200).attr("y", 40).attr("text-anchor", "end") .attr("fill", "#7d8a99").attr("font-size", 9) .text(heatMode === "perCapita" ? fmt1(hi) : fmt(hi)); } function renderAll() { updateButtonStyles(); renderHeatmap(); renderBubbles(); } // ---- EVENTS ---- btnPer.on("click", () => { heatMode = "perCapita"; renderAll(); }); btnTot.on("click", () => { heatMode = "jobs"; renderAll(); }); btnDcTotal.on("click", () => { dcMode = "total"; multiSet.clear(); renderAll(); }); [ [btnOp, "operational"], [btnCon, "construction"], [btnProp, "proposed"], [btnComm, "community"], ].forEach(([btn, key]) => { btn.on("click", () => { dcMode = "multi"; multiSet.has(key) ? multiSet.delete(key) : multiSet.add(key); renderAll(); }); }); renderAll(); return container.node(); }34:[{"id":"fdef51a6efaee28ff09c441289009b7559824e9eca0955ce0da406eca381fba20e36d60ac32456e8966e97b1b0c16084ad7c3b4c22f5d8a6a6e844643fb31d99","href":"https://static.observableusercontent.com/files/fdef51a6efaee28ff09c441289009b7559824e9eca0955ce0da406eca381fba20e36d60ac32456e8966e97b1b0c16084ad7c3b4c22f5d8a6a6e844643fb31d99","name":"AI By State.csv","type":"text/csv","lastModified":1780585060902.435,"size":1306},{"id":"8db0543d0c254b8d1f35be203fd6ae030384adfcf41b14c6f28fd1c4a110dd7452be9b90a65364f537c402c1a5ba310fead5c06280d3bc1d3e82ee612a45e5bc","href":"https://static.observableusercontent.com/files/8db0543d0c254b8d1f35be203fd6ae030384adfcf41b14c6f28fd1c4a110dd7452be9b90a65364f537c402c1a5ba310fead5c06280d3bc1d3e82ee612a45e5bc","name":"datacenter_community_reports_by_state.csv","type":"text/csv","lastModified":1780585060902.435,"size":994},{"id":"f6c82605a125abde945ac227e9e79878e4f5df7c2d38648448a751d4861d3c00297c6a2d71fc94fe499e87ee7cf1cb1e06efdd64b0e89fe6adbbaeca76a9b8bd","href":"https://static.observableusercontent.com/files/f6c82605a125abde945ac227e9e79878e4f5df7c2d38648448a751d4861d3c00297c6a2d71fc94fe499e87ee7cf1cb1e06efdd64b0e89fe6adbbaeca76a9b8bd","name":"Total Data Centers@1.xlsx","type":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","lastModified":1780672926171.497,"size":13114},{"id":"ba5f588b708fa09e97797979b0a5987e1df8c1a9e868ba464f6da4c902152a0c595a392b70d04b886f195ceb46af8d58c6948899b984e2efd722fdad6977ad1f","href":"https://static.observableusercontent.com/files/ba5f588b708fa09e97797979b0a5987e1df8c1a9e868ba464f6da4c902152a0c595a392b70d04b886f195ceb46af8d58c6948899b984e2efd722fdad6977ad1f","name":"dc_Jobs.csv","type":"text/csv","lastModified":1780650361723.789,"size":1055},{"id":"ba5f588b708fa09e97797979b0a5987e1df8c1a9e868ba464f6da4c902152a0c595a392b70d04b886f195ceb46af8d58c6948899b984e2efd722fdad6977ad1f","href":"https://static.observableusercontent.com/files/ba5f588b708fa09e97797979b0a5987e1df8c1a9e868ba464f6da4c902152a0c595a392b70d04b886f195ceb46af8d58c6948899b984e2efd722fdad6977ad1f","name":"dcJobs (1).csv","type":"text/csv","lastModified":1780650316998.047,"size":1055},{"id":"cafb08da87bf868774e583821db2c650996b96cdc387166cde549746b7c22b22ad16cbd985948dab1df029ecadd3b3f5a2a132fd686ab4e98cae077dc89632f6","href":"https://static.observableusercontent.com/files/cafb08da87bf868774e583821db2c650996b96cdc387166cde549746b7c22b22ad16cbd985948dab1df029ecadd3b3f5a2a132fd686ab4e98cae077dc89632f6","name":"Total Data Centers.csv","type":"text/csv","lastModified":1780673049347.057,"size":753},{"id":"0f73a9bc8a64e39e518a653d62daaec4b74512dd3ea3de772117a166fa58f100ed458847bf059756037089cc1a9b00f1a4683da7e40f3afd6a0e58624db36bbc","href":"https://static.observableusercontent.com/files/0f73a9bc8a64e39e518a653d62daaec4b74512dd3ea3de772117a166fa58f100ed458847bf059756037089cc1a9b00f1a4683da7e40f3afd6a0e58624db36bbc","name":"dc_jobs_combined.csv","type":"text/csv","lastModified":1780585060902.435,"size":2209}] 2f:{"id":"6f14386c0f6e4393","slug":"ai-proj-personal","title":"AI Proj Personal","thumbnail":"4e97be112c74cf32068f6b6327c96a21e19d5c09cebd64bafc173b05e188e213","access_level":"public","create_time":"$D2026-06-04T14:57:40.902Z","update_time":"$D2026-06-08T08:07:43.672Z","view_time":null,"first_public_time":"$D2026-06-05T08:40:05.594Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"7798254538ffe6ba","login":"dis-2026-summer","name":"DATAVIS SUMMER","avatar_url":"https://avatars-next.observableusercontent.com/ca468dc6a7c3135fb5c1b1e7b63a23e1f78da7014b68bc50114f6823acc4bf7b","tier":"pro_2024"},"version":249,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ea1beb490723ed2b","login":"arianna-valentino","name":"Arianna Valentino","avatar_url":"https://avatars-next.observableusercontent.com/8bab70d6b7e30db8903d5daeb0054a0e2be29cb8df15e108fea114ca664d3335","tier":null}],"members":[{"type":"individual","id":"ea1beb490723ed2b","login":"arianna-valentino","name":"Arianna Valentino","avatar_url":"https://avatars-next.observableusercontent.com/8bab70d6b7e30db8903d5daeb0054a0e2be29cb8df15e108fea114ca664d3335","tier":null,"role":"editor"},{"type":"team","id":"7798254538ffe6ba","login":"dis-2026-summer","name":"DATAVIS SUMMER","avatar_url":"https://avatars-next.observableusercontent.com/ca468dc6a7c3135fb5c1b1e7b63a23e1f78da7014b68bc50114f6823acc4bf7b","tier":"pro_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"AI Proj Personal","cells":[{"id":11,"value":"# AI Proj Personal","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":75,"value":"dc_jobs_combined = await FileAttachment(\"dc_jobs_combined.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"dc_jobs_combined","database":"$undefined"},{"id":193,"value":"total = await FileAttachment(\"Total Data Centers.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"total","database":"$undefined"},{"id":211,"value":"hope = d3.map(dc_jobs_combined, v => v, (d) => d.current_jobs, d => d.state)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"Linear regression plotting documented facilities vs jobs per state","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":79,"value":"lin_one = Plot.plot({\n x: { label: \"Total Documented Facilities\" },\n y: { label: \"Number of AI Related Jobs\" },\n marks: [\n Plot.linearRegressionY(dc_jobs_combined, {x: \"total_facilities\", y: \"current_jobs\", stroke: \"blue\"})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"Linear Regression with Community Reports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":126,"value":"lin_two = Plot.plot({\n x: { label: \"Total Facilities with Community Reports\" },\n y: { label: \"Number of AI Related Jobs\" },\n marks: [\n Plot.linearRegressionY(dc_jobs_combined, {x: \"total_with_reports\", y: \"current_jobs\", stroke: \"red\"})\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"One part of data from brockovich (https://brockovichdatacenter.com/index.html)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"await FileAttachment(\"AI By State.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":87,"value":"Data from https://www.visualcapitalist.com/ranked-states-by-ai-data-center-jobs/","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"data = await FileAttachment(\"datacenter_community_reports_by_state.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"data","database":"$undefined"},{"id":53,"value":"## Data centers & job growth by state\n\nWhere AI infrastructure is being built — and the jobs it creates. Data from [brockovichdatacenter.com](https://brockovichdatacenter.com) (May 2026) combined with BLS employment figures.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":55,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"dcJobs = dc","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"dcJobs","database":"$undefined"},{"id":57,"value":"viewof selectedView = Inputs.radio(\n [\"Facilities vs jobs\", \"Top states — stacked\", \"Growth leaders\"],\n {value: \"Facilities vs jobs\", label: \"Chart view\"}\n \n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"d3 = require(\"d3@7\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"us = fetch(\"https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json\")\n .then(r => r.json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"