2e:null 2f:["$","title",null,{"children":"EXIOBASE 3 explorer | Gorm | Observable"}] 34:T20fb,chart = { const transitionDuration = 600 let svg, xg, yg if (this) { svg = d3.select(this) xg = svg.select('g.xAxis') yg = svg.select('g.yAxis') } else { svg = d3.create('svg') xg = svg.append('g').classed('xAxis', true) yg = svg.append('g').classed('yAxis', true) } let mode = {current: 'world'} svg.attr('viewBox', `0 0 ${width} ${height}`) // .style('border', '1px solid black') // svg.selectAll('path.totalShade') // .data([current]) // .join( // enter => enter // .append('path') // .attr('d', d => area.world(d.world)) // .attr('class', 'totalShade') // .attr('stroke', 'black'), // update => update // .call(d => d.transition().duration(transitionDuration) // .attr('d', d => area.world(d.world)))) svg.selectAll('path.countryPath') .data(drawCountries) .join(enter => enter.append('path') .attr('class', d => `countryPath ${reverseRegions[d[0].country]} ${d[0].country.replace(/ /g, '')}`) .attr('d', d => { return mode.current == 'world' ? area.world(d) : mode.current == 'region' ? area.region(d)(d) : area.country(d)(d) }) .attr('fill', (d,i) => colors[d[0].country]) .attr('stroke', (d,i) => colors[d[0].country]) .attr('stroke-width', 0.5), update => update .call(d => d.transition('zoom').duration(transitionDuration) .attr('d', d => { return mode.current == 'world' ? area.world(d) : mode.current == 'region' ? area.region(d)(d) : area.country(d)(d) }) .transition('zoom') .style('display', 'block') )) svg.selectAll('path.countryLabelLine') .data(drawCountries) .join(enter => enter.append('path') .attr('id', d=> `ll-${d[0].country.replace(/ /g, '')}`) .attr('class', d => `countryLabelLine ${reverseRegions[d[0].country]} ${d[0].country.replace(/ /g, '')}`) .attr('d', d => { return mode.current == 'world' ? labelLine.world(d).path : mode.current == 'region' ? labelLine.region(d).path : labelLine.country(d).path }) .attr('fill', 'none'), update => update.call(d => d.transition('zoom').delay(transitionDuration).duration(0) .attr('d', d => { return mode.current == 'world' ? labelLine.world(d).path : mode.current == 'region' ? labelLine.region(d).path : labelLine.country(d).path }))) svg.selectAll('text.countryLabelParent') .data(drawCountries) .join(enter => { return enter.append('text') .attr('class', 'countryLabelParent') .append('textPath') .attr('class', d => `countryLabel ${reverseRegions[d[0].country]} ${d[0].country.replace(/ /g, '')}`) .attr("xlink:href", d => `#ll-${d[0].country.replace(/ /g, '')}`) .attr("startOffset", '50%') .style("text-anchor","middle") .style('font-size', 'small') .style('display', d => labelLine.world(d).display ? 'block' : 'none') .attr('fill', 'black') .text(d => { return d[0].country }) }, update => { return update.selectChild().call(d => { return d.style('display', 'none') .transition('zoom').delay(transitionDuration) .style('display', d => labelLine.world(d).display ? 'block' : 'none') })}) xg.attr('transform', `translate(0 ${height - margin.bottom})`) .call(d3.axisBottom(x).tickValues([1995, 2000, 2005, 2010, 2015]).tickFormat(d => ('' + d))) yg.attr('transform', `translate(${width - margin.right} 0)`) .call(d3.axisRight(y.world) .ticks(5) .tickFormat(d => { return `${d3.format(".1e")(d)} ${current.unit}` })) .call(g => g.select(".tick") .remove()) const clickFunction = (m, d) => { console.log(isTransitioning(d3.selectAll('path.countryPath'))) if(!isTransitioning(d3.selectAll("path.countryPath"))) { const country = d[0].country const countryClass = country.replace(/ /g, '') const region = reverseRegions[country] mode.current = mode.current == 'world' && country == 'Australia' ? 'Australia' : mode.current == 'world' ? region : Object.keys(regions).includes(mode.current) ? country : 'world' if (Object.keys(regions).includes(mode.current)) { d3.selectAll(`.countryPath`) .style('display', 'none') d3.selectAll(`.countryPath.${region}`) .style('display', 'block') .transition('zoom').duration(transitionDuration) .attr('d', c => area.region(d[0])(c)) d3.selectAll(`.countryLabelLine.${region}`) .transition('zoom').duration(transitionDuration) .attr('d', c => labelLine.region(c).path) d3.selectAll('.countryLabel') .style('display', 'none') d3.selectAll(`.countryLabel.${region}`) .style('display', c => labelLine.region(c).display ? 'block' : 'none') yg.transition('zoom').duration(transitionDuration) .call(d3.axisRight(y.region(d[0])) .ticks(5) .tickFormat(d => { return `${d3.format(".1e")(d)} ${current.unit}` })) } else if (countries.includes(mode.current)) { d3.selectAll(`.countryPath`) .style('display', 'none') d3.selectAll(`.countryPath.${countryClass}`) .style('display', 'block') .transition('zoom').duration(transitionDuration) .attr('d', c => area.country(d[0])(c)) d3.selectAll(`.countryLabelLine.${countryClass}`) .transition('zoom').duration(transitionDuration) .attr('d', c => labelLine.country(c).path) d3.selectAll('.countryLabel') .style('display', 'none') d3.selectAll(`.countryLabel.${countryClass}`) .style('display', c => labelLine.country(c).display ? 'block' : 'none') yg.transition('zoom').duration(transitionDuration) .call(d3.axisRight(y.country(d[0])) .ticks(5) .tickFormat(d => { return `${d3.format(".1e")(d)} ${current.unit}` })) } else { d3.selectAll(`.countryPath`) .transition('zoom').duration(transitionDuration) .attr('d', c => area.world(c)) .transition('reset') .style('display', 'block') d3.selectAll(`.countryLabelLine`) .transition('zoom').duration(transitionDuration) .attr('d', c => labelLine.world(c).path) d3.selectAll('.countryLabel') .transition('zoom').delay(transitionDuration) .style('display', c => labelLine.world(c).display ? 'block' : 'none') yg.transition('zoom').duration(transitionDuration) .call(d3.axisRight(y.world) .ticks(5) .tickFormat(d => { return `${d3.format(".1e")(d)} ${current.unit}` })) } } } // INTERACTION ======================================= svg.selectAll('path.countryPath') .on("mouseover", (m, d) => { // d3.select(m.target).attr("stroke", "#000") d3.selectAll('.countryPath') .attr('fill', t => d3.color(colors[t[0].country]).copy({opacity: 0.3})) d3.select(m.target) .attr('fill', d3.color(colors[d[0].country])) d3.selectAll('.countryLabel') .style('opacity', 0.3) .style('font-weight', 'normal') d3.select(`.countryLabel.${d[0].country.replace(/ /g, '')}`) .style('display', 'block') .style('opacity', 1) .style('font-weight', 'bold') }) .on("mouseleave", (m, d) => { // d3.select(d.target).attr('stroke', null) d3.selectAll('.countryPath') .attr('fill', t => d3.color(colors[t[0].country])) d3.selectAll('.countryLabel') .style('opacity', 1) .style('font-weight', 'normal') d3.select(`.countryLabel.${d[0].country.replace(/ /g, '')}`) .style('display', d => mode.current == 'world' ? (labelLine.world(d).display ? 'block' : 'none') : Object.keys(regions).includes(mode.current) ? (labelLine.region(d).display ? 'block' : 'none') : (labelLine.country(d).display ? 'block' : 'none')) }) .on('click', clickFunction) return svg.node() }35:T40b,findStraight = (data, mode) => { // for each segment of five years, calculate straightness and return the straigthest segment const straightness = Object.fromEntries(d3.range(0,data.length - 4).map(d => [d, 0])) for (let i = 0; i < data.length - 4; i++) { let incline if (mode == 'world') { incline = (data[i+4].stack0 - data[i].stack0) / 5 d3.range(i, i+5).forEach((d,n) => straightness[i] += data[i].stack0 + incline * n - data[d].stack0) } else if (mode == 'region') { incline = (data[i+4].regionStack0 - data[i].regionStack0) / 5 d3.range(i, i+5) .forEach((d,n) => straightness[i] += Math.abs(data[i].regionStack0 + incline * n - data[d].regionStack0) - n) } else { incline = (data[i+4].value) / 5 d3.range(i, i+5) .forEach((d,n) => straightness[i] += data[i].value + incline * n - data[d].value) } } const min = +Object.entries(straightness).find(e => e[1] == d3.min(Object.entries(straightness), d => d[1]))[0] return data.slice(min, min+5) }36:T644,labelLine = { const yOffset = 4 const heightThreshold = 8 return { world: data => { const lineGen = d3.line() .curve(d3.curveMonotoneX) .x(d => x(d.year)) .y(d => y.world(d.stack0 + (d.stack1 - d.stack0) / 2) + yOffset) data = data.filter(d => d.year >= 2011) const midpoint = data.find(d => d.year == 2013) const h = y.world(midpoint.stack0) - y.world(midpoint.stack1) return { path: lineGen(data), display: h > heightThreshold ? true : false } }, region: data => { const regionY = y.region(data[0]) const lineGen = d3.line() .curve(d3.curveMonotoneX) .x(d => x(d.year)) .y(d => regionY((d.regionStack1 + d.regionStack0) / 2) + yOffset) // data = findStraight(data) data = data.filter(d => d.year >= 2011) const midpoint = data[2] const h = regionY(midpoint.regionStack0) - regionY(midpoint.regionStack1) return { path: lineGen(data), display: h > heightThreshold ? true : false } }, country: data => { const countryY = y.country(data[0]) const lineGen = d3.line() .curve(d3.curveMonotoneX) .x(d => x(d.year)) .y(d => countryY(d.value / 2) + yOffset) data = data.filter(d => d.year >= 2011) const midpoint = data.find(d => d.year == 2013) const h = countryY(0) - countryY(midpoint.value) return { path: lineGen(data), display: h > heightThreshold ? true : false } } } }37:T7a4,drawData = stacked.map(sector => { return { sector: sector.sector, parameters: sector.parameters.map(parameter => { const max = d3.max(parameter.years.map(d => d3.max(d.countries, c => c.stack1))) return { parameter: parameter.parameter, unit: parameter.unit, max: max, world: parameter.years.map(d => ({ year: d.year, stack0: 0, stack1: d3.max(d.countries, v => v.stack1) })), regions: Object.fromEntries(Object.entries(regions).map(region => [ region[0], parameter.years.map(d => ({ year: d.year, regionStack0: 0, regionStack1: d3.max(d.countries.filter(c => region[1].includes(c.country)), v => v.regionStack1) })) ])), countries: countries.map(country => { const region = reverseRegions[country] const regionValues = parameter.years .map(d => d3.max(d.countries.filter(c => reverseRegions[c.country] == region), v => v.regionStack1)) const regionMax = d3.max(regionValues) const countryMax = d3.max(parameter.years.map(d => d.countries.find(c => c.country == country).value)) return { country: country, worldMax: max, regionMax: regionMax, countryMax: countryMax, years: parameter.years.map(year => { const values = year.countries.find(c => c.country == country) return { year: year.year, stack0: values.stack0, stack1: values.stack1, regionStack0: values.regionStack0, regionStack1: values.regionStack1, regionMax: regionMax, countryMax: countryMax, value: values.value, country: values.country } }) } }) } }) } })38:[{"id":"5adbf8fde0eb5164ab2c31302192f8eb0335b553e8f8215232ad622fa446ac73d4506230eee9f8d2528d000cdbd73f5a9475d31bd4937907b4ef32a2c61afb92","href":"https://static.observableusercontent.com/files/5adbf8fde0eb5164ab2c31302192f8eb0335b553e8f8215232ad622fa446ac73d4506230eee9f8d2528d000cdbd73f5a9475d31bd4937907b4ef32a2c61afb92","name":"exiobase.json","type":"application/json","lastModified":1606330659131.245,"size":1604290}] 32:{"id":"d81d17ef97a7a092","slug":"exiobase3","title":"EXIOBASE 3 explorer","thumbnail":"14cd4fc246d8515231f0cbecde71856d71729367074eac57f9633d12838fa9a6","access_level":"public","create_time":"$D2020-11-25T13:54:39.650Z","update_time":"$D2021-01-04T03:39:46.721Z","view_time":null,"first_public_time":"$D2020-11-27T10:41:47.115Z","has_unpublished_edits":null,"fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"f3d57832c2badb0e","login":"gorm","name":"Gorm","avatar_url":"https://avatars-next.observableusercontent.com/326a2f8ee6fb03edee307c4785953559fe89e85fafa70d04bdd344f73bf1b446","tier":"starter_2024"},"version":1410,"publish_version":1410,"role":null,"authored":false,"authors":[{"type":"individual","id":"5f75b9e8c7765a19","login":"gorm","name":"Gorm","avatar_url":"https://avatars-next.observableusercontent.com/326a2f8ee6fb03edee307c4785953559fe89e85fafa70d04bdd344f73bf1b446","tier":null}],"members":[{"type":"individual","id":"5f75b9e8c7765a19","login":"gorm","name":"Gorm","avatar_url":"https://avatars-next.observableusercontent.com/326a2f8ee6fb03edee307c4785953559fe89e85fafa70d04bdd344f73bf1b446","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"EXIOBASE 3 explorer","cells":[{"id":0,"value":"md`# EXIOBASE 3 explorer\n\nEXIOBASE 3 provides a time series of environmentally extended multi-regional input‐output (EE MRIO) tables ranging from 1995 to 2011 for 44 countries (28 EU member plus 16 major economies) and five rest of the world regions. EXIOBASE 3 is the culmination of work in the FP7 DESIRE project. [See publication for more](https://zenodo.org/record/3583071#.X8T6eMd7lO8).\n\nThe production-based environmental accounts describe the environmental consequences at the place of production.\n\nThe consumption-based environmental accounts assigns the environmental consequences of that production to the final consumer of the product.\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"viewof selection = {\n \n const form = html`\n`\n \n const getValue = input => {\n const checked = Array.prototype.find.call(document.getElementsByName('selection'), radio => radio.checked)\n return checked ? checked.value : undefined;\n }\n \n form['onchange'] = e => {\n e && e.preventDefault()\n const value = getValue(form.input)\n\n form.value = value\n form.dispatchEvent(new CustomEvent(\"input\", { bubbles: true }));\n };\n \n form.value = 'Consumption:GHG_emissions'\n \n return form\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":327,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"md`\n### TODO\n1. Make it possible to click in to a region or country and switch data sources without it zooming out to the world again\n\n### Optionals to discuss\n1. Create Production_PC via finding population data per year by dividing Consumption by Consumption_PC?\n1. Remove the per GDP options, because the numbers are not very meaningful?\n1. Better solution for country labels, either adaptive so that they are placed somewhere relatively straight, or outside the chart on the right hand side, with the axis moved to the left (with dotted guide lines across the chart)\n1. Add a line at the very top to represent the total, to counteract the misleading bumpiness?\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1358,"value":"function isTransitioning(selection) {\n \n var transitioning = false\n selection.each(function() {\n if(d3.active(this, 'zoom')) { transitioning = true } \n })\n return transitioning\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":665,"value":"colors = Object.fromEntries(countries.map(country => {\n let region\n let regionName\n let index\n Object.entries(regions).forEach(r => {\n const i = r[1].findIndex(d => d == country)\n if (i >= 0) {\n region = r[1]\n regionName = r[0]\n index = i\n }\n })\n \n const fraction = region.length > 1 ? (index / (region.length-1)) : 0.5\n \n const lookup = {\n europe: d3.interpolateBlues(d3.scaleLinear([0, 1], [0.7, 0.5])(fraction)),\n northAmerica: d3.interpolateYlOrBr(d3.scaleLinear([0, 1], [0.5, 0.7])(fraction)),\n southAmerica: d3.interpolateYlOrBr(d3.scaleLinear([0, 1], [0.5, 0.7])(fraction)),\n africaMidEast: d3.interpolateGreens(d3.scaleLinear([0, 1], [0.5, 0.6])(fraction)),\n asia: d3.interpolateReds(d3.scaleLinear([0, 1], [0.7, 0.5])(fraction)),\n australia: d3.interpolateRdPu(d3.scaleLinear([0, 1], [0.5, 0.7])(fraction)) \n } \n \n return [country, lookup[regionName]]\n}))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"area = ({\n world: d3.area()\n .curve(d3.curveMonotoneX) //d3.curveCardinal.tension(0.6) d3.curveMonotoneX\n .x(d => x(d.year))\n .y1(d => y.world(d.stack1))\n .y0(d => y.world(d.stack0)),\n region: data => {\n const regionY = y.region(data)\n return d3.area()\n .curve(d3.curveMonotoneX) //d3.curveCardinal.tension(0.6) d3.curveMonotoneX\n .x(d => x(d.year))\n .y1(d => regionY(d.regionStack1))\n .y0(d => regionY(d.regionStack0))\n },\n country: data => {\n const countryY = y.country(data)\n return d3.area()\n .curve(d3.curveMonotoneX) //d3.curveCardinal.tension(0.6) d3.curveMonotoneX\n .x(d => x(d.year))\n .y1(d => countryY(d.value))\n .y0(d => countryY(0))\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1067,"value":"labelLine.region(current.countries[0].years)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1082,"value":"current.countries[0].years","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1248,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1059,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"drawCountries = countries.map(c => current.countries.find(d => d.country == c).years)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":277,"value":"current = drawData.find(d => d.sector == sector).parameters\n .find(d => d.parameter == parameter)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"sector = selection.slice(0, selection.indexOf(':'))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"x = d3.scaleLinear().domain([1995,2015]).range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":941,"value":"y = ({\n world: d3.scaleLinear().domain([0, current.max]).range([height - margin.bottom, margin.top]),\n region: d => d3.scaleLinear().domain([0, d.regionMax]).range([height - margin.bottom, margin.top]),\n country: d => d3.scaleLinear().domain([0, d.countryMax]).range([height - margin.bottom, margin.top])\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"margin = ({ top: 10, bottom: 30, right: 100, left: 15 })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":303,"value":"height = width/1.5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":498,"value":"sectors = [\n { token: \"Production\", display: \"Production\" },\n { token: \"Consumption\", display: \"Consumption\" },\n { token: \"Consumption_PC\", display: \"Consumption per capita\" },\n { token: \"Production_PGDP\", display: \"Production per GDP\" }, \n { token: \"Consumption_PGDP\", display: \"Consumption per GDP\" } ]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":452,"value":"parameter = selection.slice(selection.indexOf(':') +1).replace(/_/g, ' ')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"parameters = [\"GHG emissions\", \"Energy Use\", \"Material Use\", \"Blue Water Consumption\", \"Land use\" ]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":569,"value":"html``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"$37","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"stacked = raw.filter(d => d.sector != 'Net-trade').map(d => {\n const filtered = d.values.filter(d => d.parameter != 'No Data' && d.area == 'Country')\n const parameters = [...d3.group(filtered, p => p.parameter)]\n\n return {\n sector: d.sector,\n parameters: parameters.map(p => ({\n parameter: p[0],\n unit: p[1][0].unit,\n years: d3.range(1995, 2016).map(y => {\n const stacks = stack(p[1], y)\n \n return {\n year: y,\n countries: p[1].map(c => {\n const {stack0, stack1, regionStack0, regionStack1} = stacks[c.country_name]\n \n return {\n country: c.country_name,\n value: c[y],\n stack0: stack0,\n stack1: stack1,\n regionStack0: regionStack0,\n regionStack1: regionStack1\n }\n })\n }\n })\n }))\n }\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"stack = (countries, year, region=null) => {\n const stackable = countries\n .map(d => ({country: d.country_name, value: d[year]}))\n .sort((a, b) => a.value - b.value) // important to sort descending\n \n const data = Object.fromEntries(countries.map(d => {\n return [ d.country_name,\n { \n value: d[year], \n // stack0: '', \n // stack1: '',\n // regionStack0: '',\n // regionStack1: ''\n }\n ]\n }))\n \n let heap = 0\n let regionHeap = Object.fromEntries(Object.keys(regions).map(d => [d, 0]))\n const stacked = stackable.forEach((d,i) => {\n data[d.country].stack0 = heap\n data[d.country].stack1 = heap + d.value\n data[d.country].regionStack0 = regionHeap[reverseRegions[d.country]], \n data[d.country].regionStack1 = regionHeap[reverseRegions[d.country]] + d.value,\n heap = heap + d.value\n regionHeap[reverseRegions[d.country]] = regionHeap[reverseRegions[d.country]] + d.value\n })\n \n return data\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"raw = FileAttachment(\"exiobase.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"countries = raw[0].values.filter(d => d.parameter == 'GHG emissions' && d.area == 'Country').map(d => d.country_name)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"regions = ({\n europe: [\"Austria\", \"Belgium\", \"Bulgaria\", \"Cyprus\", \"Czech Republic\", \"Germany\", \"Denmark\", \"Estonia\", \"Spain\", \"Finland\", \"France\", \"Greece\", \"Croatia\", \"Hungary\", \"Ireland\", \"Italy\", \"Lithuania\", \"Luxembourg\", \"Latvia\", \"Malta\", \"Netherlands\", \"Poland\", \"Portugal\", \"Romania\", \"Sweden\", \"Slovenia\", \"Slovakia\", \"United Kingdom\", \"Russia\", \"Switzerland\", \"Norway\", \"RoW Europe\"],\n northAmerica: [\"United States\", \"Canada\", \"Mexico\"],\n southAmerica: [\"Brazil\", \"RoW America\"],\n africaMidEast: [\"South Africa\", \"RoW Africa\", \"RoW Middle East\"],\n asia: [\"Japan\", \"China\", \"South Korea\", \"India\", \"Turkey\", \"Taiwan\", \"Indonesia\", \"RoW Asia and Pacific\"],\n australia: [\"Australia\"]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":835,"value":"reverseRegions = {\n const map = countries.map(country => {\n const region = Object.entries(regions)\n .map(region => [region[0], region[1].findIndex(c => c == country)])\n .filter(r => r[1] >= 0)\n return [country, region[0][0]]\n })\n return Object.fromEntries(map)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"d3 = require('d3@6')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":449,"value":"import {select} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 33:"$32:body"