2c:null 2d:["$","title",null,{"children":"A Week in Seoul, South Korea compared to Denver, Colorado | joegoodacre | Observable"}] 32:T550,Plot.plot({ height: 500, y: { grid: true, }, marks: [ //Seoul Plot.ruleY([15.7], { stroke: "#0660c2", strokeWidth: 2, opacity: .3, }), Plot.line(weatherS, { x: d => new Date(d.datetime), y: "tempmax", stroke: "#0660c2", strokeWidth: 4, opacity: .7, }), Plot.line(weatherS, { x: d => new Date(d.datetime), y: "tempmin", stroke: "#0660c2", strokeWidth: 4, opacity: .7, }), Plot.link(weatherS, { x1: d => new Date(d.datetime), y1: "tempmax", x2: d => new Date(d.datetime), y2: "tempmin", stroke: "#0660c2", strokeWidth: 4, opacity: .7, }), //Denver Plot.ruleY([10.3], { stroke: "green", strokeWidth: 2, opacity: .3, }), Plot.line(weatherD, { x: d => new Date(d.datetime), y: "tempmax", stroke: "green", strokeWidth: 4, opacity: .7, }), Plot.line(weatherD, { x: d => new Date(d.datetime), y: "tempmin", stroke: "green", strokeWidth: 4, opacity: .7, }), Plot.link(weatherD, { x1: d => new Date(d.datetime), y1: "tempmax", x2: d => new Date(d.datetime), y2: "tempmin", stroke: "green", strokeWidth: 4, opacity: .7, }), ] }) 33:T452,Plot.plot({ height: 700, y: { grid: true, }, marks: [ //Seoul Plot.link(weatherS, { x1: d => new Date(d.datetime), y1:"temp", x2: d => new Date(d.datetime), y2:"feelslike", strokeWidth: 2, }), Plot.dot(weatherS, { x: d => new Date(d.datetime), y: "feelslike", stroke: "#a6cdf7", strokeWidth: 3, r: 12, opacity: .7, }), Plot.dot(weatherS, { x: d => new Date(d.datetime), y: "temp", stroke: "#0660c2", strokeWidth: 3, r: 12, }), //Denver Plot.link(weatherD, { x1: d => new Date(d.datetime), y1:"temp", x2: d => new Date(d.datetime), y2:"feelslike", strokeWidth: 2, }), Plot.dot(weatherD, { x: d => new Date(d.datetime), y: "feelslike", stroke: "green", strokeWidth: 3, r: 12, opacity: .4, }), Plot.dot(weatherD, { x: d => new Date(d.datetime), y: "temp", stroke: "green", strokeWidth: 3, r: 12, }), ] }) 34:[{"id":"ebec4b71039322635b536a7aad4b8e0a42d496bbd5a92b7eada8c70b52ff3909df89e0271a0c52e81bf31f73015a41ac81021b6883c74482d0ec47d9b77c7ac0","href":"https://static.observableusercontent.com/files/ebec4b71039322635b536a7aad4b8e0a42d496bbd5a92b7eada8c70b52ff3909df89e0271a0c52e81bf31f73015a41ac81021b6883c74482d0ec47d9b77c7ac0","name":"Seoul@1.txt","type":"text/plain","lastModified":1651998390794.512,"size":10590},{"id":"d4078308d154d0c2c434e4848a8fcf941605376615f37979ae88b7ebb430c657d7aa8a91343139429afbc51b5c198a5c7e5678433e61eb58d3d1ec687608da58","href":"https://static.observableusercontent.com/files/d4078308d154d0c2c434e4848a8fcf941605376615f37979ae88b7ebb430c657d7aa8a91343139429afbc51b5c198a5c7e5678433e61eb58d3d1ec687608da58","name":"DenverHourly@1.txt","type":"text/plain","lastModified":1652213983098.309,"size":146027}] 30:{"id":"f1f13330c667cafa","slug":"a-week-in-seoul-south-korea-compared-to-denver-colorado","title":"A Week in Seoul, South Korea compared to Denver, Colorado ","thumbnail":"4ee682609272890c993c8ad684fed36a0e3778e6e0b386abf0f42e302e52cdec","access_level":"public","create_time":"$D2022-05-06T07:47:49.773Z","update_time":"$D2022-05-12T05:46:03.564Z","view_time":null,"first_public_time":"$D2022-05-12T05:47:34.576Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"bd9cba1c633db55f","login":"joegoodacre","name":"","avatar_url":"https://avatars-next.observableusercontent.com/34833d6f55681100205907d56b8709ae259093c1ad97aa1f8fee33df5de34bfc","tier":"starter_2024"},"version":679,"publish_version":679,"role":null,"authored":false,"authors":[{"type":"individual","id":"57607f6f32b728ce","login":"joegoodacre","name":"","avatar_url":"https://avatars-next.observableusercontent.com/34833d6f55681100205907d56b8709ae259093c1ad97aa1f8fee33df5de34bfc","tier":null}],"members":[{"type":"individual","id":"57607f6f32b728ce","login":"joegoodacre","name":"","avatar_url":"https://avatars-next.observableusercontent.com/34833d6f55681100205907d56b8709ae259093c1ad97aa1f8fee33df5de34bfc","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"A Week in Seoul, South Korea compared to Denver, Colorado ","cells":[{"id":0,"value":"# A Week in Seoul, South Korea compared to Denver, Colorado ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":275,"value":"I spent this past week (May 1st to May 8th) in Seoul, South Korea and wanted to compare the climate and temperature differences between Seoul and my hometown of Denver, Colorado. Going to Seoul, I had no knowledge of its climate and how it differs and is similar to Denver.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":615,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":286,"value":"## Temperature Differences","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":297,"value":"#### Weekly average temperature:\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":303,"value":" Denver - 10.3 ºC","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":310,"value":" Seoul - 15.7 ºC","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":290,"value":"This first graph shows the maximum and maximum temperatures in Seoul and Denver over the week. Seoul is represented in blue and Denver in green. The two straight lines are showing the averages.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":90,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":295,"value":"As you can see in this graph, you can see the the temperatures varied a lot more in Denver than Seoul. The lows in Denver were consistently slightly below Seoul and followed a similar trend of increasing throughout the week until the last day. The highs for Seoul were consistent but it was all over the place for Denver with one day being colder than Seoul's coldest low and the hottest day being warmer than any day in Seoul.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":611,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":65,"value":"### Seoul temperatures: ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":15,"value":"tempChartSeoul = Plot.plot({\n\n color: {\n scheme: \"blues\",\n legend: true\n },\n x: {\n label: \"May 2022\",\n labelAnchor: \"center\"\n },\n y: {\n label: \"Temperature (c)\" \n },\n marks: [\n Plot.rectY(weatherS, {\n x: d => new Date(d.datetime), \n interval: d3.utcDay,\n y: \"temp\",\n fill: \"humidity\",\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":606,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":71,"value":"### Denver temperatures: ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":55,"value":"tempChartDenver = Plot.plot({\n color: {\n scheme: \"greens\",\n legend: true\n },\n x: {\n label: \"May 2022\",\n labelAnchor: \"center\"\n },\n y: {\n label: \"Temperature (c)\"\n },\n marks: [\n Plot.rectY(weatherD, {\n x: d => new Date(d.datetime), \n interval: d3.utcDay,\n y: \"temp\",\n fill: \"humidity\",\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":332,"value":"Both of these graphs give an alternate view of the temperatures throughout the week. They also include changes in brightness to represent the amount of humidity on each day. This is important to note that on all of the darkest days (once in Seoul and twice in Denver), there was rain. It is interesting, though, that it rained on the hottest day in Seoul and the coldest days in Denver.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":603,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":341,"value":"### Humidity Comparison:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":119,"value":"Plot.plot({\n y: {\n grid: true,\n },\n marks: [\n //Seoul\n Plot.ruleY([53.5], {\n stroke: \"#0660c2\",\n strokeWidth: 2,\n opacity: .5,\n }),\n Plot.line(weatherS, {\n x: d => new Date(d.datetime),\n y: \"humidity\", \n stroke: \"#0660c2\", \n strokeWidth: 3, \n }),\n Plot.dot(weatherS, {\n x: d => new Date(d.datetime), \n y: \"humidity\", \n r: 5, \n fill:\"#0660c2\"\n }),\n\n //Denver\n Plot.ruleY([58.1], {\n stroke: \"green\",\n strokeWidth: 2,\n opacity: .5,\n }),\n Plot.line(weatherD, {\n x: d => new Date(d.datetime),\n y: \"humidity\", \n stroke: \"green\", \n strokeWidth: 3,\n }),\n Plot.dot(weatherD, {\n x: d => new Date(d.datetime), \n y: \"humidity\", \n r: 5, \n fill:\"green\"\n }),\n ]\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":347,"value":"This graph helps compare the differences in humidity as the two bar graphs above don't have the same range for humidity. Since this is such a small sample size it makes it hard to tell which location is generally more humid, but in the week I was in Seoul, Denver experienced much more changes in humidity.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":590,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":363,"value":"## More Random Comparisons","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":371,"value":"### Wind Speed:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":369,"value":"Plot.plot({\n y: {\n grid: true,\n },\n marks: [\n //Seoul\n Plot.line(weatherS, {\n x: d => new Date(d.datetime),\n y: \"windspeed\", \n stroke: \"#0660c2\", \n strokeWidth: 3, \n }),\n Plot.dot(weatherS, {\n x: d => new Date(d.datetime), \n y: \"windspeed\", \n r: 5, \n fill:\"#0660c2\"\n }),\n\n //Denver\n Plot.line(weatherD, {\n x: d => new Date(d.datetime),\n y: \"windspeed\", \n stroke: \"green\", \n strokeWidth: 3,\n }),\n Plot.dot(weatherD, {\n x: d => new Date(d.datetime), \n y: \"windspeed\", \n r: 5, \n fill:\"green\"\n }),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":586,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":411,"value":"### Cloud Cover:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":379,"value":"Plot.plot({\n \n y: {\n range: [330, 50],\n grid: true,\n\n },\n marks: [\n //Seoul\n Plot.dot(weatherS, {\n x: d => new Date(d.datetime), \n y: \"cloudcover\", \n r: 25, \n fill:\"#0660c2\",\n opacity: .4,\n }),\n\n //Denver\n Plot.dot(weatherD, {\n x: d => new Date(d.datetime), \n y: \"cloudcover\", \n r: 25, \n fill:\"green\",\n opacity: .4,\n }),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":582,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":417,"value":"### UV Index","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":474,"value":"The darker the red, the higher the risk of harm from sun exposure.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":423,"value":"Plot.plot({\n\n marks: [\n Plot.barY([10], {fill: \"#ff404c\"}),\n Plot.barY([8], {fill: \"#ff7a83\"}),\n Plot.barY([5], {fill: \"#ffbabf\"}),\n Plot.barY([2], {fill: \"white\"}),\n //Seoul\n Plot.line(weatherS, {\n x: d => new Date(d.datetime),\n y: \"uvindex\", \n stroke: \"#0660c2\",\n strokeWidth: 4,\n }),\n Plot.dot(weatherS, {\n x: d => new Date(d.datetime),\n y: \"uvindex\", \n fill: \"#0660c2\",\n r: 8,\n }),\n\n //Denver\n Plot.line(weatherD, {\n x: d => new Date(d.datetime),\n y: \"uvindex\", \n stroke: \"green\", \n strokeWidth: 4,\n }),\n Plot.dot(weatherD, {\n x: d => new Date(d.datetime),\n y: \"uvindex\", \n fill: \"green\",\n r: 8,\n }),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":574,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":501,"value":"### Actual temperature compared to what it feels like:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":541,"value":" Darker colors - actual temperature","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":532,"value":" Lighter colors - what it feels like","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":536,"value":"Line in between represents the difference.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":510,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":619,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":622,"value":"### Solar Radiation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":629,"value":"Plot.plot({\n y: {\n grid: true,\n },\n marks: [\n //Seoul\n Plot.line(weatherS, {\n x: d => new Date(d.datetime),\n y: \"solarradiation\", \n stroke: \"#0660c2\", \n strokeWidth: 3, \n }),\n Plot.dot(weatherS, {\n x: d => new Date(d.datetime), \n y: \"solarradiation\", \n r: 8, \n stroke:\"#0660c2\",\n strokeWidth: 3,\n fill: \"white\",\n }),\n\n //Denver\n Plot.line(weatherD, {\n x: d => new Date(d.datetime),\n y: \"solarradiation\", \n stroke: \"green\", \n strokeWidth: 3,\n }),\n Plot.dot(weatherD, {\n x: d => new Date(d.datetime), \n y: \"solarradiation\", \n r: 8, \n stroke:\"green\",\n strokeWidth: 3,\n fill: \"white\",\n }),\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":666,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":552,"value":"## Conclusion","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":555,"value":"The original idea for this was to not only compare the weather between Seoul and Denver in just one week but also over the course of the past year but I was limited by the data I was able to receive from _Visual Crossings_. This would have allowed me to get a larger sample size to compare and contrast their actual climates. Without having access to that I had to slightly change my objective. With the smaller dataset, I was able to make a more personalized data visualization that related to my experiences and that of my classmates. This removed the need to understand a larger picture.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":643,"value":"When looking at the data, the general consensus is that, over the time period that I was in Seoul, Denver had much larger variation in weather. Denver experienced the lowest of temperatures and the highest of temperatures with two days of rain and a lot of cloud cover. In contrast, Seoul was sunny almost the entire time (almost dangerously sunny) with little variation in temperature and only one day of rain which was only very mild. Despite this, I was surprised by the similarities in the averages of the temperatures and humidity.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":670,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":674,"value":"___","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":176,"value":"## Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5,"value":"jsonSeoul = {\n const a = await FileAttachment(\"Seoul@1.txt\");\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":29,"value":"jsonDataSeoul = jsonSeoul.json({typed: true});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":33,"value":"weatherS = jsonDataSeoul.days;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":37,"value":"jsonDenver = {\n const a = await FileAttachment(\"DenverHourly@1.txt\");\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":47,"value":"jsonDataDenver = jsonDenver.json({typed: true});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":51,"value":"weatherD = jsonDataDenver.days;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 31:"$30:body"