2e:null 2f:["$","title",null,{"children":"Climate zones, seeing the whole, auto-aligned | Joshua Horowitz | Observable"}] 34:T9a8,{ const node = htl.html`

${[2023, 2070].map(year => htl.html`

${year}

${climateGroups.map(group => htl.html`

${group.name}

${group.climates.map(climate => htl.html`

${climateLabel(climate.name, group.name)}

${_.orderBy(_.filter(cities, {[`type_${year}`]: climate.name}), `temp_${year}`, 'desc').map(city => htl.html`

${city.name}

`)}

`; setTimeout(() => { const nodeBB = node.getBoundingClientRect(); for (let group of climateGroups) { for (let climate of group.climates) { const [left, right] = [2023, 2070].map(year => node.querySelector(`[data-id="${year}/${climate.name}"]`)); const h = Math.max(left.offsetHeight, right.offsetHeight) + 'px'; left.style.height = h; right.style.height = h; } } for (let city of cities) { const [left, right] = [2023, 2070].map(year => node.querySelector(`[data-id="${year}/${city.name}"]`)); const [leftBB, rightBB] = [left, right].map(node => node.getBoundingClientRect()) node.appendChild(htl.html` `); } }, 0); return node; }35:T5f5,climateGroups = [ { name: 'Arid', climates: [ { name: 'Arid, desert, hot', color: '#ffb098' }, { name: 'Arid, desert, cold', color: '#ffe870' }, { name: 'Arid, steppe, hot', color: '#ffd5a4' }, { name: 'Arid, steppe, cold', color: '#ffd0c1' }, ], color: 'rgb(255, 199, 193)', borderColor: 'rgb(218, 169, 165)', }, { name: 'Tropical', climates: [ { name: 'Tropical, monsoon', color: '#aff4c5' }, { name: 'Tropical, rainforest', color: '#eaf4af' }, { name: 'Tropical, savannah', color: '#daf4af' }, ], color: 'rgb(175, 244, 197)', borderColor: 'rgb(150, 208, 168)', }, { name: 'Temperate', climates: [ { name: 'Temperate, dry summer, hot summer', color: '#bcf7ff' }, { name: 'Temperate, no dry season, warm summer', color: '#bcdfff' }, { name: 'Temperate, no dry season, hot summer', color: '#97cdf4' }, { name: 'Temperate, dry summer, warm summer', color: '#bfdbf0' }, { name: 'Temperate, dry winter, hot summer', color: '#bcc7ff' }, { name: 'Temperate, dry winter, warm summer', color: '#79c7ff' }, ], color: 'rgb(188, 227, 255)', borderColor: 'rgb(161, 193, 218)', }, { name: 'Cold', climates: [ { name: 'Cold, dry winter, hot summer', color: '#f8cbff' }, { name: 'Cold, no dry season, hot summer', color: '#cbd6ff' }, { name: 'Cold, no dry season, warm summer', color: '#e2cbff' }, ], color: '#E4CCFF', borderColor: '#C3ADD9', }, ]36:[{"id":"d60d6398624f0ddf65768db21c2da90f82ca10b6d7b43869255390d662f9d0ed39ef6284765da4d2e3cc70e56e12574d76c41bf520912f24d593aea25325722e","href":"https://static.observableusercontent.com/files/d60d6398624f0ddf65768db21c2da90f82ca10b6d7b43869255390d662f9d0ed39ef6284765da4d2e3cc70e56e12574d76c41bf520912f24d593aea25325722e","name":"final_cities_v2.geojson","type":"application/geo+json","lastModified":1721261811664.952,"size":35898}] 32:{"id":"5ffdd3c7fb344f99","slug":"climate-zones-seeing-the-whole-auto-aligned","title":"Climate zones, seeing the whole, auto-aligned","thumbnail":"889018894eb5e513d62ee9cc9064861f2282376b10112505e79ff2063cf1d4c6","access_level":"public","create_time":"$D2024-07-18T00:16:51.664Z","update_time":"$D2024-07-18T00:22:49.625Z","view_time":null,"first_public_time":"$D2024-07-18T00:16:51.664Z","has_unpublished_edits":null,"fork":{"id":"642d8b81ebc0bc88","slug":"climate-zones-seeing-the-whole","title":"Climate zones, seeing the whole","owner":{"id":"4a29764d3c5ac978","login":"joshuahhh","name":"Joshua Horowitz"}},"stars":0,"starred":false,"owner":{"type":"team","id":"4a29764d3c5ac978","login":"joshuahhh","name":"Joshua Horowitz","avatar_url":"https://avatars-next.observableusercontent.com/c2ab36a2b36058e9d5ad6cab5c830958647aa34d40616ae28603a9a9e5d0064a","tier":"starter_2024"},"version":155,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ddc378ed3cec53e0","login":"joshuahhh","name":"Joshua Horowitz","avatar_url":"https://avatars-next.observableusercontent.com/c2ab36a2b36058e9d5ad6cab5c830958647aa34d40616ae28603a9a9e5d0064a","tier":null}],"members":[{"type":"team","id":"4a29764d3c5ac978","login":"joshuahhh","name":"Joshua Horowitz","avatar_url":"https://avatars-next.observableusercontent.com/c2ab36a2b36058e9d5ad6cab5c830958647aa34d40616ae28603a9a9e5d0064a","tier":"starter_2024","role":"editor"},{"type":"individual","id":"ddc378ed3cec53e0","login":"joshuahhh","name":"Joshua Horowitz","avatar_url":"https://avatars-next.observableusercontent.com/c2ab36a2b36058e9d5ad6cab5c830958647aa34d40616ae28603a9a9e5d0064a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Climate zones, seeing the whole, auto-aligned","cells":[{"id":0,"value":"# Climate zones, seeing the whole, auto-aligned\n\nBased on Derek Taylor's [\"Climate Zones\"](https://pudding.cool/2024/06/climate-zones/).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":15,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"value":"

\n\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"cities = _.map((await FileAttachment(\"final_cities_v2.geojson\").json()).features, 'properties').map(city => ({\n ...city,\n type_2023: city.type_2023.trim(),\n type_2070: city.type_2070.trim(),\n}));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"cities","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":90,"value":"climateLabel = (climateName, groupName) => {\n const trimmed = climateName.slice(groupName.length + 2);\n return trimmed[0].toUpperCase() + trimmed.slice(1);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"climateLabel(climateGroups[0].climates[0].name, climateGroups[0].name)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"_.filter(cities, {type_2023: 'Cold, dry winter, hot summer'})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"