2c:null 2d:["$","title",null,{"children":"PSEO Expansion (2024 update) | Jody Hoon-Starr | Observable"}] 32:T8fb,chart = { const svg = d3.create("svg").attr("viewBox", [0, 0, 960, 600]); svg .append("path") .datum(topojson.merge(us, us.objects.states.geometries)) .attr("fill", "#ddd") .attr("d", d3.geoPath()); svg .append("path") .datum(topojson.mesh(us, us.objects.states, (a, b) => a !== b)) .attr("fill", "none") .attr("stroke", "white") .attr("stroke-linejoin", "round") .attr("d", d3.geoPath()); const g = svg.append("g").attr("fill", "none"); const generateExplorerURL = (state, institution, degreeLevel) => { if (degreeLevel == "00") { return `https://lehd.ces.census.gov/applications/pseo/?type=earnings&compare=postgrad&specificity=2&state=${state}&institution=${institution}`; } else { return `https://lehd.ces.census.gov/applications/pseo/?type=earnings&compare=postgrad&specificity=2&state=${state}&institution=${institution}°reelevel=${degreeLevel}`; } }; const dot = g .selectAll("circle") .data(data) .join("circle") .attr("transform", (d) => `translate(${d})`) .style("pointer-events", "visible") .attr("stroke", (d) => color(d.date)) .on("mouseover", handleMouseOver) .on("mouseout", handleMouseOut) .on("click", (d, i) => { const url = generateExplorerURL(i.st, i.opeid, i.degree_level); window.open(url, "_blank"); }); function handleMouseOver(d, i) { d3.select(this).attr("fill", color(i.date)).attr("cursor", "pointer"); svg .append("text") .attr("x", i[0]) .attr("y", i[1] - 5 - circleScale(i.grad_count)) .attr("pointer-events", "none") .attr("text-anchor", "middle") .style("font-size", "16px") .style("font-family", "sans-serif") .text(`${i.name}`); } function handleMouseOut(d, i) { d3.select(this).attr("fill", "none"); d3.selectAll("text").remove(); } let previousDate = -Infinity; return Object.assign(svg.node(), { update(date) { dot // enter .filter((d) => d.date > previousDate && d.date <= date) .transition() .attr("r", (d) => circleScale(d.grad_count)); dot // exit .filter((d) => d.date <= previousDate && d.date > date) .transition() .attr("r", 0); previousDate = date; } }); }33:[{"id":"fccc343dbc5a9d1cd129e9a9d72933e8e585d76f7292a1d022121f76834cb4919f9ab7738c16f2ef869d74eefcc2519501e8d09af0b811884d8bcd0bd847645e","href":"https://static.observableusercontent.com/files/fccc343dbc5a9d1cd129e9a9d72933e8e585d76f7292a1d022121f76834cb4919f9ab7738c16f2ef869d74eefcc2519501e8d09af0b811884d8bcd0bd847645e","name":"10m.json","type":"application/json","lastModified":1709647575993.147,"size":689794},{"id":"22a607af9e20154c8c457d03d0928df43297cc0762500f4c6f4bfdb71cafafc84f2c0043bfa1d2569565d87968b895f372592a8f7a4beeb287e00374bb8831ef","href":"https://static.observableusercontent.com/files/22a607af9e20154c8c457d03d0928df43297cc0762500f4c6f4bfdb71cafafc84f2c0043bfa1d2569565d87968b895f372592a8f7a4beeb287e00374bb8831ef","name":"label_degree_level.csv","type":"text/csv","lastModified":1706890501713.514,"size":281},{"id":"11cbfed6c3b5eb300d5bb30e9a4c71254206017e5ea0031c7328e723484c908012e3fadb714fd60dd140a7d3694d832cc0c3151980c212c8c3a1751b5f694422","href":"https://static.observableusercontent.com/files/11cbfed6c3b5eb300d5bb30e9a4c71254206017e5ea0031c7328e723484c908012e3fadb714fd60dd140a7d3694d832cc0c3151980c212c8c3a1751b5f694422","name":"viz_data@1.csv","type":"text/csv","lastModified":1706892573362.466,"size":255213}] 30:{"id":"1d9de6dcac019e5e","slug":"pseo-expansion-2024-update","title":"PSEO Expansion (2024 update)","thumbnail":"c880ae0ed2213c8fe1caff93d07e57c57eba6f048af2207408ae8a22508a32e9","access_level":"public","create_time":"$D2024-02-01T22:30:39.157Z","update_time":"$D2024-03-05T14:07:14.413Z","view_time":null,"first_public_time":"$D2024-02-01T22:30:39.157Z","has_unpublished_edits":null,"fork":{"id":"93086432f5a3f494","slug":"pseo-expansion","title":"PSEO Expansion","owner":{"id":"3f0a5555946a91ca","login":"jodyhoonstarr","name":"Jody Hoon-Starr"}},"stars":0,"starred":false,"owner":{"type":"team","id":"3f0a5555946a91ca","login":"jodyhoonstarr","name":"Jody Hoon-Starr","avatar_url":"https://avatars-next.observableusercontent.com/f014ea613ff43e463687094066d9acde784357d91102e4a80afaee7d02ccf3fc","tier":"starter_2024","bio":""},"version":599,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"741cd9e9458a548a","login":"jodyhoonstarr","name":"Jody Hoon-Starr","avatar_url":"https://avatars-next.observableusercontent.com/f014ea613ff43e463687094066d9acde784357d91102e4a80afaee7d02ccf3fc","tier":null,"bio":""}],"members":[{"type":"individual","id":"741cd9e9458a548a","login":"jodyhoonstarr","name":"Jody Hoon-Starr","avatar_url":"https://avatars-next.observableusercontent.com/f014ea613ff43e463687094066d9acde784357d91102e4a80afaee7d02ccf3fc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"PSEO Expansion (2024 update)","cells":[{"id":0,"value":"md` # PSEO Expansion (2024 update)\n\nThis animation shows the expansion of the [Post-Secondary Employment Outcomes](https://lehd.ces.census.gov/data/pseo_experimental.html) program.\n\nHover over any circle to show the institution name. Click to bring up that institution's data in the [PSEO Explorer](https://lehd.ces.census.gov/applications/pseo/) web application.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":521,"value":"viewof selectDegreelevelLabel = Inputs.select(\n [].concat(degreeLevels.map((e) => e.label)),\n {\n value: \"All Degree Levels\",\n label: \"Degree level\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"viewof date = Scrubber([parseDate(\"2018-01\"), ...distinctDates], {format: d3.utcFormat(\"%Y %b %-d\"), loop: true, delay: 1000, loopDelay: 5000})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":572,"value":"---\n\n

\n\n---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":296,"value":"update = chart.update(date)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"selectDegreeLevel = degreeLevels.find((e) => e.label == selectDegreelevelLabel)\n .degree_level","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":469,"value":"maxGrads = Math.max(...data.map(d => d.grad_count))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":478,"value":"minGrads = Math.min(...data.map(d => d.grad_count) )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":349,"value":"distinctDates = [...new Set(data.map(d => d.date_release))].map(d => parseDate(d)).sort((a, b) => a - b)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"rawData = (await FileAttachment(\"viz_data@1.csv\").csv())\n .map((d) => {\n const p = projection([d.lon, d.lat]);\n p.date = parseDate(d.date_release);\n p.date_release = d.date_release;\n p.st = d.st;\n p.opeid = d.opeid;\n p.name = d.name;\n p.grad_count = d.grad_count;\n p.degree_level = d.degree_level;\n return p;\n })\n .sort((a, b) => a.date - b.date)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"data = rawData.filter((e) => e.degree_level == selectDegreeLevel)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":519,"value":"degreeLevels = d3.csvParse(\n await FileAttachment(\"label_degree_level.csv\").text(),\n (d) => {\n return {\n ...d\n };\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":440,"value":"color = d3.scaleOrdinal(d3.schemeCategory10).domain(distinctDates)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"circleScale = d3.scaleLinear()\n .domain([minGrads, maxGrads])\n .range([2, 20])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"parseDate = d3.utcParse(\"%Y-%m\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":279,"value":"projection = d3.geoAlbersUsa().scale(1280).translate([480, 300])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"us = {\n const us = await FileAttachment(\"10m.json\").json();\n us.objects.states = {\n type: \"GeometryCollection\",\n geometries: us.objects.states.geometries\n };\n return us;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"