2b:null 2c:["$","title",null,{"children":"FA2024 Mental health (deep d3) | Angie Hjort | Observable"}] 31:T112a,// Main visualization function { const { stateTimeSeriesData } = transformData(csvData, socialData); const container = d3.create("div") .style("display", "flex") .style("flex-direction", "row") .style("gap", "20px") .style("align-items", "center") .style("width", "100%") .style("max-width", "1200px") .style("margin", "0 auto") .style("overflow-x", "auto"); const mapWidth = 675; const mapHeight = 610; // Modified color scale logic const getColorScale = (selectedAge) => { const treatmentCategories = [ "18+ Treated Estimate", "18-25 Treated Estimate", "26+ Treated Estimate" ]; const domain = [ d3.min(Array.from(stateDataMap.values())), d3.max(Array.from(stateDataMap.values())) ]; // If selected category is a treatment estimate, use reversed blue color scheme if (treatmentCategories.includes(selectedAge)) { return d3.scaleQuantize() .domain(domain) .range(d3.schemeBlues[9].slice().reverse()); // Flip the blue scheme so darker is lower } else { return d3.scaleQuantize() .domain(domain) .range(d3.schemeBuPu[9]); // Keep original BuPu scheme for other categories } }; const color = getColorScale(selectedAge); const us = await d3.json("https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json"); const states = topojson.feature(us, us.objects.states); const statesMesh = topojson.mesh(us, us.objects.states); const projection = d3.geoAlbersUsa() .fitSize([mapWidth, mapHeight], states); const path = d3.geoPath(projection); const mapContainer = container.append("div") .style("flex", "0 0 auto"); const mapSvg = mapContainer.append("svg") .attr("viewBox", [0, 0, mapWidth, mapHeight]) .attr("width", mapWidth) .attr("height", mapHeight) .style("max-width", "100%") .style("height", "auto"); const chartContainer = container.append("div") .style("flex", "1") .style("min-width", "450px") .style("margin-right", "20px"); const chartDiv = chartContainer.append("div") .attr("id", "state-chart") .style("width", "100%") .style("height", "400px"); mapSvg.append("g") .selectAll("path") .data(states.features) .join("path") .attr("class", "map-area") .attr("fill", d => { const value = stateDataMap.get(d.properties.name); return value ? color(value) : "#ccc"; }) .attr("d", path) .attr("cursor", "pointer") .on("click", (event, d) => { mapSvg.selectAll("path.map-area") .attr("fill", d => { const value = stateDataMap.get(d.properties.name); return value ? color(value) : "#ccc"; }); d3.select(event.currentTarget) .attr("fill", "#F4C430"); if (stateTimeSeriesData[d.properties.name]) { createStateChart( "#state-chart", stateTimeSeriesData[d.properties.name], d.properties.name ); } }) .append("title") .text(d => `${d.properties.name}\n${stateDataMap.get(d.properties.name)}%`); mapSvg.append("path") .datum(statesMesh) .attr("fill", "none") .attr("stroke", "black") .attr("stroke-width", 1) .attr("d", path); const legendWidth = 150; const legendHeight = 10; const legend = mapSvg.append("g") .attr("transform", `translate(${mapWidth - legendWidth - 10}, ${mapHeight - 30})`); const legendScale = d3.scaleLinear() .domain(color.domain()) .range([0, legendWidth]); const legendAxis = d3.axisBottom(legendScale) .ticks(5) .tickFormat(d => d.toFixed(1) + "%"); const defs = mapSvg.append("defs"); const gradient = defs.append("linearGradient") .attr("id", "legend-gradient") .attr("x1", "0%") .attr("x2", "100%") .attr("y1", "0%") .attr("y2", "0%"); gradient.selectAll("stop") .data(color.range().map((c, i) => ({ offset: (i / (color.range().length - 1)) * 100 + "%", color: c }))) .join("stop") .attr("offset", d => d.offset) .attr("stop-color", d => d.color); legend.append("rect") .attr("width", legendWidth) .attr("height", legendHeight) .style("fill", "url(#legend-gradient)"); legend.append("g") .attr("transform", `translate(0, ${legendHeight})`) .call(legendAxis); return container.node(); }32:T85a,statesData = [ {name: "Alabama", abbreviation: "AL"}, {name: "Alaska", abbreviation: "AK"}, {name: "Arizona", abbreviation: "AZ"}, {name: "Arkansas", abbreviation: "AR"}, {name: "California", abbreviation: "CA"}, {name: "Colorado", abbreviation: "CO"}, {name: "Connecticut", abbreviation: "CT"}, {name: "Delaware", abbreviation: "DE"}, {name: "Florida", abbreviation: "FL"}, {name: "Georgia", abbreviation: "GA"}, {name: "Hawaii", abbreviation: "HI"}, {name: "Idaho", abbreviation: "ID"}, {name: "Illinois", abbreviation: "IL"}, {name: "Indiana", abbreviation: "IN"}, {name: "Iowa", abbreviation: "IA"}, {name: "Kansas", abbreviation: "KS"}, {name: "Kentucky", abbreviation: "KY"}, {name: "Louisiana", abbreviation: "LA"}, {name: "Maine", abbreviation: "ME"}, {name: "Maryland", abbreviation: "MD"}, {name: "Massachusetts", abbreviation: "MA"}, {name: "Michigan", abbreviation: "MI"}, {name: "Minnesota", abbreviation: "MN"}, {name: "Mississippi", abbreviation: "MS"}, {name: "Missouri", abbreviation: "MO"}, {name: "Montana", abbreviation: "MT"}, {name: "Nebraska", abbreviation: "NE"}, {name: "Nevada", abbreviation: "NV"}, {name: "New Hampshire", abbreviation: "NH"}, {name: "New Jersey", abbreviation: "NJ"}, {name: "New Mexico", abbreviation: "NM"}, {name: "New York", abbreviation: "NY"}, {name: "North Carolina", abbreviation: "NC"}, {name: "North Dakota", abbreviation: "ND"}, {name: "Ohio", abbreviation: "OH"}, {name: "Oklahoma", abbreviation: "OK"}, {name: "Oregon", abbreviation: "OR"}, {name: "Pennsylvania", abbreviation: "PA"}, {name: "Rhode Island", abbreviation: "RI"}, {name: "South Carolina", abbreviation: "SC"}, {name: "South Dakota", abbreviation: "SD"}, {name: "Tennessee", abbreviation: "TN"}, {name: "Texas", abbreviation: "TX"}, {name: "Utah", abbreviation: "UT"}, {name: "Vermont", abbreviation: "VT"}, {name: "Virginia", abbreviation: "VA"}, {name: "Washington", abbreviation: "WA"}, {name: "West Virginia", abbreviation: "WV"}, {name: "Wisconsin", abbreviation: "WI"}, {name: "Wyoming", abbreviation: "WY"} ];33:T1308,function createStateChart(selector, data, stateName) { const margin = { top: 20, right: 60, bottom: 30, left: 40 }; const width = 400 - margin.left - margin.right; const height = 400 - margin.top - margin.bottom; // Clear existing content d3.select(selector).selectAll("*").remove(); const svg = d3.select(selector) .append("svg") .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", `translate(${margin.left},${margin.top})`); // Set up scales const x = d3.scaleLinear() .domain(d3.extent(data, d => d.year)) .range([0, width]); // Create two y-scales for the different metrics const y1 = d3.scaleLinear() .domain([0, d3.max(data, d => d.deaths) + 50]) .nice() .range([height, 0]); const y2 = d3.scaleLinear() .domain([0, 35]) // Treatment percentages range from ~9% to ~32% .nice() .range([height, 0]); // Create line generators for both datasets const deathsLine = d3.line() .x(d => x(d.year)) .y(d => y1(d.deaths)) .defined(d => d.deaths != null); const treatmentLine = d3.line() .x(d => x(d.year)) .y(d => y2(d.treatment)) .defined(d => d.treatment != null); // Add axes svg.append("g") .attr("transform", `translate(0,${height})`) .call(d3.axisBottom(x) .ticks(5) .tickFormat(d3.format("d"))); // Left y-axis for suicide deaths svg.append("g") .call(d3.axisLeft(y1) .ticks(5)); // Right y-axis for treatment percentage svg.append("g") .attr("transform", `translate(${width},0)`) .call(d3.axisRight(y2) .ticks(5) .tickFormat(d => d + "%")); // Add suicide data line svg.append("path") .datum(data.filter(d => d.deaths != null)) .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .attr("class", "suicide-line") .attr("d", deathsLine); // Add treatment data line svg.append("path") .datum(data.filter(d => d.treatment != null)) .attr("fill", "none") .attr("stroke", "#ff7f0e") .attr("stroke-width", 1.5) .attr("class", "treatment-line") .attr("d", treatmentLine); // Add suicide data points svg.selectAll(".suicide-point") .data(data.filter(d => d.deaths != null)) .enter() .append("circle") .attr("class", "suicide-point") .attr("cx", d => x(d.year)) .attr("cy", d => y1(d.deaths)) .attr("r", 5) .attr("fill", "steelblue") .attr("stroke", "white") .attr("stroke-width", 1) .style("cursor", "pointer") .on("mouseover", function() { d3.select(this) .transition() .duration(200) .attr("r", 8) .attr("fill", "#4682b4"); }) .on("mouseout", function() { d3.select(this) .transition() .duration(200) .attr("r", 5) .attr("fill", "steelblue"); }) .append("title") .text(d => `Year: ${d.year}\nDeaths: ${d.deaths}`); // Add treatment data points svg.selectAll(".treatment-point") .data(data.filter(d => d.treatment != null)) .enter() .append("circle") .attr("class", "treatment-point") .attr("cx", d => x(d.year)) .attr("cy", d => y2(d.treatment)) .attr("r", 5) .attr("fill", "#ff7f0e") .attr("stroke", "white") .attr("stroke-width", 1) .style("cursor", "pointer") .on("mouseover", function() { d3.select(this) .transition() .duration(200) .attr("r", 8) .attr("fill", "#ffa500"); }) .on("mouseout", function() { d3.select(this) .transition() .duration(200) .attr("r", 5) .attr("fill", "#ff7f0e"); }) .append("title") .text(d => `Year: ${d.year}\nSocial Factor: ${d.treatment}%`); // Add title svg.append("text") .attr("x", width / 2) .attr("y", -5) .attr("text-anchor", "middle") .style("font-size", "14px") .text(`${stateName} Metrics Over Time`); // Add legend at bottom right const legendPadding = 10; const legendY = height - 40; // Adjust this value to move legend up/down const legend = svg.append("g") .attr("class", "legend") .attr("transform", `translate(${width - 100}, ${legendY})`); // Suicide deaths legend item legend.append("circle") .attr("cx", 0) .attr("cy", 0) .attr("r", 4) .attr("fill", "steelblue"); legend.append("text") .attr("x", 10) .attr("y", 0) .attr("dy", ".35em") .style("font-size", "10px") .text("Suicides"); // Treatment percentage legend item legend.append("circle") .attr("cx", 0) .attr("cy", 15) .attr("r", 4) .attr("fill", "#ff7f0e"); legend.append("text") .attr("x", 10) .attr("y", 15) .attr("dy", ".35em") .style("font-size", "10px") .text("Social Factor %"); }34:T4e2,// Transform CSV data into state time series format function transformData(suicideData, treatmentData) { const stateTimeSeriesData = {}; // Process suicide data suicideData.forEach(row => { if (!stateTimeSeriesData[row.State]) { stateTimeSeriesData[row.State] = []; } stateTimeSeriesData[row.State].push({ year: +row.Year, deaths: +row.Deaths, treatment: null // Initialize treatment data as null }); }); // Add treatment data to existing state series treatmentData.forEach(row => { if (stateTimeSeriesData[row.State]) { // Find matching year entry and add treatment data const yearData = stateTimeSeriesData[row.State].find(d => d.year === +row.Year); if (yearData) { yearData.treatment = +row['% Received Mental Health Treatment']; } } }); // Sort data by year for each state Object.keys(stateTimeSeriesData).forEach(state => { stateTimeSeriesData[state].sort((a, b) => a.year - b.year); }); const latestYear = Math.max(...suicideData.map(d => +d.Year)); const stateDataMap = new Map( suicideData .filter(d => +d.Year === latestYear) .map(d => [d.State, +d.Deaths]) ); return { stateTimeSeriesData }; }35:[{"id":"5c7f1d6e233ef15437373b8f080e819fd868edb7ab5bd0064afe1927af439874d5e39b4e91d2ec006f1522c1b8e91342ddf9f283d51f143e28a0b06b68a4fa60","href":"https://static.observableusercontent.com/files/5c7f1d6e233ef15437373b8f080e819fd868edb7ab5bd0064afe1927af439874d5e39b4e91d2ec006f1522c1b8e91342ddf9f283d51f143e28a0b06b68a4fa60","name":"Table31.csv","type":"text/csv","lastModified":1737039068110.826,"size":4464},{"id":"2bcc7d377703521338b2102ca85fddd647482d5646bf31a962e96680656d35d0bfa1df003cff8a5074dcce68926070735e5dfded9a0543f72d27635db61e0220","href":"https://static.observableusercontent.com/files/2bcc7d377703521338b2102ca85fddd647482d5646bf31a962e96680656d35d0bfa1df003cff8a5074dcce68926070735e5dfded9a0543f72d27635db61e0220","name":"Table33@1.csv","type":"text/csv","lastModified":1737039068110.826,"size":4464},{"id":"052e65ad69c087351a47fbefca33094387d0ad8c6e2dd8022022464ae6aad4ac102c907872b17dde8a4ea2ee37684f9ba7268ecf266697e27d8e4efe918cfbe1","href":"https://static.observableusercontent.com/files/052e65ad69c087351a47fbefca33094387d0ad8c6e2dd8022022464ae6aad4ac102c907872b17dde8a4ea2ee37684f9ba7268ecf266697e27d8e4efe918cfbe1","name":"suicide_rates_data_table@1.csv","type":"text/csv","lastModified":1737039068110.826,"size":30734},{"id":"6dec51e5ade1a1f2d70436b10635977b78a004e856739f0ff41042645a159a105e6c377a5b37156c64acdbd45e77dc3b7167e231ac2810a30e388403f384b71c","href":"https://static.observableusercontent.com/files/6dec51e5ade1a1f2d70436b10635977b78a004e856739f0ff41042645a159a105e6c377a5b37156c64acdbd45e77dc3b7167e231ac2810a30e388403f384b71c","name":"Suicide rate by year.csv","type":"text/csv","lastModified":1737039068110.826,"size":9186},{"id":"42b31f237d88d13221226c98198839832269f4f986f2c6c9899d9a07bf7f8d369abe51a52864de108e98239a991055ed43942d92880c79cc4881f585d65bfc07","href":"https://static.observableusercontent.com/files/42b31f237d88d13221226c98198839832269f4f986f2c6c9899d9a07bf7f8d369abe51a52864de108e98239a991055ed43942d92880c79cc4881f585d65bfc07","name":"_SocialFactorsCSV.csv","type":"text/csv","lastModified":1737039068110.826,"size":6634}] 2f:{"id":"df27cc024e5abfe0","slug":"fa2024-mental-health","title":"FA2024 Mental health (deep d3)","thumbnail":"e72b3a8d0a31732b8e01f298a36a8441fa3d77ca389d54bdd7972788123b8914","access_level":"public","create_time":"$D2025-01-16T14:51:08.110Z","update_time":"$D2025-01-20T08:44:52.523Z","view_time":null,"first_public_time":"$D2025-01-16T14:51:08.110Z","fork":{"id":"6a1ab57d48b76425","slug":null,"title":"Mental health","owner":{"id":"c9e6070fd9224ac1","login":"dis-2024-fall","name":"🪦 dis-2024-fall"}},"stars":0,"starred":false,"owner":{"type":"team","id":"c555e02063f451b5","login":"angiehjort","name":"Angie Hjort","avatar_url":"https://avatars-next.observableusercontent.com/d3c0d6d22f1525b9f9f1d4c8187de1dc20adc65c5baeb538c15672fb523883fa","tier":"starter_2024"},"version":862,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"1245953aabb247aa","login":"angiehjort","name":"Angie Hjort","avatar_url":"https://avatars-next.observableusercontent.com/d3c0d6d22f1525b9f9f1d4c8187de1dc20adc65c5baeb538c15672fb523883fa","tier":null}],"members":[{"type":"individual","id":"1245953aabb247aa","login":"angiehjort","name":"Angie Hjort","avatar_url":"https://avatars-next.observableusercontent.com/d3c0d6d22f1525b9f9f1d4c8187de1dc20adc65c5baeb538c15672fb523883fa","tier":null,"role":"editor"},{"type":"team","id":"c555e02063f451b5","login":"angiehjort","name":"Angie Hjort","avatar_url":"https://avatars-next.observableusercontent.com/d3c0d6d22f1525b9f9f1d4c8187de1dc20adc65c5baeb538c15672fb523883fa","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"c2b96431d92a6fa1","slug":"dis-course-projects","title":"Course projects archive","owner":{"id":"c555e02063f451b5","login":"angiehjort","name":"Angie Hjort"}},"type":"notebook","body":{"title":"FA2024 Mental health (deep d3)","cells":[{"id":0,"value":"# FA2024 Mental health (deep d3)\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":795,"value":"\n\n

Understanding Mental Health Across the US

This map shows the percentage of people diagnosed with mental illness by age group in each state. Click on any state to view its suicide rates and social factors over time. Social factors include the impact of unemployment, education, and poverty on mental health outcomes.

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":799,"value":"

Map of population Diagnosed or Treated for any type of mental illness in 2022

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":625,"value":"viewof selectedAge = Inputs.select(\n [\"18+ Diagnosed Estimate\", \"18-25 Diagnosed Estimate\", \"26+ Diagnosed Estimate\", \"18+ Treated Estimate\",\"18-25 Treated Estimate\",\"26+ Treated Estimate\"], \n { label: \"Age Group\", value: \"18+ Diagnosed Estimate\" }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":610,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"# Data Before Join","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":165,"value":"data1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":167,"value":"data2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":790,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":169,"value":"# Data After Joining","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":769,"value":"dataJoinedArray","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":788,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":690,"value":"# CODE & Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":695,"value":"import { aq, op } from '@uwdata/arquero'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":699,"value":"data1 = FileAttachment(\"Table31.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"data2 = FileAttachment(\"Table33@1.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":705,"value":"csvText = FileAttachment(\"suicide_rates_data_table@1.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":751,"value":"csvData = FileAttachment(\"Suicide rate by year.csv\").csv();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":708,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":828,"value":"socialData = FileAttachment(\"_SocialFactorsCSV.csv\").csv();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"value":"diagData = aq.from(data1).rename({\n \"18+\\nEstimate\": \"18+ Diagnosed Estimate\",\n \"18+\\n95% CI (Lower)\": \"18+ Diagnosed 95% CI (Lower)\",\n \"18+\\n95% CI (Upper)\": \"18+ Diagnosed 95% CI (Upper)\",\n \"18-25\\nEstimate\": \"18-25 Diagnosed Estimate\",\n \"18-25\\n95% CI (Lower)\": \"18-25 Diagnosed 95% CI (Lower)\",\n \"18-25\\n95% CI (Upper)\": \"18-25 Diagnosed 95% CI (Upper)\",\n \"26+\\nEstimate\": \"26+ Diagnosed Estimate\",\n \"26+\\n95% CI (Lower)\": \"26+ Diagnosed 95% CI (Lower)\",\n \"26+\\n95% CI (Upper)\": \"26+ Diagnosed 95% CI (Upper)\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":719,"value":"treatData = aq.from(data2).rename({\n \"18+\\nEstimate\": \"18+ Treated Estimate\",\n \"18+\\n95% CI (Lower)\": \"18+ Treated 95% CI (Lower)\",\n \"18+\\n95% CI (Upper)\": \"18+ Treated 95% CI (Upper)\",\n \"18-25\\nEstimate\": \"18-25 Treated Estimate\",\n \"18-25\\n95% CI (Lower)\": \"18-25 Treated 95% CI (Lower)\",\n \"18-25\\n95% CI (Upper)\": \"18-25 Treated 95% CI (Upper)\",\n \"26+\\nEstimate\": \"26+ Treated Estimate\",\n \"26+\\n95% CI (Lower)\": \"26+ Treated 95% CI (Lower)\",\n \"26+\\n95% CI (Upper)\": \"26+ Treated 95% CI (Upper)\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":722,"value":"dataJoined = aq.from(diagData).join_full(aq.from(treatData))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":725,"value":"topojson = require(\"topojson\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":728,"value":"d3 = require(\"d3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":731,"value":"us = await d3.json(\"https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":734,"value":"dataJoinedArray = dataJoined.objects()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":737,"value":"stateData = \n dataJoinedArray\n // Filter out the first 5 rows by checking if the State field is a region or total\n .filter(d => !['Total U.S.', 'Northeast', 'Midwest', 'South', 'West'].includes(d.State))\n // Map to [state, value] pairs\n .map(d => [\n d.State,\n parseFloat(d[selectedAge].replace('%', ''))\n ]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":740,"value":"stateDataMap = new Map(stateData)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":743,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":748,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 30:"$2f:body"