30:[{"id":"ddf6848312ea7a75f3222079e14e7366393caf1353a5149b4204d5297dc1d528df642f34ac10c388d966bd8830b4c27fb535f367df0d0dd2e295b868a92ad804","href":"https://static.observableusercontent.com/files/ddf6848312ea7a75f3222079e14e7366393caf1353a5149b4204d5297dc1d528df642f34ac10c388d966bd8830b4c27fb535f367df0d0dd2e295b868a92ad804","name":"country-data.csv","type":"text/csv","lastModified":1635782499915.539,"size":6200}] 2e:{"title":"Climate justice","cells":[{"id":0,"value":"# Climate justice","pinned":false,"hidden":false,"mode":"md"},{"id":229,"value":"

The graphic below is inspired by a scatter plot shown in Sir David Attenborough’s keynote at COP26 in Glasgow. It shows the relationship between CO₂ emissions per capita during 2019 and levels of development for different countries. The Human Development Index (HDI), published annually by the United Nations Development Programme (UNDP), captures income, life expectancy and education. A score between 0.8 and 1 (shaded in green) indicates ‘Very High Development’.

","pinned":false,"hidden":false,"mode":"html"},{"id":7,"value":"addTooltips(\n Plot.plot({\n marginLeft: 50,\n marginBottom: 60,\n grid: true,\n height: 500,\n width,\n x: {\n domain: [0,x_zoom],\n ticks: 10,\n tickSize: 0,\n label: \"tonnes CO₂ per capita\",\n labelAnchor: \"center\",\n labelOffset: 40\n },\n y: {\n domain: [0,1],\n ticks: 5,\n tickSize: 0,\n label: \"Human Development Index\",\n labelAnchor: \"center\",\n labelOffset: 50\n },\n marks: [\n Plot.rectY(data, {y1: 0.8, y2: 1, fill: \"#edf8b1\"}),\n Plot.text(data, {x: \"emissions_per_capita\", y: \"hdi\", text: d => getFlagEmoji(d.code), fontSize: 30, title: (d) => `${d.country} \\n ${d3.format(\".1f\")(d.hdi)} HDI \\n ${d3.format(\".1f\")(d.emissions_per_capita)} tCO₂e per capita`})\n ],\n style: {fontSize: \"14px\", fontFamily: \"'Open Sans', sans-serif\", overflow: \"visible\", paddingTop: 30}\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"viewof x_zoom = Inputs.range([1, 41], {value: 45, step: 1, label: html`Zoom along x-axis`})","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"

Sources: United Nations Development Programme | Global Carbon Project

","pinned":false,"hidden":false,"mode":"html"},{"id":148,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":286,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":30,"value":"import { addTooltips } from \"@mkfreeman/plot-tooltip\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":3,"value":"data = (await FileAttachment(\"country-data.csv\").csv()).map(d => ({\n country: d.country,\n code: d.code,\n hdi: +d.hdi,\n emissions_per_capita: +d.emissions_per_capita\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"// credit: https://dev.to/jorik/country-code-to-flag-emoji-a21\nfunction getFlagEmoji(countryCode) {\n const codePoints = countryCode\n .toUpperCase()\n .split('')\n .map(char => 127397 + char.charCodeAt());\n return String.fromCodePoint(...codePoints);\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}