2b:null 2c:["$","title",null,{"children":"Weather daily data | chrt.io | Observable"}] 31:T6f8,{ const chart = chrt.Chrt() .data(sameDay) .size(width, 300) .x({scale: 'time'}) .y({domain: extremes2}) .padding({ left: 20, right: 20 }) .add( chrt.dotPlot() .vertical() .data(sameDay.reduce((acc,d) => { acc.push({ x: new Date(d.time), y: d['temperature_2m_max (°C)'], }) acc.push({ x: new Date(d.time), y: d['temperature_2m_min (°C)'], }) return acc; },[])) .range() // .color('url(#myGradient)') .size(0) .rangeWidth(5) .rangeColor('url(#myGradient)') ) .add( chrt.points() .data(sameDay, d => ({ x: new Date(d.time), y: d['temperature_2m_max (°C)'], })) .add(chrt.labels()) ) .add( chrt.line() .data(d => ({ x: new Date(d.time), y: d['temperature_2m_mean (°C)'] })) .stroke('#aaa') ) .add( chrt.xAxis() .interval('year') .format(d => { const year = d.getFullYear(); return year%10 === 0 ? year : '' }) ) .add(chrt.yAxis().format(d => `${d}º`)) const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs'); defs.innerHTML = ` `; chart.node().querySelector('svg').prepend(defs); return chart.node() }32:[{"id":"87b2eb2240b619926f13895a1c559bf830ac5797fee7cdc7556e597a665ca60d463f0e9478b2065a36e25647335d62ff8decd4b954d50e4d925ff81e27dc54a8","href":"https://static.observableusercontent.com/files/87b2eb2240b619926f13895a1c559bf830ac5797fee7cdc7556e597a665ca60d463f0e9478b2065a36e25647335d62ff8decd4b954d50e4d925ff81e27dc54a8","name":"open-meteo-52.50N13.40E38m (1).csv","type":"text/csv","lastModified":1698583723705.623,"size":1861929},{"id":"d7be8f8c2bb007cd15f124af09664f2d0122492e7ea3d079c8bfb5defa16c4f50bccc80e9f590068d980ccc7fdeb1573dc62c29948c6fecb42ac60b632e0b5c1","href":"https://static.observableusercontent.com/files/d7be8f8c2bb007cd15f124af09664f2d0122492e7ea3d079c8bfb5defa16c4f50bccc80e9f590068d980ccc7fdeb1573dc62c29948c6fecb42ac60b632e0b5c1","name":"open-meteo-52@1.50N13.40E38m (1).csv","type":"text/csv","lastModified":1698583806976.042,"size":1861874},{"id":"20ec7a483bc2a805abd05da538c3eb2ec12d7194720e304ac46415b92611a3d22a5786876f9fc0845571a8349cfc01f8efb57c153bb556a710171518c3d4d9f6","href":"https://static.observableusercontent.com/files/20ec7a483bc2a805abd05da538c3eb2ec12d7194720e304ac46415b92611a3d22a5786876f9fc0845571a8349cfc01f8efb57c153bb556a710171518c3d4d9f6","name":"open-meteo-28.70N77.20E231m.csv","type":"text/csv","lastModified":1698584757991.336,"size":1902918},{"id":"bee92aa20967b7423c8ab548487b90af71513c552f580d6f8b6464401f15b62b9a8f3bdf7f49a3e4e8453dabd2e6af20e5a6b8b2b58ae40b300e3f82d55145f5","href":"https://static.observableusercontent.com/files/bee92aa20967b7423c8ab548487b90af71513c552f580d6f8b6464401f15b62b9a8f3bdf7f49a3e4e8453dabd2e6af20e5a6b8b2b58ae40b300e3f82d55145f5","name":"open-meteo-28@1.70N77.20E231m.csv","type":"text/csv","lastModified":1698584868774.615,"size":1902790}] 2f:{"id":"23dd2693fceba9bb","slug":null,"title":"Weather daily data","thumbnail":"ac2eb624be44e3362a5df5e077f31b790c9e58207582c2addbb469a55e0a207f","access_level":"public","create_time":"$D2023-10-29T12:45:40.741Z","update_time":"$D2023-11-10T10:38:50.783Z","view_time":null,"first_public_time":"$D2023-10-29T12:45:40.741Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f539e07baed42fe7","login":"chrt","name":"chrt.io","avatar_url":"https://avatars-next.observableusercontent.com/888f4179c2ef8a5b085753a95f523d044dc041227ab1405d1491692dbaaeb92d","tier":"starter_2024"},"version":200,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"a6f9b37b31e012c9","login":"chrt","name":"chrt.io","avatar_url":"https://avatars-next.observableusercontent.com/888f4179c2ef8a5b085753a95f523d044dc041227ab1405d1491692dbaaeb92d","tier":null}],"members":[{"type":"individual","id":"a6f9b37b31e012c9","login":"chrt","name":"chrt.io","avatar_url":"https://avatars-next.observableusercontent.com/888f4179c2ef8a5b085753a95f523d044dc041227ab1405d1491692dbaaeb92d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Weather daily data","cells":[{"id":0,"value":"# Weather daily data\n## with open meteo data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":21,"value":"## Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":66,"value":"viewof date = Inputs.date({label: \"Day\", value: new Date()})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"viewof selectedData = Inputs.select(Object.keys(datasets), {value: \"Milan\", label: \"Location\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"chrt.Chrt()\n .data(sameDay)\n .size(width, 300)\n .x({scale: 'time'})\n .y({domain: extents})\n .add(\n chrt.line()\n .area()\n .data(d => ({\n x: new Date(d.time),\n y: d['temperature_2m_max (°C)'],\n y0: d['temperature_2m_min (°C)']\n }))\n .fill('#333')\n .fillOpacity(0.1)\n .stroke('none')\n )\n .add(chrt.line()\n .data(d => ({\n x: new Date(d.time),\n y: d['temperature_2m_max (°C)'],\n }))\n .stroke('#f00')\n )\n .add(chrt.line()\n .data(d => ({\n x: new Date(d.time),\n y: d['temperature_2m_min (°C)'],\n }))\n .stroke('#00f')\n )\n .add(\n chrt.line()\n .data(d => ({\n x: new Date(d.time),\n y: d['temperature_2m_mean (°C)']\n }))\n )\n .add(\n chrt.xAxis()\n .interval('year')\n .format(d => {\n const year = d.getFullYear();\n return year%10 === 0 ? year : ''\n })\n )\n .add(chrt.yAxis().format(d => `${d}º`))\n .node()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"dataset = datasets[selectedData]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"extremes = [\n dataset[d3.minIndex(dataset, d => +d['temperature_2m_min (°C)'])],\n dataset[d3.maxIndex(dataset, d => +d['temperature_2m_max (°C)'])],\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":190,"value":"extremes2 = [\n d3.min(dataset, d => +d['temperature_2m_min (°C)']),\n d3.max(dataset, d => +d['temperature_2m_max (°C)']),\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"extents = [\n -20,52\n // d3.min(sameDay, d => +d['temperature_2m_min (°C)']) * 1.1,\n // d3.max(sameDay, d => +d['temperature_2m_max (°C)']) * 1.1,\n ]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"sameDayExtent = d3.extent(sameDay.map(d => +d['temperature_2m_mean (°C)']))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"sameDay = oneDayData(date, dataset)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"chrt.Chrt()\n .size(width, 300)\n .x({scale: 'time'})\n .y({domain: [-28, 50]})\n .data(dailyDataDelhi)\n .add(\n chrt.line()\n .data(d => ({\n x: new Date(d.time),\n y: d['temperature_2m_max (°C)']\n }))\n .stroke('#f00')\n .strokeOpacity(0.5)\n )\n .add(\n chrt.line()\n .data(d => ({\n x: new Date(d.time),\n y: d['temperature_2m_min (°C)']\n }))\n .stroke('#00f')\n .strokeOpacity(0.5)\n )\n .add(\n chrt.xAxis()\n .interval('year')\n .format(d => {\n const year = d.getFullYear();\n return year%10 === 0 ? year : ''\n })\n )\n .add(chrt.yAxis().format(d => `${d}º`))\n .node()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"datasets = ({\n 'Milan': dailyDataMilan,\n 'Delhi': dailyDataDelhi,\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"dailyDataMilan = FileAttachment(\"open-meteo-52@1.50N13.40E38m (1).csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"dailyDataDelhi = FileAttachment(\"open-meteo-28@1.70N77.20E231m.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"await FileAttachment(\"open-meteo-52@1.50N13.40E38m (1).csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":78,"value":"oneDayData = (day, data) => {\n const month = day.getMonth();\n const date = day.getDate();\n return data.filter(d => {\n const recordingTime = new Date(d.time);\n return recordingTime.getDate() === date && recordingTime.getMonth() === month;\n})\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"chrt=require('chrt')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"d3=require('d3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"