31: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" }), ], }) }32:[{"id":"7f87df85f7363bd389f140626a698a64bad0258f014f332e20c10b4c9139034544da3a277c696156299de5d937b7c49ae8994c7da7a46d8d29610a945f3511b2","href":"https://static.observableusercontent.com/files/7f87df85f7363bd389f140626a698a64bad0258f014f332e20c10b4c9139034544da3a277c696156299de5d937b7c49ae8994c7da7a46d8d29610a945f3511b2","name":"global-energy-substitution.csv","type":"text/csv","lastModified":1649735937534.566,"size":4829}] 2f:{"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"},{"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"},{"id":289,"value":"
","pinned":false,"hidden":false,"mode":"html"},{"id":117,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":784,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":963,"value":"

\n Source: Our World in Data\n

\n","pinned":false,"hidden":false,"mode":"html"},{"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"},{"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"},{"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"},{"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"},{"id":681,"value":"data = FileAttachment(\"global-energy-substitution.csv\").csv({ typed: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":727,"value":"import {pivot} from \"ac2a320cf2b0adc4\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1159,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W32","stdlib":"1","titling":"auto"}

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