2d:null 2e:["$","title",null,{"children":"Day 12: The Economist | Shruti Mukhtyar | Observable"}] 33:T4aa,{ const xy = {x: (d) => new Date(d.Year, 0, 1), y: "value", fill: "source", order: "appearance", reverse: true, offset: "expand"}; return Plot.plot({ ...layout, y: { label: "", percent: true, axis: "right", }, marks: [ Plot.areaY(energy, Plot.stackY({...xy})), Plot.ruleY([0]), Plot.text(["Traditional Biomass"], { x: () => new Date(1850, 0, 1), }), Plot.text(["Nuclear"], { x: () => new Date(2020, 0, 1), dy: -150, textAnchor: "start" }), Plot.text(["Coal"], { x: () => new Date(1920, 0, 1), dy: 20, }), Plot.text(["Oil"], { x: () => new Date(1960, 0, 1), dy: 120, }), Plot.text(["Hydropower"], { x: () => new Date(2000, 0, 1), dy: 40, }), Plot.text(["Gas"], { x: () => new Date(2000, 0, 1), }), Plot.text(["Biofuels"], { x: () => new Date(2020, 0, 1), dy: -50, textAnchor: "start" }), Plot.text(["Solar, Wind,\nOther Renewables"], { x: () => new Date(2020, 0, 1), dy: 160, textAnchor: "start" }), ], }) }34:[{"id":"7f87df85f7363bd389f140626a698a64bad0258f014f332e20c10b4c9139034544da3a277c696156299de5d937b7c49ae8994c7da7a46d8d29610a945f3511b2","href":"https://static.observableusercontent.com/files/7f87df85f7363bd389f140626a698a64bad0258f014f332e20c10b4c9139034544da3a277c696156299de5d937b7c49ae8994c7da7a46d8d29610a945f3511b2","name":"global-energy-substitution.csv","type":"text/csv","lastModified":1649735937534.566,"size":4829}] 31:{"id":"bb3bbd26b908da86","slug":"day-12-the-economist","title":"Day 12: The Economist","thumbnail":"259113b1933345fdeac1cced1a882dd2649d4aba786dfec96a8dcaa08864e151","access_level":"public","create_time":"$D2022-04-12T03:58:57.534Z","update_time":"$D2022-04-12T19:30:33.535Z","view_time":null,"first_public_time":"$D2022-04-12T19:03:13.682Z","fork":{"id":"e9a1d918b0d2ff7d","slug":"day-6-our-world-in-data","title":"Day 6: Our World In Data","owner":{"id":"6636080f8b9f94b8","login":"mukhtyar","name":"Shruti Mukhtyar"}},"stars":5,"starred":false,"owner":{"type":"team","id":"6636080f8b9f94b8","login":"mukhtyar","name":"Shruti Mukhtyar","avatar_url":"https://avatars-next.observableusercontent.com/08866aede922340418a14d406e76cdc15a8cfdb7a4263c0b867f4849e201d799","tier":"starter_2024"},"version":1182,"publish_version":1182,"role":null,"authored":false,"authors":[{"type":"individual","id":"128dbd1b0f303cd6","login":"mukhtyar","name":"Shruti Mukhtyar","avatar_url":"https://avatars-next.observableusercontent.com/08866aede922340418a14d406e76cdc15a8cfdb7a4263c0b867f4849e201d799","tier":null}],"members":[{"type":"individual","id":"128dbd1b0f303cd6","login":"mukhtyar","name":"Shruti Mukhtyar","avatar_url":"https://avatars-next.observableusercontent.com/08866aede922340418a14d406e76cdc15a8cfdb7a4263c0b867f4849e201d799","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"85ccb5f354c32101","slug":"30-day-chart-challenge-2022","title":"30 Day Chart Challenge 2022","owner":{"id":"6636080f8b9f94b8","login":"mukhtyar","name":"Shruti Mukhtyar"}},"type":"notebook","body":{"title":"Day 12: The Economist","cells":[{"id":4,"value":"# Day 12: The Economist\n## Created for #30DayChartChallenge April 2022.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":50,"value":"### Process\nUses Economist colors. But hard to get the Economist style headers and legends without custom css. Couldn't figure out an easier way to place labels on areas.\n\nNotebooks used for reference:\n- [Stack Transform](https://observablehq.com/@observablehq/plot-stack)\n- [Area Mark](https://observablehq.com/@observablehq/plot-area)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":289,"value":"
","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":117,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":784,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":963,"value":"

\n Source: Our World in Data\n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":992,"value":"area_labels = [\n energy.find(d => d.source === \"Traditional biomass\" && d.Year === 1830),\n energy.find(d => d.source === \"Oil\" && d.Year === 1940),\n energy.find(d => d.source === \"Gas\" && d.Year === 1990),\n energy.find(d => d.source === \"Hydropower\" && d.Year === 2019),\n energy.find(d => d.source === \"Coal\" && d.Year === 2015),\n energy.find(d => d.source === \"Nuclear\" && d.Year === 2000),\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":796,"value":"layout = ({\n height: 400,\n width: 500,\n marginRight: 100,\n marginLeft: 0,\n x: {\n label: \"\",\n },\n y: {\n grid: true,\n label: \"↑ Terawatt-hour (TWh)\",\n },\n color,\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":869,"value":"color = ({\n legend: false,\n range: [\"#ACCDDC\", \"#42939b\", \"#31C0D0\", \"#006CA2\", \"#86c6c4\", \"#D5728D\", \"#973D4C\", \"#973D4C\", \"#973D4C\", \"black\"],\n domain: [\"Traditional biomass\", \"Oil\", \"Coal\", \"Nuclear\", \"Gas\", \"Hydropower\", \"Solar\", \"Wind\", \"Other renewables\", \"Biofuels\"],\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":752,"value":"energy = {\n const pivotData = [...pivot(\n data,\n data.columns.slice(3),\n \"source\",\n \"value\"\n )];\n // Removing biofuels from list\n const sourceList = [\"Traditional biomass\", \"Oil\", \"Coal\", \"Nuclear\", \"Solar\", \"Wind\", \"Hydropower\", \"Other renewables\", \"Gas\", \"Biofuels\"]\n const subset = pivotData.map(d => {\n // Fix spelling\n if (d.source.includes(\"bimass\")) {\n return { ...d, source: \"Traditional biomass\" };\n }\n const sourceLabel = d.source.split(\" (TWh; substituted energy)\")[0];\n return { ...d, source: sourceLabel };\n })\n .filter(({ source }) => sourceList.includes(source));\n return subset;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":681,"value":"data = FileAttachment(\"global-energy-substitution.csv\").csv({ typed: true})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":727,"value":"import {pivot} from \"ac2a320cf2b0adc4\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1159,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"

Renewables have a long way to go to compete with fossil fuels