31:T44a,newMap = htl.html`

${viewof legend}

${viewof map}

${viewof logo}

`32:T9cb,viewof map = { let tooltip = d3 .select("body") .append("div") .attr("class", "tooltip") .style("position", "absolute") .style("z-index", "10") .style("visibility", "hidden") .style("padding", "5px") .style("opacity", 0.9) .style("background", "white") .style("border", "2px solid") .style("border-radius", "2px") .style("pointer-radius", "none"); const div = d3.create("div"); function direction(temp) { if (temp >= 1) { return "has warmed by"; } else if (temp <= -1) { return "has cooled by"; } else { return "has remained fairly constant, changing "; } } // we create an SVG with the width and height specified const svg = div .append("svg") .attr("width", 1000) .attr("height", 600) .attr("viewBox", [0, 0, 1000, 600]); const countyGeogs = svg .append("g") .selectAll("path") .data(counties.features) .join("path") // This line renders our data .attr("fill", (d) => getColor(d.properties.CHANGE_F)) .style("stroke", "black") .style("stroke-width", 0.25) .attr("d", path); countyGeogs .on("mouseover", function (e, d) { let thisDiv = d3.select(this).data()[0]; if (thisDiv !== mutable thisDiv) mutable thisDiv = thisDiv; d3.select(this).style("stroke-width", 2).style("stroke", "white"); const message = direction(thisDiv.properties.CHANGE_F); tooltip.style( "visibility", "visible" ).html(`The average summer temperature in ${ thisDiv.properties.COUNTY }, ${thisDiv.properties.ST_ABBR} ${message} ${+thisDiv.properties.CHANGE_F}°F since 1970.`); }) .on("mousemove", function (e, d) { return tooltip .style("top", e.pageY - 10 + "px") .style("left", e.pageX + 10 + "px"); }) .on("mouseout", function (e, d) { if (mutable thisDiv) mutable thisDiv = null; d3.select(this).style("stroke-width", 0.15).style("stroke", "black"); tooltip.style("visibility", "hidden"); }); // this part renders the state borders over top of our counties svg .append("path") .datum(statesMesh) .attr("fill", "none") .attr("stroke", "black") .attr("stroke-width", 1) .attr("stroke-linejoin", "round") .attr("d", path); // we need to return a DOM element. // the .node() function returns the DOM element corresponding to the d3 selection. return div.node(); }33:Ta27,34:[{"id":"61131cdce67f16a23210998addfc87d2b79b3673d3f24df9a585c3f2ed88b25537338af261ec490a18ada450a886b5bfff3c9b11994052a6cf9c39d703c57cc2","href":"https://static.observableusercontent.com/files/61131cdce67f16a23210998addfc87d2b79b3673d3f24df9a585c3f2ed88b25537338af261ec490a18ada450a886b5bfff3c9b11994052a6cf9c39d703c57cc2","name":"2025SummerPackage_AvgT_Counties_update.csv","type":"text/csv","lastModified":1747674427655.801,"size":123125},{"id":"d36bbb3e12a0b22a0876ea6fb11962c254facae7746e5570868e1f83bb246cc186f1d573e3102c37fb384fef77a34c074a008d207e6593e236344b387caa9446","href":"https://static.observableusercontent.com/files/d36bbb3e12a0b22a0876ea6fb11962c254facae7746e5570868e1f83bb246cc186f1d573e3102c37fb384fef77a34c074a008d207e6593e236344b387caa9446","name":"2025SummerPackage_AvgT_Counties_update.geojson","type":"application/geo+json","lastModified":1747675463442.151,"size":29578500},{"id":"5a9fadd5c85c0c14f9849886a66dbd03ed67662ead98114cbe633072026e41eec8c0d8ee22bd3c3b0bffb441bf8e8b1964c6861973c9dc3f5f160324feead694","href":"https://static.observableusercontent.com/files/5a9fadd5c85c0c14f9849886a66dbd03ed67662ead98114cbe633072026e41eec8c0d8ee22bd3c3b0bffb441bf8e8b1964c6861973c9dc3f5f160324feead694","name":"CC_LongLogo.png","type":"image/png","lastModified":1747166301396.409,"size":199924}] 2f:{"title":"Climate Matters: 2025 Summer Package","cells":[{"id":189,"value":"# Climate Matters: 2025 Summer Package","pinned":false,"hidden":false,"mode":"md"},{"id":0,"value":"

Change in Average Summer Temperature (°F) by County, 1970-2024

","pinned":false,"hidden":false,"mode":"html"},{"id":14,"value":"Meteorological summer, which starts June 1, is heating up across the U.S. Excessive heat is the leading cause of weather-related deaths in the U.S., and climate change is making spells of deadly heat longer and more frequent. \n\n\nThe map below shows how much average summer temperatures have changed in counties across the contiguous U.S. from 1970-2024. Read more about the impacts of increasing summer warmth in Climate Central's 2025 Summer Package.","pinned":false,"hidden":false,"mode":"html"},{"id":92,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":"

Want to embed this map on another website?

${Object.assign(html`

\n","pinned":false,"hidden":false,"mode":"html"},{"id":32,"value":"

${DOM.download(\n FileAttachment(\"2025SummerPackage_AvgT_Counties_update.csv\").blob(),\n FileAttachment(\"2025SummerPackage_AvgT_Counties_update.csv\").name,\n \"Download Data\"\n)}

","pinned":false,"hidden":false,"mode":"html"},{"id":2301,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":2287,"value":"Methodology: Monthly temperature data for counties across the contiguous United States were obtained from NOAA/NCEI's nClimDiv dataset. This data can also be accessed via NCEI's Climate at a Glance. While Connecticut has recently switched from counties to planning regions, NCEI does not yet have data for the new geographies. Until that changes, we will continue to use the county data available for Connecticut.","pinned":false,"hidden":false,"mode":"html"},{"id":125,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":84,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"viewof legend = htl.html`

\n \n

${Legend(\n d3.scaleThreshold([`0°`, `+1°`, `+2°`, `+3°`, `+4°`, `+5°`, `+6°`], colors),\n {\n width: 700,\n height: 50,\n tickSize: 2,\n title: \"Change in average summer temperature (°F) by county, 1970-2024\"\n }\n )}

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"viewof logo = await (FileAttachment(\"CC_LongLogo.png\").image({width: 250, height:18}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"embedCode = {\n return ``;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":538,"value":"data = FileAttachment(\"2025SummerPackage_AvgT_Counties_update.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"colors = [\n \"#deebf7\",\n \"#fee5d9\",\n \"#fcbba1\",\n \"#fc9272\",\n \"#fb6a4a\",\n \"#ef3b2c\",\n \"#cb181d\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":73,"value":"getColor = function (temp) {\n if (temp === null) {\n return \"white\";\n } else {\n let x = +temp;\n if (x < 0) {\n return colors[0];\n } else if (x == 0) {\n return \"white\";\n } else if ((x > 0) & (x < 1)) {\n return colors[1];\n } else if ((x >= 1) & (x < 2)) {\n return colors[2];\n } else if ((x >= 2) & (x < 3)) {\n return colors[3];\n } else if ((x >= 3) & (x < 4)) {\n return colors[4];\n } else if ((x >= 4) & (x < 5)) {\n return colors[5];\n } else if ((x >= 5) & (x < 6)) {\n return colors[6];\n } else if ((x >= 6) & (x < 7)) {\n return colors[7];\n } else {\n return colors[8];\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"mutable thisDiv = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":52,"value":"path = d3.geoPath().projection(projection)","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"projection = d3.geoAlbersUsa()\n//.fitSize([width, height], countyShapes)\n// The default projection parameters used by most other county map examples instead of fitSize:\n.scale(1000)\n.translate([550, 350])","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"counties = FileAttachment(\"2025SummerPackage_AvgT_Counties_update.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":62,"value":"// The borders of the states are merged so we can render a single line where they would otherwise overlap\nstatesMesh = topojson.mesh(us, us.objects.states, (a, b) => a !== b)","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"us = d3.json(\"https://unpkg.com/us-atlas@3/counties-10m.json\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":48,"value":"d3 = require(\"d3@7\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":41,"value":"import {Legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"import {copy} from \"@mbostock/copy-to-clipboard\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2380,"value":"import { embed } from \"@observablehq/auto-resizing-embed\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"$33","pinned":false,"hidden":false,"mode":"html"},{"id":2386,"value":"embedded = embed(\n \"https://observablehq.com/embed/@climatecentral/2025-summer-package?cells=newMap&banner=false\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":2430,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":2419,"value":"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}