44:["$","title",null,{"children":"Zoomable Sunburst (Emission Factor & Catastrophes) | FHOÖ Information Visualization | Observable"}] 4c:T2549,function createZoomableObject(){ let emissionsObject = {withLUCF: 0, withoutLUCF: 0} let emissionsFactorPerType = Array.from({ length: 3 }, () => ({ min: 10000, max: -1 })); let worldObject = { name: "World", catastrophes: Array.from({ length: 2021 - 1990 }, (_, i) => 0), emissions: Array.from({ length: 2021 - 1990 }, (_, i) => emissionsObject), emissionsFactor: Array.from({ length: 2021 - 1990 }, (_, i) => 0), minMax: "", population: Array.from({ length: 2021 - 1990 }, (_, i) => 0), children: [] } console.log(worldObject.emissionsFactorMinMaxForType) for(var i = 0; i < continentsSet.length; i++){ let continentName = continentsSet[i] let catastrophesPerContinent = Array.from({ length: 2021 - 1990 }, (_, i) => 0) let emissionsPerContinent = Array.from({ length: 2021 - 1990 }, (_, i) => emissionsObject) let emissionsFactorPerContinent = Array.from({ length: 2021 - 1990 }, (_, i) => 0) let populationPerContinent = Array.from({ length: 2021 - 1990 }, (_, i) => 0) let regionObjects = [] let regionsList = nodeStructure.get(continentName) if(regionsList !== undefined){ Array.from(regionsList.keys()).forEach(region => { let countryList = [] let catastrophesPerRegion = Array.from({ length: 2021 - 1990 }, (_, i) => 0) let emissionsPerRegion = Array.from({ length: 2021 - 1990 }, (_, i) => emissionsObject) let emissionsFactorPerRegion = Array.from({ length: 2021 - 1990 }, (_, i) => 0) let populationPerRegion = Array.from({ length: 2021 - 1990 }, (_, i) => 0) let countryNames = regionsList.get(region).keys() Array.from(countryNames).forEach(countryName => { let iso = Array.from(regionsList.get(region).get(countryName).keys())[0] let tempCatastrophes = regionsList.get(region).get(countryName).get(iso) let catastropheCount = Array.from({ length: 2021 - 1990 }, (_, i) => 0) tempCatastrophes.forEach(catastrophe => { let year = parseInt(catastrophe.Year) catastropheCount[year-1990]++; catastrophesPerRegion[year-1990]++; }) let entry = emissionsForSimulation.find(d => iso === d.country) let emissionsFactor = emissionFactors.find(d => iso === d.Country) if(entry != undefined){ let emissionsPerYear = Array.from({ length: 2021 - 1990 }, (_, i) => emissionsObject) entry.emissions.forEach((emissionEntry, num) => { emissionsPerYear[num] = {withLUCF: emissionEntry.withLUCF, withoutLUCF: emissionEntry.withoutLUCF}; }) if(emissionsFactor != undefined){ let emissionsFactorPerYear = Array.from({ length: 2021 - 1990 }, (_, i) => emissionsFactor[1990+i]) emissionsFactorPerYear.forEach(tempEmissionsFactor => { if(emissionsFactorPerType[2].min > tempEmissionsFactor){ emissionsFactorPerType[2].min = tempEmissionsFactor } if(emissionsFactorPerType[2].max < tempEmissionsFactor){ emissionsFactorPerType[2].max = tempEmissionsFactor } }) let countryObject = { name: countryName, iso3: iso, displayName: iso, catastrophes: catastropheCount, emissionsFactor: emissionsFactorPerYear, emissions: emissionsPerYear, population: entry.population, value: catastropheCount } emissionsPerYear.forEach((emissionsPerYear, num) => { emissionsPerRegion[num] = {withLUCF: emissionsPerRegion[num].withLUCF + emissionsPerYear.withLUCF, withoutLUCF: emissionsPerRegion[num].withoutLUCF + emissionsPerYear.withoutLUCF}; }) emissionsFactorPerRegion = Array.from({ length: 2021 - 1990 }, (_, i) => emissionsFactorPerRegion[i] + emissionsFactorPerYear[i]) populationPerRegion = Array.from({ length: 2021 - 1990 }, (_, i) => populationPerRegion[i] + entry.population[i]) countryList.push(countryObject); } }else{ console.log(iso) } }) emissionsFactorPerRegion.forEach((tempEmissionsFactor, num) => { emissionsFactorPerRegion[num] = tempEmissionsFactor/countryList.length if(emissionsFactorPerType[1].min > tempEmissionsFactor/countryList.length){ emissionsFactorPerType[1].min = tempEmissionsFactor/countryList.length } if(emissionsFactorPerType[1].max < tempEmissionsFactor/countryList.length){ emissionsFactorPerType[1].max = tempEmissionsFactor/countryList.length } }) if(region === "Australia and New Zealand"){region = "Australia & New Z."} let regionObject = { name: region, displayName: region, catastrophes: catastrophesPerRegion, emissionsFactor: emissionsFactorPerRegion, emissions: emissionsPerRegion, population: populationPerRegion, children: countryList } catastrophesPerContinent = Array.from({ length: 2021 - 1990 }, (_, i) => catastrophesPerContinent[i] + catastrophesPerRegion[i]) emissionsPerRegion.forEach((emissionsPerYear, num) => { emissionsPerContinent[num] = {withLUCF: emissionsPerContinent[num].withLUCF + emissionsPerYear.withLUCF, withoutLUCF: emissionsPerContinent[num].withoutLUCF + emissionsPerYear.withoutLUCF}; }) emissionsFactorPerContinent = Array.from({ length: 2021 - 1990 }, (_, i) => emissionsFactorPerContinent[i] + emissionsFactorPerRegion[i]) populationPerContinent = Array.from({ length: 2021 - 1990 }, (_, i) => populationPerContinent[i] + populationPerRegion[i]) regionObjects.push(regionObject); }) } emissionsFactorPerContinent.forEach((tempEmissionsFactor, num) => { regionObjects.forEach(region => { emissionsFactorPerContinent[num] += tempEmissionsFactor/region.children.length if(emissionsFactorPerType[0].min > tempEmissionsFactor/(regionObjects.length*region.children.length)){ emissionsFactorPerType[0].min = tempEmissionsFactor/(regionObjects.length*region.children.length) } if(emissionsFactorPerType[0].max < tempEmissionsFactor/(regionObjects.length*region.children.length)){ emissionsFactorPerType[0].max = tempEmissionsFactor/(regionObjects.length*region.children.length) } }) }) let continentObject = { name: continentName, displayName: continentName, catastrophes: catastrophesPerContinent, emissions: emissionsPerContinent, emissionsFactor: emissionsFactorPerContinent, population: populationPerContinent, children: regionObjects } worldObject.catastrophes = Array.from({ length: 2021 - 1990 }, (_, i) => worldObject.catastrophes[i] + catastrophesPerContinent[i]) emissionsPerContinent.forEach((emissionsPerYear, num) => { worldObject.emissions[num] = {withLUCF: worldObject.emissions[num].withLUCF + emissionsPerYear.withLUCF, withoutLUCF: worldObject.emissions[num].withoutLUCF + emissionsPerYear.withoutLUCF}; }) worldObject.emissionsFactor = Array.from({ length: 2021 - 1990 }, (_, i) => worldObject.emissionsFactor[i] + emissionsFactorPerContinent[i]) worldObject.population = Array.from({ length: 2021 - 1990 }, (_, i) => worldObject.population[i] + populationPerContinent[i]) worldObject.children.push(continentObject) } worldObject.minMax = emissionsFactorPerType return worldObject; }4d:T985,function createYearArrays() { const temp = []; for (let i = 1990; i <= 2020; i++) { const emissionsObject = { withLUCF: 0, withoutLUCF: 0 }; const worldObject = { name: "World", year: i, catastrophes: dataByLocation.catastrophes[i - 1990], emissions: dataByLocation.emissions[i - 1990], emissionsFactor: dataByLocation.emissionsFactor[i - 1990], population: dataByLocation.population[i - 1990], minMax: dataByLocation.minMax, children: [] }; dataByLocation.children.forEach(continent => { const continentObject = { name: continent.name, displayName: continent.displayName, catastrophes: continent.catastrophes[i - 1990], emissionsFactor: continent.emissionsFactor[i - 1990], emissions: continent.emissions[i - 1990], population: continent.population[i - 1990], children: [] }; continent.children.forEach(region => { const regionObject = { name: region.name, displayName: region.displayName, catastrophes: region.catastrophes[i - 1990], emissionsFactor: region.emissionsFactor[i - 1990], emissions: region.emissions[i - 1990], population: region.population[i - 1990], children: [] }; region.children.forEach(country => { const countryObject = { name: country.name, iso3: country.iso3, displayName: country.displayName, population: country.population[i - 1990], catastrophes: country.catastrophes[i - 1990], emissionsFactor: country.emissionsFactor[i - 1990], emissions: country.emissions[i - 1990], value: country.catastrophes[i - 1990] }; regionObject.children.push(countryObject); }); continentObject.children.push(regionObject); }); worldObject.children.push(continentObject); }); temp.push(worldObject); } return temp; }4e:T1de1,function createChart(year=1990){ const root = partition(dataByYears[year-1990]); root.each(d => d.current = d); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, width]) .style("font", "10px sans-serif"); const g = svg.append("g") .attr("transform", `translate(${width / 2},${width / 2})`); const defs = svg.append("defs"); function getDataBasedOnColorScale(colorScale, value, factor) { return Math.min(Math.max(Math.round(value*factor), 0), colorScale.length - 1); } function getDataBasedOnEmissionFactorScale(value) { if (value < 0) { return 0; } else { if(value < 1){ return Math.round(value * 10); } return Math.round(value)+12; } } const path = g.append("g") .selectAll("path") .data(root.descendants().slice(1)) .join("path") .attr("fill", (d, i) => { if(selection === "Continents"){ while (d.depth > 1) d = d.parent; return color(d.data.name); }else{ let catastropheData = (d.data.catastrophes / dataByYears[year-1990].catastrophes); return reverseColorScale[getDataBasedOnColorScale(reverseColorScale, catastropheData, 10)]; } }) .attr("fill-opacity", d => arcVisible(d.current) ? (d.children ? 0.6 : 0.4) : 0) .attr("d", d => locationArc(d.current)); const emissionsPath = g.append("g") .selectAll("path") .data(root.descendants().slice(1)) .join("path") .attr("fill", d => { return emissionsFactorScale[getDataBasedOnEmissionFactorScale(d.data.emissionsFactor)]}) .attr("fill-opacity", d => arcVisible(d.current) ? (d.children ? 0.8 : 0.6) : 0) .attr("d", d => emissionsArc(d.current)); const testLabel = g.append("g") .selectAll("text") .data(root.descendants().slice(1)) .join("text") .attr("text-anchor", "middle") .style("user-select", "none") .attr("transform", `translate(${230}, ${width-305})`) .attr('fill', '#ccc') .attr('font-family', 'Helvetica Neue, Arial') .attr('font-weight', 500) .attr('font-size', 60) .text(year); path.filter(d => d.children) .style("cursor", "pointer") .on("click", clicked) emissionsPath.filter(d => d.children) .style("cursor", "pointer") .on("click", clicked) path.append("title") .text(d => "Catastrophes: " + format(d.data.catastrophes)); emissionsPath.append("title") .text(d => "Emissions Factor: " + formatFloat(d.data.emissionsFactor)); const label = g.append("g") .attr("text-anchor", "middle") .style("user-select", "none") .selectAll("text") .data(root.descendants().slice(1)) .join("text") .attr("dy", "0.35em") .attr("fill-opacity", d => +labelVisible(d.current)) .attr("transform", d => labelTransform(d.current)) .style("font-size", 5) .text(d => d.data.displayName) //.on('click', d => { console.log('over element', d) }) //.on('mouseover', (d) => { console.log('On mouse over', d) }); const number = g.append("g") .attr("text-anchor", "middle") .style("user-select", "none") .selectAll("text") .data(root.descendants().slice(1)) .join("text") .attr("dy", "0.35em") .attr("fill-opacity", d => +labelVisible(d.current)) .attr("transform", d => numberTransform(d.current)) .style("font-size", 5) .text(d => d.data.catastrophes) if(selection === "Catastrophes"){ const catastrophesLegendGroup = svg.append("g") .attr("transform", `translate(${10}, 10)`); const catastrophesLegend = catastrophesLegendGroup.append("foreignObject") .attr("width", 130) .attr("height", 100); const catastrophesSwatchesHTML = swatches(legendColorScale, "

Catastrophes (outer circle):

", "Catastrophes: ").outerHTML; catastrophesLegend.html(`

${catastrophesSwatchesHTML}

`); } const parent = g.append("circle") .datum(root) .attr("r", radius-10) .attr("fill", "none") .attr("pointer-events", "all") .on("click", clicked); function clicked(p) { console.log(p) parent.datum(p.parent || root); root.each(d => d.target = { x0: Math.max(0, Math.min(1, (d.x0 - p.x0) / (p.x1 - p.x0))) * 2 * Math.PI, x1: Math.max(0, Math.min(1, (d.x1 - p.x0) / (p.x1 - p.x0))) * 2 * Math.PI, y0: Math.max(0, d.y0 - p.depth), y1: Math.max(0, d.y1 - p.depth) }); const t = g.transition().duration(750); path.transition(t) .tween("data", d => { const i = d3.interpolate(d.current, d.target); return t => d.current = i(t); }) .filter(function(d) { return +this.getAttribute("fill-opacity") || arcVisible(d.target); }) .attr("fill", (d, i) => { if(selection === "Continents"){ while (d.depth > 1) d = d.parent; return color(d.data.name); }else{ let catastropheData = (d.data.catastrophes / dataByYears[year-1990].catastrophes); return reverseColorScale[getDataBasedOnColorScale(reverseColorScale, catastropheData, 10)]; } }) .attr("fill-opacity", d => arcVisible(d.target) ? (d.children ? 0.6 : 0.4) : 0) .attrTween("d", d => () => locationArc(d.current)) emissionsPath.transition(t) .tween("data", d => { const i = d3.interpolate(d.current, d.target); return t => d.current = i(t); }) .filter(function(d) { return +this.getAttribute("fill-opacity") || arcVisible(d.target); }) .attr("fill-opacity", d => arcVisible(d.target) ? (d.children ? 0.8 : 0.6) : 0) .attr("fill", d => { return emissionsFactorScale[getDataBasedOnEmissionFactorScale(d.data.emissionsFactor)]}) .attrTween("d", d => () => { return emissionsArc(d.current); }); label.filter(function(d) { return +this.getAttribute("fill-opacity") || labelVisible(d.target); }).transition(t) .attr("fill-opacity", d => +labelVisible(d.target)) .attr('opacity', d => +labelVisible(d.target)) .attrTween("transform", d => () => labelTransform(d.current)); number.filter(function(d) { return +this.getAttribute("fill-opacity") || labelVisible(d.target); }).transition(t) .attr("fill-opacity", d => +labelVisible(d.target)) .attr('opacity', d => +labelVisible(d.target)) .attrTween("transform", d => () => numberTransform(d.current)); } function arcVisible(d) { return d.y1 <= 4 && d.y0 >= 1 && d.x1 > d.x0; } function labelVisible(d) { return d.y1 <= 4 && d.y0 >= 1 && (d.y1 - d.y0) * (d.x1 - d.x0) > 0.03; } function angleTransform(d) { const x = (d.x0 + d.x1) / 2 * 180 / Math.PI; const y = (d.y0 + d.y1) / 2 * radius; return `rotate(${x}) translate(${y},0) rotate(${x < 180 ? 0 : 180})`; } function labelTransform(d) { const x = (d.x0 + d.x1) / 2 * 180 / Math.PI; const y = (d.y0 + d.y1) / 2 * radius; return `rotate(${x - 90}) translate(${y},0) rotate(${x < 180 ? 0 : 180})`; } function numberTransform(d) { const x = (d.x0 + d.x1) / 2 * 180 / Math.PI; const y = ((d.y0 + d.y1) / 2) * radius - 30; return `rotate(${x - 90}) translate(${y},0) rotate(${x < 180 ? 0 : 180})`; } return svg.node(); }4f:T508,function createGradient(defs, g, progress){ const data = d3.range(100).map((d,i)=>({uid:DOM.uid(), value:(progress/10)})).concat({uid:DOM.uid(), value: 100-progress, color:"none"}) const arcs = pie(data); const id = d => d.data.uid.id const arcWidth = radius-5; const gradients = defs.selectAll("linearGradient") .data(arcs, d=> d.data.uid.id) .join("linearGradient") .attr("id", d=> d.data.uid.id) .attr("gradientUnits", d=> "userSpaceOnUse") .attr("x1", d=> Math.cos(d.startAngle - Math.PI/2)*(arcWidth)) .attr("y1", d=> Math.sin(d.startAngle - Math.PI/2)*(arcWidth)) .attr("x2", d=> Math.cos(d.endAngle - Math.PI/2)*(arcWidth)) .attr("y2", d=> Math.sin(d.endAngle - Math.PI/2)*(arcWidth)); gradients .append("stop") .attr("offset", "0%") .attr("stop-color", (d,i) => colorScale(i)) gradients .append("stop") .attr("offset", "100%") .attr("stop-color", (d,i) => colorScale(i+1)) g.selectAll("path") .data(arcs) .join("path") .attr("fill", d => ( d.data.color === "none" ? "none" : d.data.uid) ) .attr("stroke", d => ( d.data.color === "none" ? "none" : d.data.uid) ) .attr("stroke-width", "1px") .attr("d", emissionsArc) .attr("transform", `rotate(${180})`) return defs, g, `url(#${id})` }50:T708,function Legend(color, { title, tickSize = 6, width = 900, height = 44 + tickSize, marginTop = 18, marginRight = 0, marginBottom = 16 + tickSize, marginLeft = 0, ticks = width / 64, tickFormat, tickValues } = {}) { const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .style("overflow", "visible") .style("display", "block"); let tickAdjust = g => g.selectAll(".tick line").attr("y1", marginTop + marginBottom - height); let x; x = d3.scaleBand() .domain(domainValues) .rangeRound([marginLeft, width - marginRight]); svg.append("g") .selectAll("rect") .data(domainValues) .join("rect") .attr("x", (d, i) => x(d)) .attr("y", marginTop) .attr("width", (d, i) => Math.max(0, x.bandwidth() - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", d => color(d)); tickAdjust = () => {}; svg.append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call(d3.axisBottom(x) .ticks(ticks, typeof tickFormat === "string" ? tickFormat : undefined) .tickSize(tickSize) .tickValues(tickValues)) .call(tickAdjust) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line") .attr("x1", +8) .attr("x2", +8)) .call(g => g.selectAll(".tick text") .attr("x", +8)) .call(g => g.append("text") .attr("x", marginLeft) .attr("y", marginTop + marginBottom - height - 6) .attr("fill", "currentColor") .attr("text-anchor", "start") .attr("font-weight", "bold") .attr("class", "title") .text(title)); return svg.node(); }51:[{"id":"6ba60bda525c2f38fa9bd918ac86fc3a4bac48ca5d75ad5d1c38d00b7624a340642f0bf192cc796db9f7ff4b8fdde642b77dcc5d40abf7e5701585c90273e556","href":"https://static.observableusercontent.com/files/6ba60bda525c2f38fa9bd918ac86fc3a4bac48ca5d75ad5d1c38d00b7624a340642f0bf192cc796db9f7ff4b8fdde642b77dcc5d40abf7e5701585c90273e556","name":"Emission_Factor.csv","type":"text/csv","lastModified":1714695004377.695,"size":113422},{"id":"6a2b3fcb9889f0df12ce89bbe524db57f1d21ee967c6baddb6e9dd91673231e31541fbfd6b4f3e5d64ae38f32ee72dc5fecd03c46c259600cbcefc4021327907","href":"https://static.observableusercontent.com/files/6a2b3fcb9889f0df12ce89bbe524db57f1d21ee967c6baddb6e9dd91673231e31541fbfd6b4f3e5d64ae38f32ee72dc5fecd03c46c259600cbcefc4021327907","name":"Catastrophes.json","type":"application/json","lastModified":1714338642437.854,"size":6417919},{"id":"a4ed600bd9c260418a5b890f7bb7cd9f74d5e42ee994eccf94fdb23dc2400bf08b0aa1ca470adc7a501ec57239af814988f6dee0ea8a716aad13845425db9f76","href":"https://static.observableusercontent.com/files/a4ed600bd9c260418a5b890f7bb7cd9f74d5e42ee994eccf94fdb23dc2400bf08b0aa1ca470adc7a501ec57239af814988f6dee0ea8a716aad13845425db9f76","name":"emissionsForSimulation.json","type":"application/json","lastModified":1714338572430.445,"size":518881}] 48:{"id":"6bd89683833cce35","slug":"zoomable-sunburst","title":"Zoomable Sunburst (Emission Factor & Catastrophes)","thumbnail":"fac145f9bec483bdbf37e9edcb92c327dabcdc1ca925f5929918586fffac9c15","access_level":"public","create_time":"$D2024-04-28T21:05:58.813Z","update_time":"$D2024-05-06T18:46:50.886Z","view_time":null,"first_public_time":"$D2024-05-05T09:47:07.361Z","has_unpublished_edits":null,"fork":{"id":"8f70ddebf667d4ff","slug":"zoomable-sunburst","title":"Zoomable Sunburst","owner":{"id":"f0987408d45f65c2","login":"daibai","name":"Grégory Babonaux"}},"stars":11,"starred":false,"owner":{"type":"team","id":"4fbb25fe821f18db","login":"fhooe-infovis","name":"FHOÖ Information Visualization","avatar_url":"https://avatars-next.observableusercontent.com/ed8c4512a4de73fcd51f2a548db547555258287f869eea03112d4859ccbac5c3","tier":"education_2026","bio":"","followed_by_you":false,"follows_you":false},"version":2480,"publish_version":null,"role":null,"authored":false,"authors":[],"members":[{"type":"individual","id":"65ffd534de330094","login":"mandykeck","name":"Mandy Keck","avatar_url":"https://avatars-next.observableusercontent.com/0f537a0f64fadffd6bdc89fc8ec0139996ce692d1483c1a1c1a9ef22b7462ec4","tier":null,"role":"editor"},{"type":"team","id":"4fbb25fe821f18db","login":"fhooe-infovis","name":"FHOÖ Information Visualization","avatar_url":"https://avatars-next.observableusercontent.com/ed8c4512a4de73fcd51f2a548db547555258287f869eea03112d4859ccbac5c3","tier":"education_2026","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Zoomable Sunburst (Emission Factor & Catastrophes)","cells":[{"id":0,"value":"md`# Zoomable Sunburst (Emission Factor & Catastrophes)\n\nThis variant of a [sunburst diagram](/@d3/sunburst) shows only two layers of the hierarchy at a time. Click a node to zoom in, or the center to zoom out. Compare to an [icicle](/@d3/zoomable-icicle).`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":544,"value":"catastrophes = FileAttachment(\"Catastrophes.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1935,"value":"catastrophes","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2024,"value":"emissionFactors = await FileAttachment(\"Emission_Factor.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"emissionFactors","database":"$undefined"},{"id":552,"value":"nodeStructure = nest(catastrophes, d => d.Continent, d => d.Region, d => d.Country, d => d.ISO)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"continentsSet = Array.from(new Set(catastrophes.map(d => d.Continent)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":543,"value":"emissionsForSimulation = FileAttachment(\"emissionsForSimulation.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":545,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"dataByLocation = createZoomableObject()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1674,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1683,"value":"dataByYears = createYearArrays()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1725,"value":"chart = createChart(yearDynamic)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2290,"value":"legend = Legend(emissionsFactorScaleObject, {\n title: \"Emissions Factor (inner circle):\",\n tickFormat: \".0f\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2418,"value":"viewof selection = Inputs.radio([\"Continents\", \"Catastrophes\"], {value: \"Continents\", label: html`Display choice: `});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1734,"value":"viewof yearDynamic = Scrubber(\n d3.range(1990, 2020+1, 1), // min to max years in 5 year increments\n { autoplay: false, delay: 500, loop: false } // experiment with these settings!\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1341,"value":"partition = data => {\n const root = d3.hierarchy(data)\n .sum(d => d.value)\n .sort((a, b) => b.value - a.value);\n\n return d3.partition()\n .size([2 * Math.PI, root.height + 1])\n (root);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1316,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1318,"value":"pie = d3.pie()\n .padAngle(0)\n .sort(null)\n .value(d => d.value)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2357,"value":"color = d3.scaleOrdinal(d3.quantize(d3.interpolateTurbo, 7).slice(1))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1320,"value":"colorScale = d3.quantize(d3.interpolateRdYlGn, 11)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1418,"value":"swatches(colorScale, \"\", \"\", \">100%\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2460,"value":"legendColorScale = [\"rgb(128, 163, 138)\", \"rgb(191, 223, 171)\", \"rgb(251, 250, 211)\", \"rgb(242, 190, 158)\", \"rgb(193, 120,128)\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1523,"value":"reverseColorScale = d3.quantize(d3.interpolateRdYlGn, 5).reverse()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1525,"value":"swatches(reverseColorScale)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2247,"value":"domainValues = [\"-1\", \"0\", \"0.1\", \"0.2\", \"0.3\", \"0.4\", \"0.5\", \"0.6\", \"0.7\", \"0.8\", \"0.9\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\", \"31\", \"32\", \"33\", \"34\", \"35\", \"36\", \"37\", \"38\", \"39\", \"40\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2249,"value":"emissionsFactorScale = d3.quantize(d3.interpolateRdYlGn, 25).reverse().slice(1).concat(d3.quantize(d3.interpolate(\"darkred\", \"cyan\"), 16).slice(1)).concat(d3.quantize(d3.interpolate(\"cyan\", \"magenta\"), 16).slice(1))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2252,"value":"emissionsFactorScaleObject = d3.scaleQuantile()\n .domain(domainValues)\n .range(emissionsFactorScale)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2255,"value":"Legend(emissionsFactorScaleObject, {\n title: \"Emissions Factor:\",\n tickFormat: \".0f\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"format = d3.format(\",d\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2060,"value":"formatFloat = d3.format(\",.2f\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"width = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"radius = width / 8","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"locationArc = d3.arc()\n .startAngle(d => d.x0)\n .endAngle(d => d.x1)\n // .padAngle(d => Math.min((d.x1 - d.x0) / 2, 0.005))\n // .padRadius(radius * 1.5)\n .cornerRadius(10)\n .innerRadius(d => d.y0 * radius)\n .outerRadius(d => d.y0 * radius + 15)\n // .outerRadius(d => Math.max(d.y0 * radius, d.y1 * radius - 1))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":739,"value":"emissionsArc = d3.arc()\n .startAngle(d => d.x0)\n .endAngle(d => d.x1)\n .cornerRadius(4)\n .innerRadius(d => d.y0 * radius - 8) // Use the same inner radius as the outer arc\n .outerRadius(d => d.y0 * radius - 3);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":563,"value":"function noop() {}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"function identity(x) { return x; }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":559,"value":"group = {\n const reduce = (p, v) => (p.push(v), p);\n const init = () => [];\n return function group(values, keyof) {\n return groupReduce(values, keyof, reduce, init);\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":557,"value":"function groupReduce(values, keyof = identity, reduce, init = noop) {\n const map = new Map();\n let index = -1;\n for (const value of values) {\n const key = keyof(value, ++index, values);\n map.set(key, reduce(map.has(key) ? map.get(key) : init(key), value, index, values));\n }\n return map;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":555,"value":"function nest(values, ...keys) {\n return (function regroup(values, i) {\n if (i >= keys.length) return values;\n const map = group(values, keys[i]);\n return new Map(Array.from(map, ([k, v]) => [k, regroup(v, i + 1)]));\n })(values, 0);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2258,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1609,"value":"//Code from: https://observablehq.com/@d3/working-with-color (Adjusted!)\n\nfunction swatches(colors, title = \"\", hoverTitle = \"\", endValue = \"\") {\n const maxColors = endValue !== \"\" ? colors.length - 1 : colors.length;\n return html`${title}${colors.map((c, i) => `

`).join('')}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1731,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1879,"value":"function cloneObject(obj) {\n if (typeof obj !== 'object' || obj === null) {\n // If the value is not an object, return it directly\n return obj;\n }\n\n const clonedObj = Array.isArray(obj) ? [] : {}; // Determine if obj is an array or an object\n for (const key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n // Recursively clone nested objects\n clonedObj[key] = cloneObject(obj[key]);\n }\n }\n return clonedObj;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W51","stdlib":"1"}} 24:null