31:T44f,newMap = htl.html`

${viewof map}

${viewof logo}

${viewof legend}

`32:Tae9,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.slope)) .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", 3).style("stroke", "#fee004"); const thisSt = thisDiv.properties.STUSPS; if(thisSt !== "HI") { const message = direction(+thisDiv.properties.slope); tooltip.style("visibility", "visible").html(`The average spring temperature in ${ thisDiv.properties.NAMELSAD}, ${thisDiv.properties.STUSPS} ${message} ${+thisDiv.properties.slope}°F since 1970.`); } else { tooltip.style("visibility", "visible").html(`Average spring temperatures for ${thisDiv.properties.NAMELSAD}, HI were not available for the full study period.`); } }) .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:[{"id":"c76a85295b43f0ad56fc3e984ccc6c68b8e7f8e861dcc2010c58cb49d157c00bfcbdb953e518391924543fb4f03fddfd4b9cb059aa7acec2c600f7f17292efd2","href":"https://static.observableusercontent.com/files/c76a85295b43f0ad56fc3e984ccc6c68b8e7f8e861dcc2010c58cb49d157c00bfcbdb953e518391924543fb4f03fddfd4b9cb059aa7acec2c600f7f17292efd2","name":"2025SpringPackage_DataDownload_Map.csv","type":"text/csv","lastModified":1739980651498.482,"size":119096},{"id":"d9c3b04114451c69b258aaf25c8ed26f8f82c687f1910b32c8d520aa1c3558cc4322b5b1e43b31eea2742b96579560f16b88235addde78d3b7ab831745cd60a7","href":"https://static.observableusercontent.com/files/d9c3b04114451c69b258aaf25c8ed26f8f82c687f1910b32c8d520aa1c3558cc4322b5b1e43b31eea2742b96579560f16b88235addde78d3b7ab831745cd60a7","name":"2025SpringPackage_Counties@1.geojson","type":"application/geo+json","lastModified":1740068049660.832,"size":29368148},{"id":"32a73be03788ca8843e10af36478466e7464b507a1c2a56512880dd88c9daabb04b6c0eb2cafd8b273c458a696c460b6f3c30377ae06821fd22cda77d8226366","href":"https://static.observableusercontent.com/files/32a73be03788ca8843e10af36478466e7464b507a1c2a56512880dd88c9daabb04b6c0eb2cafd8b273c458a696c460b6f3c30377ae06821fd22cda77d8226366","name":"2025SpringPackage_Counties@2.geojson","type":"application/geo+json","lastModified":1740068135851.878,"size":29358443},{"id":"5a9fadd5c85c0c14f9849886a66dbd03ed67662ead98114cbe633072026e41eec8c0d8ee22bd3c3b0bffb441bf8e8b1964c6861973c9dc3f5f160324feead694","href":"https://static.observableusercontent.com/files/5a9fadd5c85c0c14f9849886a66dbd03ed67662ead98114cbe633072026e41eec8c0d8ee22bd3c3b0bffb441bf8e8b1964c6861973c9dc3f5f160324feead694","name":"CC_LongLogo (1).png","type":"image/png","lastModified":1737646214328.436,"size":199924},{"id":"24bbe134be61a889806ca694cf6617897e0893eaf6061c7c3bce1732ea02953681130609c7551b70b75f28f5ecc7bd4a5f20113f2ad537930409ce392425d0be","href":"https://static.observableusercontent.com/files/24bbe134be61a889806ca694cf6617897e0893eaf6061c7c3bce1732ea02953681130609c7551b70b75f28f5ecc7bd4a5f20113f2ad537930409ce392425d0be","name":"2025SpringPackage_Counties.geojson","type":"application/geo+json","lastModified":1737689253641.153,"size":29643103},{"id":"8755b0520731e95bb621eff76427ce7419c8ab8c395a0ddc4d641cc3dc00a02576a8da6d6c7c24d47f62badd2407513c3d378a07842a3ecc83fe9ecca9f44b29","href":"https://static.observableusercontent.com/files/8755b0520731e95bb621eff76427ce7419c8ab8c395a0ddc4d641cc3dc00a02576a8da6d6c7c24d47f62badd2407513c3d378a07842a3ecc83fe9ecca9f44b29","name":"2025SpringPackage_County.csv","type":"text/csv","lastModified":1737690787533.626,"size":33735},{"id":"24bd58ba596e88a9f4e6fa1053b440f048e8b079a971de1892b4c8fd8c45e5051ef27f70473397a15493a37c5295265b1bbbcd03f55507278c67bf103b1775c5","href":"https://static.observableusercontent.com/files/24bd58ba596e88a9f4e6fa1053b440f048e8b079a971de1892b4c8fd8c45e5051ef27f70473397a15493a37c5295265b1bbbcd03f55507278c67bf103b1775c5","name":"2025SpringPackage_MarketData.geojson","type":"application/geo+json","lastModified":1737968742472.473,"size":137885}] 2f:{"title":"Climate Matters: 2025 Spring Package","cells":[{"id":0,"value":"# Climate Matters: 2025 Spring Package","pinned":false,"hidden":false,"mode":"md"},{"id":3,"value":"

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

","pinned":false,"hidden":false,"mode":"html"},{"id":12,"value":"Meteorological spring, which starts March 1, is warming across the U.S., affecting allergy seasons, wildfire risk, and snow-fed water supplies. Read more about the impacts of warming spring temperatures in Climate Central's 2025 Spring Package.\n
","pinned":false,"hidden":false,"mode":"html"},{"id":24,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"

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

","pinned":false,"hidden":false,"mode":"html"},{"id":25,"value":"

Want to embed this map on another website?

${Object.assign(html`

","pinned":false,"hidden":false,"mode":"html"},{"id":476,"value":"

This analysis was made possible thanks to open source data provided by NOAA/NCEI.

","pinned":false,"hidden":false,"mode":"html"},{"id":33,"value":"Methodology: Monthly temperature data for U.S. counties were obtained from NOAA/NCEI's nClimDiv dataset. This data can also be downloaded for individual counties via NCEI's Climate at a Glance. Data for Hawaiian counties were not available for the same time period and were not included in the analysis. 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. For any questions about this interactive, please contact ktrudeau@climatecentral.org.","pinned":false,"hidden":false,"mode":"html"},{"id":184,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":553,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":557,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":35,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":39,"value":"viewof legend = htl.html`

\n \n

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

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"viewof logo = await (FileAttachment(\"CC_LongLogo (1).png\").image({width: 250, height:18}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"embedCode = {\n return``\n }","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"colors = ['#deebf7','#e7e7e7','#fee5d9','#fcbba1','#fc9272','#fb6a4a','#ef3b2c','#cb181d', '#99000d']","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"getColor = function(temp) {\n if(temp === null) {\n return \"white\";\n } else {\n let x = +temp;\n if(x <= -1) {\n return colors[0];\n } else if (x > -1 & 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}\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"mutable thisDiv = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":66,"value":"path = d3.geoPath().projection(projection)","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"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":293,"value":"dataDownload = FileAttachment(\"2025SpringPackage_DataDownload_Map.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"counties = FileAttachment(\"2025SpringPackage_Counties.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":104,"value":"data = FileAttachment(\"2025SpringPackage_County.csv\").csv({typed:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":206,"value":"states = topojson.feature(us, us.objects.states).features","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"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":74,"value":"us = d3.json(\"https://unpkg.com/us-atlas@3/counties-10m.json\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":76,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"marketData = FileAttachment(\"2025SpringPackage_MarketData.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"d3 = require(\"d3@7\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":213,"value":"import {geoAlbersUsaPr} from \"@washpostgraphics/geo-albers-usa-pr\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":80,"value":"import {copy} from \"@mbostock/copy-to-clipboard\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"import {Legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":501,"value":"import {embed} from \"@observablehq/auto-resizing-embed\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":502,"value":"embeddedMap = embed(\"https://observablehq.com/embed/@climatecentral/spring-package@latest?cells=newMap&banner=false\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}