3e:null 3f:["$","title",null,{"children":"Untitled | deal | Observable"}] 45:T78c,html_struct = { return html `

`; }46:T706f,chart = ({ controls: null, place: null, data: null, yearData: null, maxSequence: 21, sequence: 21, doughnutSVG: null, socialIndexes1: [ "con1", "con2", "enrgy1", "enrgy2", "watr1", "watr2", "food1", "food2", "hlth1", "hlth2", "edu1", "edu2", "inWk1", "inWk2", "peJu1", "peJu2", "poVo1", "poVo2", "socCo1", "socCo2", "eqDi1", "eqDi2", "hous1", "hous2" ], socialIndexes2: [ "con", "enrgy", "watr", "food", "hlth", "edu", "inWk", "peJu", "poVo", "socCo", "eqDi", "hous" ], socialLabels1: [ 'connectivity', 'energy', 'water', 'food', 'health', 'education', 'income', 'peace &', 'political', 'social', 'equality in', 'housing' ], socialLabels2: [ '', '', '', '', '', '', '& work', 'justice', 'voice', 'cohesion', 'diversity', '' ], socialRadius: 135, socialScale: null, ecoIndexes1: [ "clim1", "clim2", "acid1", "acid2", "chem1", "chem2", "fertN", "fertP", "H2Oblu", "H2Ogrn", "land1", "land2", "bio1", "bio2", "airPol1", "airPol1", "O3dep1", "O3dep2" ], ecoIndexes2: [ "clim", "acid", "chem", "fert", "H2O", "land", "bio", "airPol", "O3dep" ], ecoLabels1: [ 'climate', 'ocean', 'chemical', 'use', 'change', 'conversion', 'loss', 'air', 'ozone layer' ], ecoLabels2: [ 'change', 'acidification', 'pollution', 'fertilizer', 'freshwater', 'land', 'biodiversity', 'pollution', 'depletion' ], ecoRadius: 210, ceilingScale: null, setControls(controls) { this.controls = controls; }, setPlace: function (placeCode) { function getByPlaceCode(arr, value) { for (var i=0, iLen=arr.length; i 1 ? 1 : d.data); } ) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function (d) { if (d.data === 1.00001) { return "#c2cae0"; } else { return "#dfe2eb"; } }) .attr("stroke-width", 1) .attr("fill", function (d) { if (d.data === 1.00001) { return "#c2cae0"; } else { return "#dfe2eb"; } }) .attr("d", arc_blue) ; }, drawSocialDoughnut2: function (svg) { let Self = this; let pie = d3.pie() .startAngle(-90*Math.PI/180) .sort(null) .value(Math.PI * 2 / this.yearData.social2.length) ; let arcs = pie(this.yearData.social2); let arc_blue = d3.arc() .innerRadius( function () { return 0; } ) .outerRadius( function (d) { return Self.socialScale(d.data > 1 ? 1 : d.data); } ) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function (d) { if (d.data === 1.00001) { return "#c2cae0"; } else { return "#dfe2eb"; } }) .attr("stroke-width", 1) .attr("fill", function (d) { if (d.data === 1.00001) { return "#c2cae0"; } else { return "#dfe2eb"; } }) .attr("d", arc_blue) ; }, drawSocialLines2: function (svg) { let Self = this; let line_soc2 = [1,1,1,1,1,1,1,1,1,1,1,1]; let pie = d3.pie() .startAngle(-90*Math.PI/180) .sort(null) .value(Math.PI * 2 / this.yearData.social2.length) ; let arcs = pie(line_soc2); let arc_white = d3.arc() .innerRadius( function(){ return 0; } ) .outerRadius( function () { return Self.socialRadius + 3.5; } ) ; svg .append("g") .attr("stroke", "white") .attr("stroke-width", 4) .selectAll("path") .data(arcs) .join("path") .attr("fill", "none") .attr("d", arc_white) ; }, drawEcologicalDoughnut1: function (svg) { let Self = this; let pie = d3.pie() .startAngle(-20*Math.PI/180) .endAngle(-20*Math.PI/180 + 2 * Math.PI) .sort(null) .value(Math.PI * 2 / this.yearData.ecological1.length) ; let arcs = pie(this.yearData.ecological1); let arc_green = d3.arc() .innerRadius( function (d) { return Self.socialRadius + 15; // Self.socialScale(d.data); } ) .outerRadius( function (d) { return Self.ceilingScale(d.data > 1 ? 1 : d.data); } ) ; let arc_red = d3.arc() .innerRadius( function (d) { return Self.ecoRadius + 15; } ) .outerRadius( function (d) { if (d.data === 1.00001) { return Self.ceilingScale(3.75) + 15; } else { return Self.ceilingScale(d.data > 1 ? d.data*1.75 : 1) + 15; } } ) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function (d) { if (d.data === 1.00001) { return "#c2cae0"; } else { return "#61bc33"; } }) .attr("stroke-width", "1") .attr("fill", function (d) { if (d.data === 1.00001) { return "#c2cae0"; } else { return "#61bc33"; } }) .attr("d", arc_green) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#ed1f32"; }) .attr("stroke-width", "1") .attr("fill", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#ed1f32"; }) .attr("d", arc_red) ; }, drawEcologicalDoughnut2: function (svg) { let Self = this; let pie = d3.pie() .startAngle(-20*Math.PI/180) .endAngle(-20*Math.PI/180 + 2 * Math.PI) .sort(null) .value(Math.PI * 2 / this.yearData.ecological2.length) ; let arcs = pie(this.yearData.ecological2); let arc_green = d3.arc() .innerRadius( function (d) { return Self.socialRadius + 15; // Self.socialScale(d.data); } ) .outerRadius( function (d) { return Self.ceilingScale(d.data > 1 ? 1 : d.data); } ) ; let arc_red = d3.arc() .innerRadius( function (d) { return Self.ecoRadius + 15; } ) .outerRadius( function (d) { if (d.data === 1.00001) { return Self.ceilingScale(3.75) + 15; } else { return Self.ceilingScale(d.data > 1 ? d.data*1.75 : 1) + 15; } } ) ; svg .append("g") .attr("stroke", "white") .attr("stroke-width", 1) .selectAll("path") .data(arcs) .join("path") .attr("stroke", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#61bc33"; }) .attr("stroke-width", 1) .attr("fill", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#61bc33"; }) .attr("d", arc_green) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#ed1f32"; }) .attr("stroke-width", 1) .attr("fill", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#ed1f32"; }) .attr("d", arc_red) ; }, drawEcologicalLines2: function (svg) { let Self = this; let line_eco2 = [1,1,1,1,1,1,1,1,1]; let pie = d3.pie() .startAngle(-20*Math.PI/180) .endAngle(-20*Math.PI/180 + 2 * Math.PI) .sort(null) .value(Math.PI * 2 / this.yearData.ecological2.length) ; let arcs = pie(line_eco2); let arc_white = d3.arc() .innerRadius( function (d) { return Self.ecoRadius + 15; } ) .outerRadius( function () { return Self.ceilingScale(5) + 15; } ) ; svg .append("g") .attr("stroke", "white") .attr("stroke-width", 4) .selectAll("path") .data(arcs) .join("path") .attr("fill", "none") .attr("d", arc_white) ; }, drawEcologicalCutoff: function (svg) { let Self = this; let pie = d3.pie() .startAngle(-20*Math.PI/180) .endAngle(-20*Math.PI/180 + 2 * Math.PI) .sort(null) .value(Math.PI * 2 / this.yearData.ecological1.length) ; let arcs = pie(this.yearData.ecological1); let arc_cut = d3.arc() .innerRadius( function (d) { return Self.ceilingScale(3.75) + 15 } ) .outerRadius( function (d) { return Self.ceilingScale(10) + 15; } ) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function(d) { return d.data === 1.00001 ? '#c2cae0' : "white"; }) .attr("stroke-width", "1") .attr("fill", function(d) { return d.data === 1.00001 ? '#c2cae0' : "white"; }) .attr("d", arc_cut) ; }, drawEcologicalBlur1: function (svg) { let Self = this; let pie = d3.pie() .startAngle(-20*Math.PI/180) .endAngle(-20*Math.PI/180 + 2 * Math.PI) .sort(null) .value(Math.PI * 2 / this.yearData.ecological1.length) ; let arcs = pie(this.yearData.ecological1); let arc_blur1 = d3.arc() .innerRadius( function (d) { if(d.data === 1.00001){ return Self.ceilingScale(3.2) + 15; } else{ return Self.ceilingScale(d.data*1.75 > 3.75 ? 3.2 : 1) + 15; } } ) .outerRadius( function (d) { if (d.data === 1.00001) { return Self.ceilingScale(3.76) + 15; } else { return Self.ceilingScale(d.data*1.75 > 3.75 ? 3.76 : 1) + 15; } } ) ; let arc_blur2 = d3.arc() .innerRadius( function (d) { if(d.data === 1.00001){ return Self.ceilingScale(3.6) + 15; } else{ return Self.ceilingScale(d.data*1.75 > 3.75 ? 3.6 : 1) + 15; } } ) .outerRadius( function (d) { if (d.data === 1.00001) { return Self.ceilingScale(3.8) + 15; } else { return Self.ceilingScale(d.data*1.75 > 3.75 ? 3.8 : 1) + 15; } } ) ; let filter1 = svg.append("defs") .append("filter") .attr("id", "blur1a") ; filter1.append("feGaussianBlur") .attr("stdDeviation", 6) ; let filter2 = svg.append("defs") .append("filter") .attr("id", "blur1b") ; filter2.append("feGaussianBlur") .attr("stdDeviation", 4) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function(d) { return d.data === 1.00001 ? '#c2cae0' : "white"; }) .attr("stroke-width", "0.1") .attr("fill", function(d) { return d.data === 1.00001 ? '#c2cae0' : "white"; }) .attr("opacity", 0.7) .attr("filter", "url(#blur1a)") .attr("d", arc_blur1) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#ed1f32"; }) .attr("stroke-width", "0.1") .attr("fill", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#ed1f32"; }) .attr("opacity", 0.7) .attr("filter", "url(#blur1a)") .attr("d", arc_blur1) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function(d) { return d.data === 1.00001 ? '#c2cae0' : "white"; }) .attr("stroke-width", "0.1") .attr("fill", function(d) { return d.data === 1.00001 ? '#c2cae0' : "white"; }) .attr("opacity", 0.9) .attr("filter", "url(#blur1b)") .attr("d", arc_blur2) ; }, drawEcologicalBlur2: function (svg) { let Self = this; let pie = d3.pie() .startAngle(-20*Math.PI/180) .endAngle(-20*Math.PI/180 + 2 * Math.PI) .sort(null) .value(Math.PI * 2 / this.yearData.ecological2.length) ; let arcs = pie(this.yearData.ecological2); let arc_blur1 = d3.arc() .innerRadius( function (d) { if(d.data === 1.00001){ return Self.ceilingScale(3.2) + 15; } else{ return Self.ceilingScale(d.data*1.75 > 3.75 ? 3.2 : 1) + 15; } } ) .outerRadius( function (d) { if (d.data === 1.00001) { return Self.ceilingScale(3.76) + 15; } else { return Self.ceilingScale(d.data*1.75 > 3.75 ? 3.76 : 1) + 15; } } ) ; let arc_blur2 = d3.arc() .innerRadius( function (d) { if(d.data === 1.00001){ return Self.ceilingScale(3.6) + 15; } else{ return Self.ceilingScale(d.data*1.75 > 3.75 ? 3.6 : 1) + 15; } } ) .outerRadius( function (d) { if (d.data === 1.00001) { return Self.ceilingScale(3.8) + 15; } else { return Self.ceilingScale(d.data*1.75 > 3.75 ? 3.8 : 1) + 15; } } ) ; let filter1 = svg.append("defs") .append("filter") .attr("id", "blur2a") ; filter1.append("feGaussianBlur") .attr("stdDeviation", 6) ; let filter2 = svg.append("defs") .append("filter") .attr("id", "blur2b") ; filter2.append("feGaussianBlur") .attr("stdDeviation", 4) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", "white") .attr("stroke-width", "0.1") .attr("fill", "white") .attr("opacity", 0.7) .attr("filter", "url(#blur2a)") .attr("d", arc_blur1) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#ed1f32"; }) .attr("stroke-width", "0.1") .attr("fill", function(d) { return d.data === 1.00001 ? '#c2cae0' : "#ed1f32"; }) .attr("opacity", 0.7) .attr("filter", "url(#blur2a)") .attr("d", arc_blur1) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("stroke", "white") .attr("stroke-width", "0.1") .attr("fill", "white") .attr("opacity", 0.9) .attr("filter", "url(#blur2b)") .attr("d", arc_blur2) ; }, drawBoundaries: function (svg) { const Self = this; let pie_soc = d3.pie() .startAngle(-98 * Math.PI / 180) .endAngle(-98 * Math.PI / 180 + 2 * Math.PI) .value( function (d) { return d; }) .sort(null); const arcsoc = d3.arc() .innerRadius(Self.socialRadius) .outerRadius(Self.socialRadius + 16); svg .selectAll("#socialboundaryarc") .data(function (d) { return pie_soc([Self.socialLabels1.length]); }) .enter() .append("path") .attr("class", "arc") .attr("id", "socialboundaryarc") .attr("d", arcsoc)// was 1.2 in natSus .attr('fill', '#2a733f') //#3182bd in NatSus .style("stroke-width", 1.5) .style("stroke", "#2a733f") ; svg .selectAll("#socarctext") .data(["SOCIAL FOUNDATION"]) .enter() .append("text") .attr("dx", 186) .attr("dy", 12) .attr("font-size", '14px') .attr("font-weight", 700) .attr("fill", "#fff") .append("textPath") .attr("xlink:href", "#socialboundaryarc") .text(function (d) { return d; }) ; let pie_bio = d3.pie() .startAngle(-98 * Math.PI / 180) .endAngle(-98 * Math.PI / 180 + 2 * Math.PI) .value( function (d) { return d; }) .sort(null); const arcbio = d3.arc() .innerRadius(Self.ecoRadius) .outerRadius(Self.ecoRadius + 16); svg .selectAll("#bioboundaryarc") .data(function (d) { return pie_bio([Self.ecoLabels1.length]); }) .enter() .append("path") .attr("class", "arc") .attr("id", "bioboundaryarc") .attr("d", arcbio) .attr("fill", "#2a733f") .style("stroke-width", 1.5) .style("stroke", "#2a733f") ; svg .selectAll("#bioarctext") .data(["ECOLOGICAL CEILING"]) .enter() .append("text") .attr("dx", 315) .attr("dy", 12) .attr("font-weight", 700) .attr("font-size", "14px") .attr("fill", "#fff") .append("textPath") .attr("xlink:href", "#bioboundaryarc") .text(function (d) { return d; }) ; let pie_dough = d3.pie() .startAngle(-98 * Math.PI / 180) .endAngle(-98 * Math.PI / 180 + 2 * Math.PI) .value( function (d) { return d; }) .sort(null); const arcdough = d3.arc() .innerRadius(Self.socialRadius + 16.5) .outerRadius(Self.ecoRadius - 0.5); svg .selectAll("#dougharc") .data(function (d) { return pie_dough([Self.ecoLabels1.length]); }) .enter() .append("path") .attr("class", "arc") .attr("id", "dougharc") .attr("d", arcdough) .attr("fill", "#61bc33") .style("stroke-width", 1) .style("stroke", "#61bc33") ; // svg // .selectAll("#dougharctext") // .data(["Ecological Ceiling"]) // .enter() // .append("text") // .attr("dx", 200) // .attr("dy", 12) // .attr("font-size", "14px") // .attr("fill", "#fff") // .append("textPath") // .attr("xlink:href", "#bioboundaryarc") // .text(function (d) { // return d; // }) // ; }, drawSocialLabels: function(svg){ let Self = this; let socLabelArcs = [2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2]; let pie = d3.pie() .startAngle(-90*Math.PI/180) .sort(null) .value(Math.PI * 2 / this.yearData.social2.length) ; let arcs = pie(socLabelArcs); let arcLabel1 = d3.arc() .innerRadius(Self.ecoRadius*0.8) .outerRadius(Self.ecoRadius*0.8); let arcLabel2 = d3.arc() .innerRadius(Self.ecoRadius*0.88) .outerRadius(Self.ecoRadius*0.88); svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("display", "none") .attr("fill", "#333") .attr("stroke", "#000") .attr("d", arcLabel1) .attr("id", (d, i) => `arc_soc1_${i}`) ; svg .append("g") .selectAll("text") .data(arcs) .join("text") .attr("dx", function (d, i) { return i < 6 ? -90 : 90; }) .attr("dy", function (d, i) { return i < 6 ? 5 : 2; }) .attr("font-size", "14px") .attr("font-weight", 700) .attr("fill", "#fff") .append("textPath") .style("text-anchor", "middle") .attr("startOffset", function(d,i){ return i < 6 ? "75%" : "22%"; }) .attr("xlink:href", (d, i) => `#arc_soc1_${i}`) .text((d, i) => Self.socialLabels1[i]) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("display", "none") .attr("fill", "#333") .attr("stroke", "#000") .attr("d", arcLabel2) .attr("id", (d, i) => `arc_soc2_${i}`) ; svg .append("g") .selectAll("text") .data(arcs) .join("text") .attr("dx", function(d, i) { return i < 6 ? -90 : 90; }) .attr("dy", function(d, i) { return i < 6 ? 5 : 2; }) .attr("font-size", "14px") .attr("font-weight", 700) .attr("fill", "#fff") .append("textPath") .style("text-anchor", "middle") .attr("startOffset", function(d,i){ return i < 6 ? "75%" : "27%"; }) .attr("xlink:href", (d, i) => `#arc_soc2_${i}`) .text((d, i) => Self.socialLabels2[i]) ; }, drawEcologicalLabels: function(svg){ let Self = this; let ecoLabelArcs = [2, 1, 2, 2, 1, 2, 2, 1, 1]; let pie = d3.pie() .startAngle(-20*Math.PI/180) .endAngle(-20*Math.PI/180 + 2 * Math.PI) .sort(null) .value(Math.PI * 2 / this.yearData.ecological2.length) ; let arcs = pie(ecoLabelArcs); let arcLabel1 = d3.arc() .innerRadius(Self.ecoRadius*1.28) .outerRadius(Self.ecoRadius*1.28); let arcLabel2 = d3.arc() .innerRadius(Self.ecoRadius*1.2) .outerRadius(Self.ecoRadius*1.2); svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("display", "none") .attr("fill", "#333") .attr("stroke", "#000") .attr("d", arcLabel1) .attr("id", (d, i) => `arc_bio1_${i}`) ; svg .append("g") .selectAll("text") .data(arcs) .join("text") .attr("dy", function (d, i) { return i < 3 || i > 6 ? 5 : 2; }) .attr("dx", function (d, i) { return i < 3 || i > 6 ? -90 : 290; }) .attr("font-size", "14px") .attr("font-weight", 700) .attr("fill", function (d) { return d.data > 1.2 ? "#fff" : "#000"; // let r = Self.ceilingScale(d.data); // return r > 100 ? "#fff" : "#000"; }) .append("textPath") .style("text-anchor", "middle") .attr("startOffset", function(d, i){ // return i < 3 || i > 6 ? "57%" : "43%" return i < 3 || i > 6 ? "50%" : "0%" }) .attr("xlink:href", (d, i) => `#arc_bio1_${i}`) .text((d, i) => Self.ecoLabels1[i]) ; svg .append("g") .selectAll("path") .data(arcs) .join("path") .attr("display", "none") .attr("fill", "#333") .attr("stroke", "#000") .attr("d", arcLabel2) .attr("id", (d, i) => `arc_bio2_${i}`) ; svg .append("g") .selectAll("text") .data(arcs) .join("text") .attr("dy", function (d, i) { return i < 3 || i > 6 ? 5 : 2; }) .attr("dx", function (d, i) { return i < 3 || i > 6 ? -90 : 270; }) .attr("font-size", "14px") .attr("font-weight", 700) .attr("fill", function (d) { return d.data > 1.2 ? "#fff" : "#000"; // let r = Self.ceilingScale(d.data); // return r > 100 ? "#fff" : "#000"; }) .append("textPath") .style("text-anchor", "middle") .attr("startOffset", function(d, i){ return i < 3 || i > 6 ? "51.5%" : "0%" }) .attr("xlink:href", (d, i) => `#arc_bio2_${i}`) .text((d, i) => Self.ecoLabels2[i]) ; }, plot: function () { this.getDataAndScales(); this.plotDoughnut(); } });47:Taf1,controls = ({ timer: null, timerInterval: 300, year: 2021, maxYear: 2021, chart: null, init: function (chart) { let Self = this; this.chart = chart; //if (document.location.host === 'deal.static.observableusercontent.com') { // d3.select('#main_block').attr("style", "min-height: " + width * 2 + "px; height: " + 600 + "px;"); //} d3.select("#yearRange").on("input", function () { Self.year = (this.value * 1) + 2000; d3.select("#yearRangeNumber").text(Self.year); Self.chart.setYear(Self.year); }); d3.select("#playRange").on("click", function () { let button = this; button.disabled = true; d3.select("#yearRangeNumber").text(2000); d3.select("#yearRange").node().value = 0; Self.year = 2000; Self.chart.setYear(2000); Self.timer = d3.timer(function (duration) { let pos = 2000 + Math.floor(duration / Self.timerInterval) + 1; if (pos > Self.year) { Self.year = pos; if (pos < Self.maxYear) { Self.chart.setYear(pos); } else { Self.chart.setYear(Self.maxYear); Self.timer.stop(); button.disabled = false; } d3.select("#yearRangeNumber").text(Self.year); d3.select("#yearRange").node().value = Self.year - 2000; } }, Self.timerInterval * 1.8); }); }, fillPlacesDropdown: function(wldData) { let Self = this; let placeList = wldData.map(elem => ( { place: elem.place, placeCode: elem.placeCode } )); let list = d3.select("#country_dropdown .dropdown-menu") .selectAll(".dropdown-item") .data(placeList) .enter() .append("li") .attr("class", "dropdown-item") .append("div") .attr("class", "custom-control custom-radio"); list.append("input") .attr("type", "radio") .attr("class", "custom-control-input") .attr("id", d => "place_" + d.placeCode) .attr("name", "place") .attr("value", d => d.placeCode) ; list.insert("label") .attr("class", "custom-control-label") .attr("for", d => "place_" + d.placeCode) .text(d => d.place) ; $('#country_dropdown .dropdown-toggle').dropdown(); $('#country_dropdown input[type="radio"]') .on('input', function () { let key = $(this).val(); let name = $(this).next().text(); $('#country_dropdown .dropdown-toggle').text(name); Self.chart.setPlace(key); }); }, enablePanels: function() { $('#panels').removeClass('d-none'); $('#controls2').removeClass('d-none').addClass('d-flex'); $('#yearRange').removeAttr('disabled'); $('#playRange').removeAttr('disabled'); } });48:[{"id":"157fecd79b526ed04f4fa8735e27cac3d8d5859b8045a8a7148de6e6ba305ccb43644fb01e5117f46ab8d48aeda3a06f846110a6105e1a10107b2bb9101fcca2","href":"https://static.observableusercontent.com/files/157fecd79b526ed04f4fa8735e27cac3d8d5859b8045a8a7148de6e6ba305ccb43644fb01e5117f46ab8d48aeda3a06f846110a6105e1a10107b2bb9101fcca2","name":"6_20230706_globalDoughnut-missingToNum@1.json","type":"application/json","lastModified":1688722686576.354,"size":35866}] 43:{"id":"fddd2f51755ac5fc","slug":null,"title":"Untitled","thumbnail":"9315de0dc1919f5eb16f05b903d474edc710e6415e08b2fce08063421a3a5bb3","access_level":"public","create_time":"$D2022-12-06T11:11:06.261Z","update_time":"$D2023-07-10T16:10:21.935Z","view_time":null,"first_public_time":"$D2022-12-06T11:11:06.261Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8fcae82cb470ebd7","login":"deal","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3cc4821ec678cdf05d54baded606b5c9bcaa0014a9ed98517971f81266a60f2d","tier":"starter_2024","bio":"","following":false},"version":573,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fb0bedb2e56c9e15","login":"deal","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3cc4821ec678cdf05d54baded606b5c9bcaa0014a9ed98517971f81266a60f2d","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"fb0bedb2e56c9e15","login":"deal","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3cc4821ec678cdf05d54baded606b5c9bcaa0014a9ed98517971f81266a60f2d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Untitled","cells":[{"id":0,"value":"# Untitled","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":18,"value":"$$ = require('jquery').then(jquery => {\n window.jquery = jquery;\n // return require('popper@1.16.1/index.js').catch(() => jquery);\n require('bootstrap@4.0');\n return jquery;\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"play_chart = {\n $(document).ready(function() {\n chart.setControls(controls);\n \n controls.init(chart);\n controls.fillPlacesDropdown(wldData);\n\n if (document.location.hash.length === 4) {\n console.log(document.location.hash.substr(1));\n chart.setPlace(document.location.hash.substr(1));\n } else {\n chart.setPlace('WLD');\n }\n d3.select('#country_dropdown .dropdown-toggle').text('World');\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"wldData = FileAttachment(\"6_20230706_globalDoughnut-missingToNum@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"d3 = require(\"d3@7\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 44:"$43:body"