2b:null 2c:["$","title",null,{"children":"Daily Sea Surface Temperature Anomalies, 1982-2026 (Animation) | Climate Central | Observable"}] 31:T63a,colorLegend = { const width = 300; const height = 60; const margin = { top: 20, right: 20, bottom: 30, left: 20 }; const domain = [-1.5, 1.5]; const colorScale = d3.scaleQuantize() .domain(domain) .range(colors); const svg = d3.create("svg") .attr("width", width) .attr("height", height); const legendWidth = width - margin.left - margin.right; const legendHeight = 10; const stepWidth = legendWidth / colors.length; const g = svg.append("g") .attr("transform", `translate(${margin.left},${margin.top})`); // Draw color blocks g.selectAll("rect") .data(colors) .join("rect") .attr("x", (d, i) => i * stepWidth) .attr("y", 0) .attr("width", stepWidth) .attr("height", legendHeight) .attr("fill", d => d); // Axis scale const xScale = d3.scaleLinear() .domain(domain) .range([0, legendWidth]); const xAxis = d3.axisBottom(xScale) .tickValues([-1.5, 0.0, 1.5]) .tickFormat((d) => d + "°C") .tickSize(6); // Add axis g.append("g") .attr("transform", `translate(0, ${legendHeight})`) .call(xAxis) .call(g => g.select(".domain").remove()) // remove axis line .call(g => g.selectAll("text") .style("font-family", "Bebas Neue") .style("font-size", "14px") ); // Add title g.append("text") .attr("x", legendWidth / 2) .attr("y", -8) .attr("text-anchor", "middle") .style("font-family", "Bebas Neue") .style("font-size", "16px") .style("font-weight", "normal") .text("Difference from 1991-2020 normal"); return svg.node(); } 32:[{"id":"5a9fadd5c85c0c14f9849886a66dbd03ed67662ead98114cbe633072026e41eec8c0d8ee22bd3c3b0bffb441bf8e8b1964c6861973c9dc3f5f160324feead694","href":"https://static.observableusercontent.com/files/5a9fadd5c85c0c14f9849886a66dbd03ed67662ead98114cbe633072026e41eec8c0d8ee22bd3c3b0bffb441bf8e8b1964c6861973c9dc3f5f160324feead694","name":"CC_LongLogo-2 (1) (1).png","type":"image/png","lastModified":1753857926640.158,"size":199924}] 2f:{"id":"8f6b7fbb732305a8","slug":"daily-sst-animation","title":" Daily Sea Surface Temperature Anomalies, 1982-2026 (Animation)","thumbnail":"4903b9bac745dbd5634815a2599d301665b57152133bb288bfc20f056bef6323","access_level":"public","create_time":"$D2025-05-23T20:05:04.124Z","update_time":"$D2026-09-10T00:33:48.176Z","view_time":null,"first_public_time":"$D2025-07-30T09:04:32.380Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"1b16cfac8e47ddf9","login":"climatecentral","name":"Climate Central","avatar_url":"https://avatars-next.observableusercontent.com/b8d84fbc6265f9a7c731e62fc076af7c84c7be3a9be06e52da319786d6b129dd","tier":"pro_2024"},"version":1828,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"43d98796353ee1e2","login":"ktrudeau","name":"Kaitlyn Trudeau","avatar_url":"https://avatars-next.observableusercontent.com/3650447af2e2411fcfe3aa899ed520cce0fe01a62f5b78ec6617c32d64cdf326","tier":null},{"type":"individual","id":"4437df17cc61ecd6","login":"zachary-labe","name":"Zack Labe","avatar_url":"https://avatars-next.observableusercontent.com/2962590adcb8bbcb054d521be92bcf44d6b50e1d353cf775520b792c1399f4de","tier":null}],"members":[{"type":"team","id":"1b16cfac8e47ddf9","login":"climatecentral","name":"Climate Central","avatar_url":"https://avatars-next.observableusercontent.com/b8d84fbc6265f9a7c731e62fc076af7c84c7be3a9be06e52da319786d6b129dd","tier":"pro_2024","role":"editor"},{"type":"individual","id":"43d98796353ee1e2","login":"ktrudeau","name":"Kaitlyn Trudeau","avatar_url":"https://avatars-next.observableusercontent.com/3650447af2e2411fcfe3aa899ed520cce0fe01a62f5b78ec6617c32d64cdf326","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":" Daily Sea Surface Temperature Anomalies, 1982-2026 (Animation)","cells":[{"id":0,"value":"

Daily Sea Surface Temperature Anomalies, 1982-2026 (Animation)

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":28,"value":"viewof replay = Inputs.button(\"Replay\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1112,"value":"topline = html`

Global daily sea surface temperatures, 1982-2026\n

${colorLegend}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":22,"value":"viewof animated_chart = addAnimation(\n Plot.plot({\n height: 400,\n width: width,\n marginLeft: 25,\n marginTop: 35,\n style: {\n fontFamily: \"Bebas Neue\",\n fontSize: 18,\n fill: \"#595A5A\"\n },\n y: {\n axis: false\n },\n x: {\n axis: \"top\",\n tickFormat: d3.format(\"0\"),\n tickRotate: 270,\n tickSize:0,\n tickPadding: 35,\n },\n color: {\n type: \"diverging\",\n range: colors,\n domain: [-0.8, 0.8],\n legend: false\n },\n marks: [\n // 1. First, draw the heatmap cells (in the background)\n Plot.cell(\n through26.filter((d) => !isNaN(d.temp)),\n {\n x: (d) => d.year,\n y: (d) => d.day,\n fill: (d) => d.anomC,\n fillOpacity: 0\n }\n ),\n\n ]\n }),\n { type: \"rect\", delay: 0.1, replay: replay }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1668,"value":"","pinned":true,"hidden":false,"mode":"ts","author":"$undefined","summary":"$undefined"},{"id":46,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1599,"value":"through26 = updatedData.filter((d) => d.year <= 2026)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":54,"value":"colors = [\n \"#67000d\",\n \"#a50f15\",\n \"#cb181d\",\n \"#ef3b2c\",\n \"#fb6a4a\",\n \"#fc9272\",\n \"#fcbba1\",\n \"#fee0d2\",\n \"#deebf7\",\n \"#c6dbef\",\n \"#9ecae1\",\n \"#6baed6\",\n \"#4292c6\",\n \"#2171b5\",\n \"#08519c\",\n \"#08306b\"\n].reverse()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5,"value":"import { updatedData, d2 } from \"@climatecentral/daily-sst\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":24,"value":"import { addAnimation } from \"@mkfreeman/plot-animation\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":405,"value":"viewof logo = FileAttachment(\"CC_LongLogo-2 (1) (1).png\").image({width: 200, height: 15})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":967,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W32","stdlib":"2","titling":"auto"}} 30:"$2f:body"