2b:null 2c:["$","title",null,{"children":"Monthly Global Temperature Anomalies | Shad Frigui | Observable"}] 31:Tb47,viz = () => { const plot = Plot.plot({ // Dimensions width: svgWidth, marginTop: 10, marginRight: 30, marginBottom: 30, marginLeft: 0, // Scales x: { insetLeft: 40 }, y: { domain: [-0.3, 2] }, color: colorScale, // Other top-level options className: "plot", axis: null, label: null, // Marks marks: [ // Highlight chart area where y > 1.5 threshold Plot.rect([{}], { x1: 0, x2: 11, y1: 1.5, y2: 2, className: "highlight" }), // X-axis Plot.axisX({ ticks: 6, tickFormat: (x) => formatMonth(x), tickSize: 8, className: "axis x-axis" }), // Y-axis Plot.gridY({ ticks: d3.range(0, 2.5, 0.5), stroke: (y) => (y === 1.5 ? "#a0a0a0" : "#c2c2c2"), strokeWidth: (y) => (y === 1.5 ? 2.5 : 1), className: "grid y-grid" }), Plot.axisY({ ticks: d3.range(0, 2.5, 0.5), tickFormat: (y, i, ticks) => `${formatYLabel(y)}${ i === ticks.length - 1 ? "°C above 1850–1900 level" : "" }`, tickSize: 0, dx: 10, dy: -10, className: "axis y-axis" }), // Line marks Plot.lineY(monthlyAnomalies, { x: "month", y: "anomaly", stroke: "year", strokeWidth: (d) => (d.year === 2024 ? 4 : d.year === 2023 ? 3 : 1) }), // Dot marks Plot.dot(monthlyAnomalies, { filter: (d) => [2023, 2024].includes(d.year), x: "month", y: "anomaly", r: 5, fill: "year", stroke: bgColor, title: (d) => `${formatMonth(d.month)} ${d.year}\n${d.anomaly}°C`, tip: { fillOpacity: 0.9, stroke: "#e8e8e8", fontSize: 14, lineHeight: 1.15, textAnchor: "center", pointerSize: 15 } }), // Annotations Plot.text( monthlyAnomalies, Plot.selectLast({ x: "month", y: "anomaly", text: (d) => `${formatMonth(d.month)} ${d.year}\n${d.anomaly}°C`, fill: "year", z: null, lineHeight: 1.1, dx: -5, dy: 12, className: "annot annot-24" }) ), Plot.text(["2023"], { x: 10, y: 1.82, className: "annot annot-23" }), Plot.text(["All other years since 1940"], { x: 5.5, y: 0.5, className: "annot" }), // Hover effect on dot marks Plot.dot( monthlyAnomalies, Plot.pointer({ filter: (d) => [2023, 2024].includes(d.year), x: "month", y: "anomaly", r: 6, stroke: "year", strokeWidth: 2, fill: bgColor }) ) ] }); return plot; }32:T515,33:[{"id":"2a3c8e841fc49825ebd65816c7f3296b64d097d94fa9c233203bbd3cf518681ed32a0dea990cd9ce38e1cb2a319892c3fca2b1d9033f65a6d74cc6a9f487a178","href":"https://static.observableusercontent.com/files/2a3c8e841fc49825ebd65816c7f3296b64d097d94fa9c233203bbd3cf518681ed32a0dea990cd9ce38e1cb2a319892c3fca2b1d9033f65a6d74cc6a9f487a178","name":"Monthly global temperature anomalies since 1940.csv","type":"text/csv","lastModified":1723031434579.729,"size":40316},{"id":"cb69c6c540cffbca50a9a7dfc4737490adabf3dcc30fc405f883950201e09e7aad9d41cfe5c6f718b007228fe0d1e18c313ba4ce93bfa7996c2b8bb39c4fa62a","href":"https://static.observableusercontent.com/files/cb69c6c540cffbca50a9a7dfc4737490adabf3dcc30fc405f883950201e09e7aad9d41cfe5c6f718b007228fe0d1e18c313ba4ce93bfa7996c2b8bb39c4fa62a","name":"monthly-global-temp-anomalies.png","type":"image/png","lastModified":1723081114041.918,"size":341362}] 2f:{"id":"3703b9fde1bceab1","slug":"monthly-global-temperature-anomalies","title":"Monthly Global Temperature Anomalies","thumbnail":"053fb1ac72f79b22e8262c501663ce1f00c298b7b833ae6b524ed97919a150ac","access_level":"public","create_time":"$D2024-08-07T11:46:20.890Z","update_time":"$D2024-08-28T19:41:02.219Z","view_time":null,"first_public_time":"$D2024-08-08T02:08:40.225Z","fork":{"id":"6c9fe09a8fe9fd7d","slug":"global-surface-air-temperatures","title":"Daily Global Average Temperatures","owner":{"id":"b1a1ffcc37499480","login":"shadfriguii","name":"Shad Frigui"}},"stars":3,"starred":false,"owner":{"type":"team","id":"b1a1ffcc37499480","login":"shadfriguii","name":"Shad Frigui","avatar_url":"https://avatars-next.observableusercontent.com/635800f7fe5494a1bc548666985c01c02a373cb79c71182e874bdc85efcd6913","tier":"starter_2024"},"version":6731,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"afc1efddfa830eb6","login":"shadfriguii","name":"Shad Frigui","avatar_url":"https://avatars-next.observableusercontent.com/ff30c5d300e0b2c956a89730e2aa88e5629872a07345a7bd4bb437c3c8bf55c6","tier":null}],"members":[{"type":"individual","id":"afc1efddfa830eb6","login":"shadfriguii","name":"Shad Frigui","avatar_url":"https://avatars-next.observableusercontent.com/ff30c5d300e0b2c956a89730e2aa88e5629872a07345a7bd4bb437c3c8bf55c6","tier":null,"role":"editor"},{"type":"team","id":"b1a1ffcc37499480","login":"shadfriguii","name":"Shad Frigui","avatar_url":"https://avatars-next.observableusercontent.com/635800f7fe5494a1bc548666985c01c02a373cb79c71182e874bdc85efcd6913","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":2,"collection":{"id":"0b8b86046f742573","slug":"public","title":"Shad's Graphics","owner":{"id":"b1a1ffcc37499480","login":"shadfriguii","name":"Shad Frigui"}},"type":"notebook","body":{"title":"Monthly Global Temperature Anomalies","cells":[{"id":1457,"value":"# Monthly Global Temperature Anomalies\n`Published August 8, 2024`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5362,"value":"Every month from July 2023 to June 2024 saw global temperatures at least 1.5°C above pre-industrial levels. July 2024 marked the end of this 12-month streak.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5331,"value":"

Monthly global temperature anomalies relative to pre-industrial levels

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":6529,"value":"viz()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5393,"value":"","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5554,"value":"## Static visualization for social media publishing","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5533,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":6036,"value":"vizStatic = FileAttachment(\"monthly-global-temp-anomalies.png\").url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6457,"value":"---\n## Graphics","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5610,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6662,"value":"colorScale = Plot.scale({\n color: {\n type: \"categorical\",\n domain: [2023, 2024],\n range: [\"#fec26c\", \"#fb8b49\"],\n unknown: \"#e6e6e6\"\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5192,"value":"svgWidth = Math.min(width, 640)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2448,"value":"bgColor = \"#fff\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3651,"value":"## Styles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1093,"value":"$32","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":5,"value":"## Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":6189,"value":"monthlyAnomalies","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5897,"value":"data = aq.fromCSV(\n await FileAttachment(\n \"Monthly global temperature anomalies since 1940.csv\"\n ).text(),\n // Skip comment lines\n {\n comment: \"#\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6191,"value":"monthlyAnomalies = data\n .derive({\n month: (d) => op.utcmonth(d.month),\n year: (d) => op.utcyear(d.month)\n })\n .select(\"year\", \"month\", { ano_pi: \"anomaly\" })\n// .view()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":5062,"value":"## Utilities","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":6410,"value":"formatMonth = (x) =>\n [2, 3, 4, 5, 6].includes(x)\n ? Plot.formatMonth(\"en-US\", \"long\")(x)\n : Plot.formatMonth()(x) + \".\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6465,"value":"formatYLabel = d3.format(\"+.1f\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4864,"value":"href = \"https://sites.ecmwf.int/data/c3sci/bulletin/202407/press_release/Monthly%20global%20temperature%20anomalies%20since%201940.csv\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4708,"value":"## Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":6407,"value":"Plot = import(\"https://esm.sh/gh/observablehq/plot@1d01e25428?bundle-deps\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4640,"value":"import { aq, op } from \"@uwdata/arquero\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6149,"value":"import {\n franklinLight,\n iconArrowCursor,\n iconHandTap\n} from \"@shadfriguii/fonts-and-icons\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"