${d.time}, ${d.temp}°C / ${Math.round(9*d.temp/5+32)}°F, ${d.desc}

2a:null 2b:["$","title",null,{"children":"CPW weather | CJ Quines | Observable"}] 30:[{"id":"bf06c397402f51aa467ce7c12a16940c6d014544ada816763facdf43dd9c9e4e5d72dc74afcfce27cc14e4e813056d538c9886bac839cfab374b2f48aca57d77","href":"https://static.observableusercontent.com/files/bf06c397402f51aa467ce7c12a16940c6d014544ada816763facdf43dd9c9e4e5d72dc74afcfce27cc14e4e813056d538c9886bac839cfab374b2f48aca57d77","name":"cpw-weather.csv","type":"text/csv","lastModified":1619894840799.877,"size":156343},{"id":"347cbc8742b0404e61d8c1272097a15ed66e2d98001a775030a5257c48c12f9bba6aec812672c66d55f60b0ad31076bc89128bb01dd3ae5b7999e3ba82beba48","href":"https://static.observableusercontent.com/files/347cbc8742b0404e61d8c1272097a15ed66e2d98001a775030a5257c48c12f9bba6aec812672c66d55f60b0ad31076bc89128bb01dd3ae5b7999e3ba82beba48","name":"cpw-weather@1.csv","type":"text/csv","lastModified":1681275076830.932,"size":162156},{"id":"77a18166eb4b2d3495ff04236bbe8da3f0bfcf02709d7b5d7b372eda0c71f4147ce8b136b3cc0f4e26f2ef8bc4e7869c4f1e94fbd7a2a93c18fcb8eed4cf4a82","href":"https://static.observableusercontent.com/files/77a18166eb4b2d3495ff04236bbe8da3f0bfcf02709d7b5d7b372eda0c71f4147ce8b136b3cc0f4e26f2ef8bc4e7869c4f1e94fbd7a2a93c18fcb8eed4cf4a82","name":"cpw-weather@3.csv","type":"text/csv","lastModified":1681275593858.826,"size":158990},{"id":"957558b1f263d2c6e2924415fb15067ffd5659dcd6a7c86dda789022fcfe52b3e6bd7e22f4d094aadb285a2165b9c954167d8d07fb75f23d4af5d6b06c8ab96c","href":"https://static.observableusercontent.com/files/957558b1f263d2c6e2924415fb15067ffd5659dcd6a7c86dda789022fcfe52b3e6bd7e22f4d094aadb285a2165b9c954167d8d07fb75f23d4af5d6b06c8ab96c","name":"cpw-weather@4.csv","type":"text/csv","lastModified":1681275798271.976,"size":158990}] 2e:{"id":"f828d085f383e962","slug":"cpw-weather-2","title":"CPW weather","thumbnail":"ddb33b8f94123bdb18611ff278c901edce5544601823f84e5b1f679fe196f46a","access_level":"public","create_time":"$D2021-05-01T17:44:30.185Z","update_time":"$D2023-04-12T06:03:27.218Z","view_time":null,"first_public_time":"$D2021-05-01T18:55:39.868Z","fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"33a25060c990a0b1","login":"cjquines","name":"CJ Quines","avatar_url":"https://avatars-next.observableusercontent.com/0ee2ae8b8058bc7de3b6db1ab94fc0cb240e16debd07f11b49b31c95b2a3a1ad","tier":"starter_2024"},"version":653,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ceab32d88b901bdd","login":"cjquines","name":"CJ Quines","avatar_url":"https://avatars-next.observableusercontent.com/0ee2ae8b8058bc7de3b6db1ab94fc0cb240e16debd07f11b49b31c95b2a3a1ad","tier":null}],"members":[{"type":"individual","id":"ceab32d88b901bdd","login":"cjquines","name":"CJ Quines","avatar_url":"https://avatars-next.observableusercontent.com/0ee2ae8b8058bc7de3b6db1ab94fc0cb240e16debd07f11b49b31c95b2a3a1ad","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"CPW weather","cells":[{"id":0,"value":"md`# CPW weather`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":46,"value":"legend_ = html`

\n${legend({color: tempColor, title: \"Temperature →\", tickFormat: d => `${d}°C`})}\n

\n${legend({color: tempColor, title: \"Temperature →\", tickFormat: d => `${Math.round(9*d/5+32)}°F`})}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":389,"value":"chart = html`\n \n ${data.filter(d => d.temp !== \"na\").map(d => {\n const icon = svgIcon(d.desc, hourScale.bandwidth() + 1, yearScale.bandwidth(), tempColor(d.temp));\n return svg`\n \n ${icon}\n ${d.time}, ${d.temp}°C / ${Math.round(9*d.temp/5+32)}°F, ${d.desc}\n `;\n })}\n \n ${d3.select(svg``)\n .call(d3.axisLeft(yearScale))\n .call(g => g.select(\".domain\").remove())\n .node()}\n `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":651,"value":"legend2 = html`

\n${legend({color: tempColor, title: \"Temperature →\", tickFormat: d => `${d}°C`})}\n

\n${legend({color: tempColor, title: \"Temperature →\", tickFormat: d => `${Math.round(9*d/5+32)}°F`})}\n

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":536,"value":"chart2 = html`\n \n ${data.filter(d => d.year === 2023).map(d => {\n const icon = svgIcon(d.desc, hourScale.bandwidth() + 1, height2, tempColor(d.temp), 4);\n return svg`\n \n ${icon}\n ${d.time}, ${d.temp}°C / ${Math.round(9*d.temp/5+32)}°F, ${d.desc}\n `;\n })}\n \n ${[0,1,2,3].map(i => d3.select(svg``)\n .call(leg())\n .node())}\n `","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":599,"value":"leg = () => {\n let scale = d3.scaleBand().domain(d3.range(0,24)).range([0, (width - margin.left - 3*hourPadding)/4]);\n let axis = d3.axisBottom(scale);\n axis.tickValues([0,6,12,18]).tickFormat(z => `${String(z).padStart(2, \"0\")}:00`).tickSizeOuter(0);\n return axis;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":481,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":49,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":8,"value":"data = d3.csvParse(await FileAttachment(\"cpw-weather@4.csv\").text(), d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":115,"value":"tempColor = d3.scaleSequential()\n .domain([-5, 30])\n .interpolator(d3.interpolateViridis);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":63,"value":"yearScale = d3.scaleBand()\n .domain(data.map(d => d.year))\n .range([margin.top, height - margin.bottom])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":168,"value":"hourPadding = 4","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":82,"value":"hourScale = d3.scaleBand()\n .domain(d3.range(0, 96))\n .range([margin.left, width - margin.right - 3*hourPadding])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":171,"value":"hourScale_ = h => hourScale(h) + Math.floor(h / 24)*hourPadding","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":26,"value":"height = 800","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":550,"value":"height2 = 50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":60,"value":"width = 975","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":61,"value":"margin = ({top: 0, right: 0, bottom: 0, left: 40})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":220,"value":"svgIcon = (i, w, h, f, t=3) => {\n const wrap = child => svg`\n \n ${child}\n `;\n if ([\"clear\", \"cloud\", \"fog\"].some(w => i.includes(w))) {\n return wrap(svg`\n \n `);\n }\n return wrap(svg`\n \n `);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2f:"$2e:body"