3f:null 40:["$","title",null,{"children":"Germany CO2 Emissions | Daniel Ebenberger | Observable"}] 46:T662,glchart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const duration = 500; const delay = 20; const tooltip = new Tooltip(); const path = svg.append("path") .attr("fill", "none") .attr("stroke", "#3172bc") .attr("stroke-miterlimit", 1) .attr("stroke-width", 2); const newData = germany1900.map((d,i)=>{ const xvalue = x(d.year); const yvalue = y(d.co2); const sy = height - margin.bottom; const sx = xvalue; return { x:xvalue, y:yvalue, sx:sx, sy:sy, cx:sx, cy:sy } }); const timer = d3.timer(absT => { if (absT > duration + delay * newData.length) { timer.stop(); } newData.forEach((d, i, a) => { const elapsed = Math.min(duration, absT - delay * i); if (elapsed < 0) return; const t = d3.easeBackOut(elapsed / duration); a[i].cx = d.sx + (d.x - d.sx) * t; a[i].cy = d.sy + (d.y - d.sy) * t; }); path.attr('d', line(newData)); }); svg.append("g") .call(xAxis); svg.append("g") .call(yAxis); svg.append("g") .attr("fill", "none") .attr("pointer-events", "all") .selectAll("rect") .data(d3.pairs(germany1900)) .join("rect") .attr("fill",null) .attr("x", ([a, b]) => x(a.year)) .attr("height", height) .attr("width", ([a, b]) => x(b.year) - x(a.year)) .on("mouseover", function(a){ tooltip.show(a[0]); }) .on("mouseout", () => tooltip.hide()); svg.append(() => tooltip.node); return svg.node(); }47:T7c7,md`This chart starts at 1900 and ends in 2017, with some peaks in between. We will now look at these in more detail and embed them in historical events.\n * 1870-1914: Industrialization * 1923: hyperinflation * 1932: economic crisis * 1939-1945: secound world war * 1970-1980: golden 70’s \n The rise until 1913 can be explained by the **German industrialization**. This started in 1870 and ended in 1914 with the outbreak of the First World War. Between 1907 and 1913 alone, hard coal production grew from 143 to 191 million tons (i.e. by a third). The subsequent wartime economy and World War I from 1914 to 1918 were marked by fluctuations. This was due to the different wartime circumstances as well as to a poor reliability of the data. The low in 1923 was due to the **hyperinflation** that followed the war. However, this changed with the beginning of the "Golden Twenties", the recovery resulting from the post-war period, both industrially and economically. By 1932, there was a break due to the world **economic crisis**. The following year Hitler officially came to government and took care to build up the German economy and stabilize it for another war. Therefore, we can see high CO2 emissions until 1944.\n As expected, by the end of **WW2** (1945), emissions hit a low due to the weakened overall state of the country. \n From that time, the economy and industrialization continued to expand and build up, large companies and production sites settled in Germany and also drove up the emission levels until the end of the seventies. People like to refer to this as the **Golden Seventies**. While there were already the first movements in the seventies on the subject of environmental protection and the previous economic actions were strongly criticized, the first measures for environmental protection and the reduction of CO2 emissions began in 1980. \n This trend continues to today and is constantly being improved in order to further reduce harmful CO2 emissions. `48:T78b,glchart2 = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const tooltip = new Tooltip2(); const newData = germany1970.map((d,i)=>{ const xvalue = x2(d.year); const yvalue = y(d.co2); const sy = height - margin.bottom; const sx = xvalue; return { x:xvalue, y:yvalue, sx:sx, sy:sy, cx:xvalue, cy:yvalue } }); const path = svg.append("path") .attr("fill", "none") .attr("stroke", "#3172bc") .attr("stroke-miterlimit", 1) .attr("stroke-width", 2) .attr('d', line(newData)); svg.append("g") .attr("fill", "none") .attr("pointer-events", "all") .selectAll("rect") .data(d3.pairs(germany1970)) .join("rect") .attr("fill",null) .attr("x", ([a, b]) => x2(a.year)) .attr("height", height) .attr("width", ([a, b]) => x2(b.year) - x2(a.year)) //.on("mouseover", a => tooltip.show(a)) .on("mouseover", function(a){ tooltip.show(a[0]); }) .on("mouseout", () => tooltip.hide()); const newData2 = germany2030.map((d,i)=>{ const xvalue = x2(d.year); const yvalue = y(d.co2); const sy = height - margin.bottom; const sx = xvalue; return { x:xvalue, y:yvalue, sx:sx, sy:sy, cx:xvalue, cy:yvalue } }); const path2 = svg.append("path") .attr("fill", "none") .attr("stroke", "red") .attr("stroke-miterlimit", 1) .attr("stroke-width", 2) .style("stroke-dasharray", ("3, 3")) .attr('d', line(newData2)) svg.append("path") .attr("fill", "#b4464b") .attr("fill-opacity", 0.2) .attr("d", areapred(germany2030)); svg.append("g") .call(xAxis2); svg.append("g") .call(yAxis); svg.append(() => tooltip.node); return svg.node(); } 49:T455,md`This chart describes the precise course of Co2 emissions from 1970 to 2018. The X-axis lists the annual figures and the Y-axis shows the consumption of Co2.\n Since 1990, carbon dioxide emissions have been decreasing almost continuously. Between 1990 and 1995, this is mainly due to the reduced use of lignite in the new federal states.\n From the mid-1990s onward, the German government's active climate protection policy in particular had an emission-reducing effect. Due to cold winters, emissions increased slightly in the meantime, for example in 1996, 2001, 2010, 2013 and 2016 (see Fig. "Emissions of carbon dioxide by category" and Tab. "Emissions of selected greenhouse gases by category"). \n In 2009, the economic crisis had an emission-reducing effect. In 2010, emissions increased again mainly due to the economic recovery and cold weather. In the following years, the weather had the greatest influence on the development of emissions; in addition, the steady decline in emissions from the energy industry significantly depressed the level of emissions from 2014 onward.`4a:Tab5,glchart3 = { const svg = d3.create("svg") .attr("viewBox", [0,0, width, height]); //const tooltip1 = new Tooltip3(); const area = d3.area() .x(d => x3(d.data['date'])) .y0(d => y(d[0])) .y1(d => y(d[1])); svg.append("g") .selectAll("path") .data(series) .join("path") .attr("fill",({key}) => { if (mySelectedDate === null) { return color(key); }return "#ddd"; }) .attr('stroke-width', '1.7') .attr("stroke-miterlimit", 2) //.attr("display", "none") .attr("stroke-linecap", "round") .attr("stroke-linejoin", "round") .attr('stroke', 'white') .attr("pointer-events", "none") .attr("d", area) svg.selectAll("g").data(series).enter() .append("g") .attr("pointer-events", "none") //.attr("display", "none") .attr("fill", d => color(d.key)) .selectAll("rect") .data(d => d) .join("rect") .attr("display", function(d){ if(mySelectedDate === d.data.date){ return "display"; } return "none"; }) .attr("x", d => x3(d.data.date)) .attr("y", d=> y(d[1])) .attr("height", d=> y(d[0]) - y(d[1])) .attr("width", 10); svg.selectAll("g").data(series) .append("g") .attr("pointer-events", "none") //.attr("display", "none") .attr("fill", d => color(d.key)) .selectAll("rect") .data(d => d) .join("rect") .attr("display", function(d){ if(mySelectedDate === d.data.date){ return "display"; } return "none"; }) .attr('stroke-width', '1') .attr("stroke-miterlimit", 2) .attr("stroke-linecap", "round") .attr("stroke-linejoin", "round") .attr('stroke', 'white') .attr("x", d => x3(d.data.date)) .attr("y", d=> y(d[1])) .attr("height", d=> y(d[0]) - y(d[1])) .attr("width", 10) .append("title") .text(({key}) => key); svg.append("g") .attr("fill", "none") .attr("pointer-events", "all") .selectAll("rect") .data(d3.pairs(datas)) .join("rect") .attr("x", d => x3(d[0].date)) .attr("height", height) .attr("width", d => x3(d[1].date) - x3(d[0].date)) //.on("mouseover", a => tooltip.show(a)) .on("mouseover", function(a){ mutable mySelectedDate = a[0].date; //tooltip1.show(a[0]); }) .on("mouseout", function(){ mutable mySelectedDate = null; //tooltip1.hide(); }); //svg.append(() => tooltip1.node); svg.append("g") .call(xAxis3); svg.append("g") .call(yAxis); return svg.node(); }4b:T4de,md`The graph is divided into 5 areas: Powerindustry, Non Combustion, Industrial Combustion, Transportation and Buildings. It illustrates the period from 1970 to 2017. Based on the sectors, the following progressions can be identified. While buildings, industrial combustion and power industry are continuously decreasing, it can be observed that transportation and combustion are significantly increasing. Electricity consumption has continued to increase in recent years. Due to the increased production of electricity to meet demand, the share has increased. The same is reflected in the transportation sector. The share of motor vehicles, trains, ships and airplanes is increasing more and more. This is responsible for the increased share. * Buildings: 16% (2002) – 24% (1970-1972) and (1981-1982) decreased * Transport: 9% (1970 , 1972-1973) – 21% (1994) increased * Industrial Combustion: 14% (1996-1999, 2001) - 27% (1970-1973) decreased * since 1991 nearly the same level at 14% * Combustion: 5% (since 1987) - 8% (1970-1971, 1978) decreased * Power Industry: 32% (1970-1972) – 45% (2002) increased`4c:Tcb1,{ // no explicit width for observable to make the vis responsive const height = 900; const width = 964; // map title const map_title = g => g .append("text") .attr("font-family", "EB Garamond 700") .attr("font-size", 40) .attr("x", 20) .attr("y", height) const projection = d3 .geoConicConformal() .fitSize([width / 1, height / 1], geojson); const path = d3.geoPath().projection(projection); const bounds = path.bounds(geojson); const root = d3 .select(DOM.svg(width, height)) .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom); // noise const defs = root.append("defs"); const noise_uid = DOM.uid("noise"); defs.node().appendChild(svg` `); const g = root .append("g") .attr("stroke", "#222") .attr("stroke-linejoin", "round"); // country label const infoText = root .append('g') .attr("font-family", "EB Garamond") .attr("font-size", 20) .attr("fill", "#222") .attr('transform', 'translate(20,50)') .append('text'); infoText.text('Select a country'); g.selectAll('path') .data(geojson.features) .enter() .append('path') .attr("d", path) .attr("fill", function(d, i) { return colorSet(d.id,true); }) .attr('class', 'country') .on('mouseover', function(d) { //d3.select('h2').text(d.properties.NAME + " " + colorSet(d.properties.NAME,false) + " Tons of CO2"); //infoText.text(d.properties.NAME + " " + colorSet(d.properties.NAME,false) + " Tons of CO2"); infoText.text(d.properties.NAME+ " " + colorSet(d.id, false) + " Tons of CO2"); }) .on('mouseout', function(d) { //d3.select('h2').text('Select a country'); infoText.text('Select a country'); }); root.call(map_title); // garticules const graticules = root .append("path") .attr("fill", "none") .attr("opacity", "0.3") .attr("stroke", "#769fcd"); graticules.attr("d", path(d3.geoGraticule().step([20, 20])())); // scale bar const scaleBar = d3 .geoScaleBar() .projection(projection) .left(0.85) .top(0.04) .size([ width + margin.left + margin.right, height + margin.top + margin.bottom ]) .units(d3.geoScaleKilometers) .distance(500) .label("500 kilometres") .labelAnchor("middle") .tickSize(5) .tickValues(null); root.append("g").call(scaleBar); return root.node(); } //based on https://observablehq.com/@kelleyvanevert/europe4d:T817,md`The Map is a comparison between Germany and the european neigbhours. Colored in the intensity of the co2 consumtption. With dark red with 1000 tons or more and whit or very light red with less than 100 tons.\n Russia has the most co2 production but seen to the size and amoutn of industry that is not so much compared to germany. With 3 times the size and nearby douple of population an industrie they just have a little bit more than twice as much co2. France, Poland, Italy and Great Britan also present in the statistik of europe, the all are huge countries with a lot of industrie and power consumption. In the last 40 years the gained in comparison to other countries, this could be a sign to rise of industrie sector and also to a more powerfull countrie. In comparison to size and population they create co2 in the same area as germany. For Ireland it is very interessting that they produce in comparison to germany a lot of co2 in the past 10 years. For the size of industrie and population in ireland the produce nearby 80% of the co2 amount from germany. Within the last 10 years a lot of internet companies build server farms and buildings in ireland, also the growth of the internet could be a reason for the produced co2.\n Due to bad quality of the dataset this map is not 100% accurate and has some unbound countries, presented as white and 0 tons of co2. Reason is that accurate capture for co2 for all countries started at about 2000. The years before there are some countries with no data. This is the latest map of europe, unfortunately some of the countries didnt exist 50 years back or changed the name.\n With the bar its possible to change the filter settings from the year 1970 to 2017 to compare different countries at the given year. By moving the mouse to a given country you can see in the upper left corner the amount of co2 at the given year. In some cases there it says *no data*, means that for the given country the dataset provides no data of co2 consumption and the country keeps white in the comparison.` 4e:T577,sectable = [[1970,0.32,0.08,0.27,0.09,0.24], [1971,0.32,0.08,0.27,0.10,0.24], [1972,0.32,0.07,0.27,0.09,0.24], [1973,0.34,0.07,0.27,0.09,0.23], [1974,0.33,0.07,0.26,0.10,0.23], [1975,0.36,0.07,0.23,0.11,0.23], [1976,0.37,0.07,0.22,0.11,0.22], [1977,0.38,0.06,0.21,0.12,0.22], [1978,0.38,0.08,0.22,0.12,0.21], [1979,0.38,0.07,0.21,0.12,0.22], [1980,0.37,0.07,0.21,0.12,0.23], [1981,0.37,0.06,0.20,0.13,0.24], [1982,0.37,0.06,0.20,0.14,0.22], [1983,0.37,0.06,0.20,0.14,0.22], [1984,0.38,0.07,0.20,0.14,0.20], [1985,0.38,0.06,0.19,0.16,0.21], [1986,0.39,0.06,0.17,0.16,0.22], [1987,0.39,0.05,0.17,0.18,0.21], [1988,0.38,0.05,0.16,0.18,0.22], [1989,0.39,0.05,0.17,0.18,0.21], [1990,0.39,0.05,0.16,0.19,0.21], [1991,0.39,0.05,0.15,0.18,0.23], [1992,0.38,0.05,0.15,0.19,0.23], [1993,0.39,0.05,0.15,0.19,0.22], [1994,0.39,0.05,0.15,0.21,0.21], [1995,0.39,0.05,0.15,0.20,0.20], [1996,0.40,0.05,0.14,0.19,0.22], [1997,0.41,0.05,0.14,0.19,0.21], [1998,0.42,0.05,0.14,0.19,0.20], [1999,0.43,0.05,0.14,0.19,0.19], [2000,0.42,0.05,0.15,0.19,0.19], [2001,0.42,0.05,0.14,0.18,0.20], [2002,0.45,0.05,0.15,0.18,0.16], [2003,0.42,0.05,0.15,0.18,0.19], [2004,0.42,0.05,0.15,0.20,0.19], [2005,0.42,0.05,0.15,0.19,0.19], [2006,0.43,0.05,0.15,0.19,0.17], [2007,0.44,0.05,0.15,0.19,0.17], [2008,0.44,0.05,0.15,0.19,0.17], [2009,0.44,0.05,0.15,0.19,0.17], [2010,0.44,0.05,0.15,0.19,0.17], [2011,0.44,0.05,0.15,0.19,0.17], ]4f:T91f,labelAnnotations = { return [{ id: "1945", note: { label: "End of WW2", title: "1945", }, data: get_year("1945", germany1900), dx: +60, dy: -1, }, { id: "1914", note: { label: "Industrialization", title: "1870-1914" }, color: "#ef4837", // Brighter color to make this annotation stand out data: get_year("1914", germany1900), dx: +1, dy: -120, subject: { radius: 30, radiusPadding: 5 }, type: d3.annotationCalloutCircle // This annotation refers to an area rather than a point }, { id: "1923", note: { label: "hyperinflation", title: "1923", }, data: get_year("1923", germany1900), dx: -60, dy: +1, }, { id: "1932", note: { label: "economic crisis", title: "1932", }, data: get_year("1932", germany1900), dx: 0, dy: +60, },{ id: "1976", note: { label: "Golden 70's", title: "1970-1980" }, color: "#ef4837", // Brighter color to make this annotation stand out data: get_year("1976", germany1900), dx: +60, dy: -60, subject: { radius: 40, radiusPadding: 5 }, type: d3.annotationCalloutCircle // This annotation refers to an area rather than a point }, { id: "1940", note: { label: "WW2", title: "1938-1945" }, color: "#ef4837", // Brighter color to make this annotation stand out data: get_year("1940", germany1900), dx: +1, dy: -120, subject: { radius: 40, radiusPadding: 5 }, type: d3.annotationCalloutCircle // This annotation refers to an area rather than a point }, ] }50:T406,labelAnnotations2 = { return [{ id: "1979", note: { label: "century high", title: "1979", }, data: get_year("1979", germany1970), dx: 0, dy: -30, }, { id: "1996", note: { label: "active climate protection", title: "1996", }, data: get_year("1996", germany1970), dx: 0, dy: -30, }, { id: "2009", note: { label: "economic crisis", title: "2009", }, data: get_year("2009", germany1970), dx: 0, dy: +30, }, { id: "2018", note: { label: "Prediction by Trend", title: "2018", }, data: get_year("2018", germany2030), dx: +30, dy: -30, }, ] }51:[] 44:{"id":"1b04d698d0526abb","slug":"co2-project-data","title":"Germany CO2 Emissions","thumbnail":"80ff5c9589cae52452a4c1681e72d6006c71d0eaad107d0dc0974df45b23b815","access_level":"public","create_time":"$D2021-01-17T08:34:42.379Z","update_time":"$D2022-04-27T15:25:57.691Z","view_time":null,"first_public_time":"$D2021-01-17T10:39:04.945Z","has_unpublished_edits":null,"fork":false,"stars":7,"starred":false,"owner":{"type":"team","id":"f5ec48f80393f29d","login":"danielebgenberger","name":"Daniel Ebenberger","avatar_url":"https://avatars-next.observableusercontent.com/b75f3a665b5a78ce16fc589146f0e5d53d623a2572612a222e7f041613986b29","tier":"starter_2024","bio":"","following":false},"version":2261,"publish_version":2261,"role":null,"authored":false,"authors":[{"type":"individual","id":"815da6bde1228b12","login":"danielebgenberger","name":"Daniel Ebenberger","avatar_url":"https://avatars-next.observableusercontent.com/b75f3a665b5a78ce16fc589146f0e5d53d623a2572612a222e7f041613986b29","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"815da6bde1228b12","login":"danielebgenberger","name":"Daniel Ebenberger","avatar_url":"https://avatars-next.observableusercontent.com/b75f3a665b5a78ce16fc589146f0e5d53d623a2572612a222e7f041613986b29","tier":null,"role":"editor"}],"comments":[{"id":"3a6499ce0b7a8908","reply_to_id":null,"content":"there is error in the Annotations, 1938-1945 should be WW2","create_time":"$D2021-06-05T10:49:05.348Z","update_time":null,"resolved":true,"user":{"type":"individual","id":"3d1beb3a90fbfe98","login":"sandraviz","name":"Sandraviz","avatar_url":"https://avatars-next.observableusercontent.com/9b19f1a074469dcaafa9bd24c7b08f4bc969889b551fe70c209497f1d03c6514","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Germany CO2 Emissions","cells":[{"id":411,"value":"md`# Germany CO2 Emissions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":415,"value":"md`Carbon dioxide is generated almost exclusively during the combustion processes in systems and engines. Further emissions arise in the stone and earth area when lime is burned for cement and building material production. In relation to the unit of energy, the emissions for solid fuels, which mainly consist of carbon, are the highest. They are lowest for gaseous fuels because of their considerable hydrogen content. Liquid fuels occupy an intermediate position.`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1103,"value":"md`### CO2 Emissions by year`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":406,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2174,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":901,"value":"md`### CO2 Emissions by year in detail 1970 - 2035`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1038,"value":"swatches({\n color: d3.scaleOrdinal([\"CO2 Data\", \"Forecast\"], [\"#3172bc\",\"red\"])\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":626,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2159,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1525,"value":"md`### Emissions by category`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1631,"value":"swatches({\n color: d3.scaleOrdinal(datas.columns.slice(1), d3.schemeTableau10)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1998,"value":"viewof button = html``;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2011,"value":"md`Selected Year ${mySelectedDate} \\n\n${mySelectedDate_val}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1494,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2162,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":844,"value":"md`### Comparison to Europe`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1577,"value":"viewof datel = Scrubber(numbers, {autoplay: false, initial: numbers.indexOf(mySelectedDate),delay: 800, loopDelay: 1000}) ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":938,"value":"legend({\n color: d3.scaleLinear([0,1000], [\"white\", \"red\"]),\n title: \"Tons of Co2\",\n ticks: 5,\n tickFormat: \".0f\"\n})//\"#3172bc\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":845,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2166,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2196,"value":"md`### Appendix\\n\nCo2 Data from [Github](https://github.com/owid/co2-data)

\nGerman co2 emission by category from [worldometer](https://www.worldometers.info/co2-emissions/germany-co2-emissions/)\\n\nEurope map data from [unpkg](https://unpkg.com/)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2136,"value":"md`Project by **Lisa**, **Christoph** and **Daniel**

\nMade in 2021 for a university project.

\nThanks for watching. \\n\n(ง •̀_•́)ง ผ(•̀_•́ผ)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1175,"value":"md`## Project Data`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1579,"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":1040,"value":"import {swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":873,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"d3_base = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":863,"value":"d3_geo = require(\"d3-geo-scale-bar@1.0.2\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"d3_svg_annotation = require(\"d3-svg-annotation\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"d3 = {\n // Add \n const bundle = Object.assign({}, d3_geo, d3_base, d3_svg_annotation);\n return bundle;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":884,"value":"data = d3.json(\"https://gist.githubusercontent.com/pdelfan/b36d24e7e7727b44ee216733a0dffdd5/raw/d7802878cf890d958f6b3ec775c856e0cbc3662d/europe.topojson\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":882,"value":"geojson = {\n var geojson = topojson.feature(data, data.objects.europe);\n return geojson;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":855,"value":"land = topojson.feature(world, world.objects.land)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":854,"value":"topojson = require(\"topojson-client@3\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"world = fetch(\"https://unpkg.com/world-atlas@1/world/50m.json\").then(response => response.json())","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"dataco1 = d3.csv(\"https://raw.githubusercontent.com/owid/co2-data/master/owid-co2-data.csv\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1253,"value":"dataco2 = dataco1.map(d => ({...d, iso_code: d.iso_code.substring(0,2)}));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":659,"value":"germany2030= dataco2.filter(function(d){return d.country == \"Germany\" && d.iso_code == \"DE\" && d.year > 1997})\n .map(d => ({...d, year: d3.timeYear.offset(new Date(d.year, 0, 1),20)})).map(d => ({...d, co2: d.co2-164}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"germany1900= dataco2.filter(function(d){return d.country == \"Germany\" && d.iso_code == \"DE\" && d.year > 1900})\n .map(d => ({...d, year: new Date(d.year, 0, 1)}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"germany1970= dataco2.filter(function(d){return d.country == \"Germany\" && d.iso_code == \"DE\" && d.year > 1970 && d.year < 2019})\n .map(d => ({...d, year: new Date(d.year, 0, 1)}))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1619,"value":"datas = createSeries();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1341,"value":"series = d3.stack().keys(datas.columns.slice(1))(datas)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1313,"value":"sector= dataco2.filter(function(d){return d.country == \"Germany\" && d.iso_code == \"DE\" && d.year > 1969 && d.year < 2012}).map(d => ({...d, year: new Date(d.year, 0, 1)}))\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1592,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1595,"value":"function createSeries(){\n let th = [];\n sectable.forEach(function(d, i, a){\n var co2 = sector[i].co2\n th.push(Object({date:d[0], PowerIndustry:co2*d[1], NonCombustion:co2*d[2], IndustrialCombustion: co2*d[3] , Transport: co2*d[4] , Buildings: co2*d[5] }));\n });\n th.columns = [\"date\",\"PowerIndustry\",\"NonCombustion\",\"IndustrialCombustion\",\"Transport\",\"Buildings\"];\n return th;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":254,"value":"DEBUG = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"height = 600\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"margin = ({ top: 20, right: 50, bottom: 60, left: 60 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1361,"value":"areapred = d3.area()\n .x(d => x2(d.year))\n .y0(d => y(d.co2 + (d.year.getFullYear() - 2017)*4))\n .y1(d => y(d.co2 - (d.year.getFullYear() - 2017)*4))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":911,"value":"colorScatter = d3.scaleLinear()\n .domain([10, 1000])\n .range([\"white\",\"red\"]);//#3172bc","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":908,"value":"function colorSet(country,color){\n const datafiltered = dataco2.filter(function(d){return d.iso_code == country && d.year == datel});\n if(datafiltered[0]){\n if(datafiltered.length > 1){\n datafiltered.sort()\n if(color){\n \n return colorScatter(parseInt(datafiltered.sort(function(a, b) {\n return d3.ascending(b.co2, a.co2);})[0].co2))\n }\n return datafiltered.sort(function(a, b) {\n return d3.ascending(b.co2, a.co2);})[0].co2\n }\n \n if(color){\n return colorScatter(parseInt(datafiltered[0].co2))\n }\n return datafiltered[0].co2\n }\n \n if(color){\n return colorScatter(0);\n }\n return \"no data\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1734,"value":"color = d3.scaleOrdinal()\n .domain(datas.columns.slice(1))\n .range(d3.schemeTableau10)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"applyAnnotations = function(annotations, target) {\n \n \td3.select(target)\n \t .append(\"g\")\n \t .attr(\"class\", \"annotation-group\")\n .call(annotations)\n \n return annotations\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":249,"value":"getAnnotations = function(annotationList, x, y, parseTime, formatTime, debug){\n \t\n \tglchart\n let makeLabelAnnotations = d3.annotation()\n .editMode(debug) // GLOBAL VARIABLE\n .type(d3.annotationLabel) // Adjust this arg to adjust the default annotation styling.\n .accessors({\n x: d => x(parseTime(d.date)),\n y: d => y(d.close) // If you use a new dataset, you may need to update this accessor.\n })\n .accessorsInverse({\n date: d => formatTime(x.invert(d.x)),\n close: d => y.invert(d.y)\n })\n .annotations(annotationList)\n \n return makeLabelAnnotations\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1172,"value":"getAnnotations2 = function(annotationList, x, y, parseTime, formatTime, debug){\n \t\n \tglchart2\n let makeLabelAnnotations = d3.annotation()\n .editMode(debug) // GLOBAL VARIABLE\n .type(d3.annotationLabel) // Adjust this arg to adjust the default annotation styling.\n .accessors({\n x: d => x(parseTime(d.date)),\n y: d => y(d.close) // If you use a new dataset, you may need to update this accessor.\n })\n .accessorsInverse({\n date: d => formatTime(x.invert(d.x)),\n close: d => y.invert(d.y)\n })\n .annotations(annotationList)\n \n return makeLabelAnnotations\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":236,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":821,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1875,"value":"mutable mySelectedDate = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1692,"value":"mutable mySelectedData = null\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2050,"value":"mutable mySelectedDate_val = getValue()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"get_year = function(year, data) {\n const filtered = data.filter(function(d) {return d.year.getFullYear() == year})\n return {\n \tdate: year,\n close: filtered[0].co2\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2043,"value":"function getValue(){\n const result = datas.filter(function(d){return d.date == mySelectedDate})\n if(result[0]){\n return \"PowerIndustry \" + parseInt(result[0].PowerIndustry) + \" NonCombustion \" + parseInt(result[0].NonCombustion) +\n \" IndustrialCombustion \" + parseInt(result[0].IndustrialCombustion) +\n \" Transport \" + parseInt(result[0].Transport) +\n \" Buildings \" + parseInt(result[0].Buildings) + \" tons\";\n }\n return \"\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1153,"value":"class Tooltip {\n constructor() {\n this._date = svg``;\n this._close = svg``;\n this.node = svg`\n \n ${this._date}\n ${this._close}\n \n`;\n }\n show(d) {\n this.node.removeAttribute(\"display\");\n this.node.setAttribute(\"transform\", `translate(${x(d.year)},${y(d.co2)})`);\n this._date.textContent = d.year.getFullYear();\n this._close.textContent = parseInt(d.co2) + \" tons\";\n }\n hide() {\n this.node.setAttribute(\"display\", \"none\");\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1143,"value":"class Tooltip2 {\n constructor() {\n this._date = svg``;\n this._close = svg``;\n this.node = svg`\n \n ${this._date}\n ${this._close}\n \n`;\n }\n show(d) {\n this.node.removeAttribute(\"display\");\n this.node.setAttribute(\"transform\", `translate(${x2(d.year)},${y(d.co2)})`);\n this._date.textContent = d.year.getFullYear();\n this._close.textContent = parseInt(d.co2) + \" tons\";\n }\n hide() {\n this.node.setAttribute(\"display\", \"none\");\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1774,"value":"class Tooltip3 {\n constructor() {\n this._date = svg``;\n this._close = svg``;\n this.node = svg`\n \n ${this._date}\n ${this._close}\n \n`;\n }\n\n show(d) {\n this.node.removeAttribute(\"display\");\n this.node.setAttribute(\"transform\", `translate(${parseInt(x3(d.date))},${y(600)})`);\n this._date.textContent = \"test\";\n this._close.textContent = \"test\";\n }\n hide() {\n this.node.setAttribute(\"display\", \"none\");\n }\n}\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"labels = getAnnotations(labelAnnotations, x, y, parseTime, formatTime, DEBUG)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":819,"value":"labels2 = getAnnotations2(labelAnnotations2, x2, y, parseTime, formatTime, DEBUG)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"formatTime = d3.isoFormat","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":257,"value":"parseTime = d3.isoParse","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":245,"value":"applyAnnotations(labels, glchart)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":824,"value":"applyAnnotations(labels2, glchart2)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2016,"value":"button, mutable mySelectedDate = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1223,"value":"\n dataco2.forEach((d, i, a) => {\n if (d.iso_code == \"PR\"){\n d.iso_code = \"PT\";\n return d;\n }else if (d.iso_code == \"BL\"){\n d.iso_code = \"BY\";\n }else if (d.iso_code == \"IR\"){\n d.iso_code = \"IE\";\n }else if (d.iso_code == \"DN\"){\n d.iso_code = \"DK\";\n }else if (d.iso_code == \"UK\"){\n d.iso_code = \"UA\";\n }else if (d.iso_code == \"SR\"){\n d.iso_code = \"RS\";\n }else if (d.iso_code == \"TU\"){\n d.iso_code = \"TR\";\n }else if (d.iso_code == \"AU\"){\n d.iso_code = \"AT\";\n }else if (d.iso_code == \"SW\"){\n d.iso_code = \"SE\";\n }else if (d.iso_code == \"PO\"){\n d.iso_code = \"PL\";\n }else if (d.iso_code == \"BI\"){\n d.iso_code = \"BA\";\n }else if (d.iso_code == \"CH\"){\n d.iso_code = \"CHR\";\n }\n });\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).tickSizeOuter(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":648,"value":"xAxis2 = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x2).tickSizeOuter(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1328,"value":"xAxis3 = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x3).tickSizeOuter(0))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left },0)`)\n .call(d3.axisLeft(y))\n //.call(g => g.select(\".domain\").remove())\n .call(g => g.append(\"text\")\n .attr(\"x\", -margin.left)\n .attr(\"y\", 10)\n .attr(\"fill\", \"currentColor\")\n .attr(\"text-anchor\", \"start\")\n .text(\"↑ Tons of CO2\"))\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"y = d3.scaleLinear()\n .domain(paddedExtenty)\n .rangeRound([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1466,"value":"y3 = d3.scaleLinear()\n .domain([0, d3.max(datas, d => d3.max(d, d => d[1]))]).nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"x = d3.scaleTime()\n .domain(paddedExtentx)\n .rangeRound([margin.left, width - margin.right])\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":650,"value":"x2 = d3.scaleTime()\n .domain(paddedExtentx2)\n .rangeRound([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1326,"value":"x3 = d3.scaleLinear()\n \t//.domain(d3.extent(datas, d => d['date']))\n .domain([1970, 2011])\n \t.range([margin.left, width - margin.right]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1589,"value":"yAxisTicks = x3.ticks()\n .filter(tick => Number.isInteger(tick));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"paddedExtentx = [\n d3.min(germany1900.map(d => d3.timeYear.offset(d.year, -1))), \n d3.max(germany1900.map(d => d3.timeYear.offset(d.year, 20)))\n ];\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":652,"value":"paddedExtentx2 = [\n d3.min(germany1970.map(d => d3.timeYear.offset(d.year, -1))), \n d3.max(germany1970.map(d => d3.timeYear.offset(d.year, 20)))\n ];\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1322,"value":"paddedExtentx3 = [\n d3.min(sector.map(d => d3.timeYear.offset(d.year, -1))), \n d3.max(sector.map(d => d3.timeYear.offset(d.year, +1)))\n ];\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"paddedExtenty = [d3.min(germany1900.map(d => parseInt(d.co2))) -110, \n d3.max(germany1900.map(d => parseInt(d.co2))) +320]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"line = d3.line()\n .x(d => d.cx)\n .y(d => d.cy)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":782,"value":"lined = d3.line()\n .defined(d => !isNaN(d.co2))\n .x(d => x(d.year))\n .y(d => y(d.co2))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":" lineXPosition = d => x(d.year)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1581,"value":"numbers = Array.from({length: 48}, (_, i) => i + 1970 )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W51","stdlib":"1"}} 45:"$44:body"