28:null 29:["$","title",null,{"children":"CA Impact Explorer | Flavio Gortana | Observable"}] 2e:T670,createMap = async function(level, _width) { const w = _width || width; const mapData = await loadMapData(level); const landmass = vl.markGeoshape() // Get the shape for the U.S. from the us-atlas npm module. .data(vl.topojson(topoJsonRaw.country).feature("data")) .encode( vl.stroke().value("rgba(255, 255, 255, .9)"), vl.color().value(null), vl.strokeWidth().value(1) ); // The previous visualization // Named color schemes ref: https://vega.github.io/vega/docs/schemes/#reference // .markGeoshape({renderer: 'svg'}) // .scale({range: ['#343777', '#FDBE26']}) const points = vl.markGeoshape() .data(mapData.features) .encode( // vl.color().fieldQ("properties.value").scale({scheme: 'cividis'}), // vl.stroke().fieldQ("properties.value").scale({scheme: 'cividis'}), vl.color().fieldQ("properties.value").scale({range: ['#342975', '#823c6c', '#c15361', '#ff6c52', '#ff9971', '#ffc292', '#fdeab4']}), vl.stroke().fieldQ("properties.value").scale({range: ['#342975', '#823c6c', '#c15361', '#ff6c52', '#ff9971', '#ffc292', '#fdeab4']}), vl.strokeWidth().value(0.25), vl.opacity().value(0.8), vl.tooltip(["properties.value"]) ); const darkLandmass = landmass.encode( vl.stroke().value("rgba(0, 0, 20, .2)"), vl.color().value("rgba(0, 0, 20, .02)"), vl.strokeWidth().value(0.5) ) // Return a combined view return vl .layer(darkLandmass, points) // Layer the views together. .width(w) .height(Math.max(Math.floor(w / 1.5), 400)) .project(vl.projection("equirectangular")).title(`Warming level: ${level}`); }2f:T574,loadMapData = async function(level) { const url = `https://test.climateanalytics.org/api/maps/?iso=${country}&wlvl_high=${level}&wlvl_low=1986-2006&var=${indicator}&season=${season}`; const mapRaw = await (await fetch(url)).json() return { type: "FeatureCollection", "features": mapRaw.data.reduce((acc, col, latIndex) => { if(latIndex === mapRaw.data.length - 1) return acc; col.forEach((row, lonIndex) => { if(row === null || lonIndex === col.length - 1) return; const top = mapRaw.coords.lat.data[latIndex]; const left = mapRaw.coords.lon.data[lonIndex]; const right = mapRaw.coords.lon.data[lonIndex + 1]; const bottom = mapRaw.coords.lat.data[latIndex + 1]; acc.push({ "type": "Feature", "properties": { color: "blue", value: row }, "geometry": { "type": "LineString", "coordinates": [ [ left, top ], [ right, top ], [ right, bottom ], [ left, bottom ], [ left, top ], ] } }) }) return acc; }, []) } }30:[] 2c:{"id":"94fb0d515a4700da","slug":"ca-impact-explorer","title":"CA Impact Explorer","thumbnail":"c46785e8a679e12597b3e83973af4eb1ac293f103ff7decacac1e1a5d0184f57","access_level":"public","create_time":"$D2021-01-15T12:06:12.203Z","update_time":"$D2021-02-21T12:48:58.525Z","view_time":null,"first_public_time":"$D2021-01-15T14:58:57.060Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"fdeadbc5c3f5c23e","login":"flave","name":"Flavio Gortana","avatar_url":"https://avatars-next.observableusercontent.com/409334ae1ad29f5dd3a962ab14304c798b963a4db0d8af5c8cf8df66fd10c141","tier":"starter_2024"},"version":1305,"publish_version":1305,"role":null,"authored":false,"authors":[{"type":"individual","id":"b100eec6dfd36590","login":"flave","name":"Flavio Gortana","avatar_url":"https://avatars-next.observableusercontent.com/409334ae1ad29f5dd3a962ab14304c798b963a4db0d8af5c8cf8df66fd10c141","tier":null}],"members":[{"type":"individual","id":"b100eec6dfd36590","login":"flave","name":"Flavio Gortana","avatar_url":"https://avatars-next.observableusercontent.com/409334ae1ad29f5dd3a962ab14304c798b963a4db0d8af5c8cf8df66fd10c141","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"CA Impact Explorer","cells":[{"id":0,"value":"md`\n# CA Impact Explorer\nData Exploration\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":528,"value":"md`\\`Country\\``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":506,"value":"viewof country = createSelect(meta.countries, 'BRA')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":644,"value":"md`\\`Indicator\\``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":639,"value":"viewof indicator = createSelect(meta.variables, 'prAdjust')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1280,"value":"md`\\`Aggregation/Season\\``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1284,"value":"viewof season = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":633,"value":"md`\\`Scenario\\``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":625,"value":"viewof scenario = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":496,"value":"md`\n### Temporal pattern\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"viewof line = vl\n .data(timeseries)\n .width(width)\n .encode(\n vl.x().fieldT(\"year\"), // date parsing!\n vl.y().fieldQ(\"median\"),\n )\n .layer(\n vl.markLine({color: \"rgb(100, 100, 255)\", interpolate: \"catmull-rom\"}),\n vl.markArea({color: \"rgba(100, 100, 255, 0.2)\", interpolate: \"catmull-rom\"}).encode(\n vl.y2().fieldQ(\"lower\"),\n vl.y().fieldQ(\"upper\")\n ),\n vl.markCircle({color: \"rgb(100, 100, 255)\", opacity: 1, strokeWidth: 2}).encode(\n vl.y().fieldQ(\"warmingLevel\"),\n vl.stroke().value(\"#fff\")\n )\n )\n .render()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":490,"value":"md`\n### Geographical pattern\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":549,"value":"md`\\`Warming level\\``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"viewof warmingLevel = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":267,"value":"(await createMap(warmingLevel)).config({view: {stroke: null}}).render({renderer: 'svg'})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":938,"value":"md`\n### Compare warming levels\nThe first warming level is the one selected above. The second two can be selected below.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":943,"value":"viewof warmingLevel2 = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":944,"value":"viewof warmingLevel3 = html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"{\n const map1 = await createMap(warmingLevel, width/3);\n const map2 = await createMap(warmingLevel2, width/3);\n const map3 = await createMap(warmingLevel3, width/3);\n return vl.hconcat(map1, map2, map3).config({view: {stroke: null}}).render();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":668,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1046,"value":"function createSelect(options, selected) {\n const select = document.createElement('select');\n options.forEach(c => {\n const option = document.createElement('option');\n option.value = c.id;\n option.innerText = c.name;\n if(selected === c.id)\n option.selected = true;\n select.appendChild(option);\n });\n return select;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1019,"value":"metaRaw = (await fetch(\"https://test.climateanalytics.org/api/meta/\")).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1021,"value":"meta = {\n return {countries: metaRaw.countries, variables: metaRaw.vars}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"timeseriesRaw = {\n const url = `https://test.climateanalytics.org/api/ts/?iso=${country}®ion=${country}&scenario=${scenario}&var=${indicator}&season=${season}`;\n const raw = (await fetch(url)).json()\n return raw;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"topoJsonRaw = (await fetch(`https://test.climateanalytics.org/api/shapes/?iso=${country}`)).json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"warmingLevels = [1.5,1.6,1.7,1.8,1.9,2,2.5,3]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"timeseries = timeseriesRaw.year.map((year, i) => {\n return {\n year: new Date(year, 0, 1),\n upper: timeseriesRaw.upper[i],\n median: timeseriesRaw.mean[i],\n lower: timeseriesRaw.lower[i],\n warmingLevel: warmingLevels.includes(timeseriesRaw.wlvl[i]) ? timeseriesRaw.mean[i] : null\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"import { vl } from \"@vega/vega-lite-api\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2d:"$2c:body"