29:null 2a:["$","title",null,{"children":"Is it worth it? Embodied + Operational Carbon emission graph | Ramon Weber | Observable"}] 2f:T1132,graph = { const svg = d3.select(DOM.svg(width, height)); const g = svg.append("g") .attr("transform", `translate(${margin.left}, ${margin.top})`); g.append("g") .call(xAxis) .attr("transform", `translate(0, ${chartHeight})`); g.append("g") .call(yAxis); // dashed line for global emissions svg.append('path') .attr('d', d3.line()([[x(intersection_x)+margin.left, margin.top], [x(intersection_x)+margin.left, height-20]])) .attr('stroke', 'black') //.style("stroke", "#ddd") .style("stroke-dasharray", "4,4") // with multiple points defined, if you leave out fill:none, //x(d.year)) // .y(d => y(d.value)); // the overlapping space defined by the points is filled with // the default value of 'black' .attr('fill', 'none'); svg.append("circle") .attr("fill","grey") // #cab6b6 // af6767 .attr("stroke","black") .attr("stroke-width",2) .attr("r",6) .attr("cx",x(intersection_x)+margin.left) .attr("cy",y(intersection_y)+margin.top); svg.append("text") .attr("class", "y label") .attr("text-anchor", "middle") .attr("x", x(intersection_x)+margin.left) //-height/2) .attr("y", y(intersection_y)+margin.top - 30) //.attr("dy", ".75em") .attr("transform", "rotate(-00)") .text("Building upgrades amortized in " + d3.format(".0f")(intersection_x)) .style("font-size", width/75) // .style("font-size", "15px") .style("font-family", "monospace"); svg.append("text") .attr("class", "y label") .attr("text-anchor", "middle") .attr("x", x(intersection_x)+margin.left) //-height/2) .attr("y", y(intersection_y)+margin.top - 60) //.attr("dy", ".75em") .attr("transform", "rotate(-00)") .text("Total carbon savings " + d3.format(",.0f")(savings_total) + " tCO2") .style("font-size", width/75) // .style("font-size", "15px") .style("font-family", "monospace"); //.style("fill", "#af6767"); g.selectAll(".line") .data(lineData) .enter().append("path") .attr("d", d => lineGenerator(d.data)) .attr("fill-opacity","1") .style("fill", "none") .style("stroke", d => d.light) .style("stroke-width", 2) .style("stroke-linejoin", "round"); g.selectAll(".line") .data(lineData) .enter().append("path") .attr("d", d => areaGenerator(d.data)) .style("fill", d => d.light) ///("fill", d => d.surface ) //"none") .style("stroke", d => d.light) .style("stroke-width", 0) .style("stroke-linejoin", "round") .attr("fill-opacity","0.25"); // text label for the y axis svg.append("text") .attr("class", "y label") .attr("text-anchor", "middle") .attr("x", -height/2) .attr("y", 15) //.attr("dy", ".75em") .attr("transform", "rotate(-90)") .text("yearly emissions from the building [tCO2/a]") .style("font-size", "10px") .style("font-family", "monospace"); const valueLabel = g.selectAll(".label") .data(lineData) .enter().append("g") .attr("class", "label") .attr("transform", d => `translate(${x(last(d.data).year)}, ${y(last(d.data).value)})`); valueLabel.append("circle") .attr("r", 4) .style("stroke", "white") .style("fill", d => d.light); // text label for last value valueLabel.append("text") //.text(d => d3.format(",.2f") (last(d.data).value ) + d.sum) /// formats to 2 after comma .attr("dy", 5) .attr("dx", 10) .style("font-family", "monospace") .style("fill", d => d.dark); // text label for sum in GtCarbon valueLabel.append("text") .text(d => d3.format(",.1f")(d.total) + " tCO2") /// formats to 2 after comma .attr("dy", 5) .attr("dx", 10) .style("font-family", "monospace") .style("fill", d => d.dark); valueLabel.append("text") .text(d => (d.text)) .attr("dy", -15) .attr("dx", 10) .style("font-family", "monospace") .style("font-size", "14px") .style("fill", d => d.dark); const zeroLabel = g.selectAll(".label") .data(lineData) .enter().append("g") .attr("class", "label") .attr("transform", d => `translate(${x(last(d.data).year)}, ${y(last(d.data).value)})`); valueLabel.append("circle") .attr("r", 4) .style("stroke", "white") .style("fill", d => d.light); yield svg.node(); }30:T46a,reference_scenario = { let reference_scenario = [] // OUTPUTS tonnes of CO2 total // inputs are in kg CO2 and m2 // define inputs let emb_current = (emb_reference/1000)*area_of_building; let op_current = (op_reference/1000)*area_of_building; // Emission Scenario based on business as usual // Values Operational Carbon let emissions_current = 0; let emissions_2020 = 0; //tCO2 let construction_time = 2; let construction_emissions_temp = emb_current/construction_time; let data_out = []; // Compute array for "Annual emissions existing buildings" and "Annual emissions of new buildings" for (let i = 0; i < num_years; i++) { //------------------------------------------ // 01 OPERATIONAL EMISSIONS if (i==0) { emissions_current = 0; } else if (i <= construction_time) { emissions_current += construction_emissions_temp*gridCarbonContent[i]; } else { emissions_current += op_current*gridCarbonContent[i]; } reference_scenario.push(emissions_current); } return reference_scenario; //reference_scenario; }31:T446,new_scenario = { let new_scenario = [] // OUTPUTS tonnes of CO2 total // inputs are in kg CO2 and m2 // define inputs let emb_current = (emb_new/1000)*area_of_building; let op_current = (op_new/1000)*area_of_building; // Emission Scenario based on business as usual // Values Operational Carbon let emissions_current = 0; let emissions_2020 = 0; //tCO2 let construction_time = 2; let construction_emissions_temp = emb_current/construction_time; let data_out = []; // Compute array for "Annual emissions existing buildings" and "Annual emissions of new buildings" for (let i = 0; i < num_years; i++) { //------------------------------------------ // 01 OPERATIONAL EMISSIONS if (i==0) { emissions_current = 0; } else if (i <= construction_time) { emissions_current += construction_emissions_temp*gridCarbonContent[i]; } else { emissions_current += op_current*gridCarbonContent[i]; } new_scenario.push(emissions_current); } return new_scenario; //reference_scenario; }32:[] 2d:{"id":"8b59a899694ded62","slug":null,"title":"Is it worth it? Embodied + Operational Carbon emission graph","thumbnail":"5c12b9c98d8d2b2da86f3c05604bc19d8c2caf4cf1f28bc6d893569653d45f7e","access_level":"public","create_time":"$D2023-04-02T19:16:40.868Z","update_time":"$D2023-04-02T20:08:48.679Z","view_time":null,"first_public_time":"$D2023-04-02T19:16:40.868Z","fork":{"id":"7436498fe2349971","slug":null,"title":"Is it worth it? Embodied + Operational Carbon emission graph","owner":{"id":"280d7d4386f5e4e2","login":"ramonweber","name":"Ramon Weber"}},"stars":0,"starred":false,"owner":{"type":"team","id":"280d7d4386f5e4e2","login":"ramonweber","name":"Ramon Weber","avatar_url":"https://avatars-next.observableusercontent.com/c1f14d352821ad2289a2885c10bad45e4269bfbdefcc88485d1f39605eddd031","tier":"starter_2024"},"version":3218,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4eeef0da6313879c","login":"ramonweber","name":"Ramon Weber","avatar_url":"https://avatars-next.observableusercontent.com/c1f14d352821ad2289a2885c10bad45e4269bfbdefcc88485d1f39605eddd031","tier":null}],"members":[{"type":"individual","id":"4eeef0da6313879c","login":"ramonweber","name":"Ramon Weber","avatar_url":"https://avatars-next.observableusercontent.com/c1f14d352821ad2289a2885c10bad45e4269bfbdefcc88485d1f39605eddd031","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Is it worth it? Embodied + Operational Carbon emission graph","cells":[{"id":634,"value":"# Is it worth it? Embodied + Operational Carbon emission graph\nLast Updated 2023.03.21","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2516,"value":"html`

Compare the carbon emissions of a building with an upgrade scenario, considering both embodied carbon (construction, materials) and operational carbon emissions (heating, cooling, lighting loads). Select a scenario for the electric gird to choose between decarbonization or the status quo.

` ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3165,"value":"viewof gridCarbonContent = Inputs.select(new Map([[\"No Decarbonization\", gridCarbonNoChange], [\"Linear Decarbonization\", gridCarbonLinearDecrease]]), {value: gridCarbonNoChange, label: \"Grid Carbon\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2800,"value":"viewof area_of_building = slider({\n min: 10,\n max: 10000.0,\n step: 10,\n value: 500,\n description: \"Total area of building [m2]\" \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3070,"value":"viewof col1 = columns1({\n emb_reference: slider({\n min: 50,\n max: 2000,\n step: 1,\n value: 800,\n title: '

Reference embodied carbon of building [kgCO2/m2]

'\n //description: \"Choose SSP-Scenario\" \n}),\n \n op_reference: slider({\n min: 1,\n max: 200,\n step: 1,\n value: 80,\n title: '

Reference operational emissions [kgCO2/m2]

NEW embodied carbon of building [kgCO2/m2]

'\n //description: \"Choose SSP-Scenario\" \n}),\n \n op_new: slider({\n min: 1,\n max: 200,\n step: 1,\n value: 50,\n title: '

NEW operational emissions [kgCO2/m2]

' ,\n //description: \"Choose until when the operational carbon mitigation strategies for all new construction are complete by\" \n})\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1929,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3136,"value":"gridCarbonSelector = [\n {name: \"No Decarbonization\", list: gridCarbonNoChange},\n {name: \"Linear Decarbonization\", location: gridCarbonLinearDecrease},\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3139,"value":"gridCarbonLinearDecrease = {\n\n // assumes current carbon content until current_carbon_content_in_grid, assumes linear decrease of grid after that.\n \n let gridCarbonContent = []\n let carbon_current = 1;\n let temp_years = num_years-current_carbon_content_in_grid;\n for (let i = 0; i < current_carbon_content_in_grid; i++) { \n let current_carbon = 1;\n gridCarbonContent.push(current_carbon);\n\n }\n for (let i = 0; i < temp_years; i++) { \n let current_carbon = 1-(1/temp_years)*i;\n gridCarbonContent.push(current_carbon);\n }\n return gridCarbonContent; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3159,"value":"gridCarbonNoChange = {\n let gridCarbonContent = [];\n // assumes current carbon content. (returns list of 1)\n for (let i = 0; i < num_years; i++) { \n gridCarbonContent.push(1);\n }\n return gridCarbonContent; \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3107,"value":"# Define \"Parameters\"","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3146,"value":"current_carbon_content_in_grid= 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2774,"value":"op_new = col2.op_new\n//viewof op_new = slider({\n// min: 1,\n// max: 5,\n// step: 0.5,\n// value: 3,\n// description: \"NEW operational emissions [kgCO2/m2]\" \n//})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3093,"value":"op_reference = col1.op_reference","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3090,"value":"emb_reference = col1.emb_reference","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2763,"value":"emb_new = col2.emb_new;\n//viewof emb_new = slider({\n// min: 50,\n// max: 200,\n// step: 0.5,\n// value: 75,\n// description: \"NEW embodied carbon of building [kgCO2/m2]\" \n//})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2934,"value":"intersection_y_old = {\n let intersection_y = 0\n\n let emb_ref = (emb_reference/1000)*area_of_building;\n let op_ref = (op_reference/1000)*area_of_building;\n\n let emb_n = (emb_new/1000)*area_of_building;\n let op_n = (op_new/1000)*area_of_building;\n \n let x_sel = intersection_x-2022;\n\n intersection_y = op_ref*x_sel+emb_ref;\n //intersection_y = op_n*x_sel+emb_n; \n return intersection_y;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3189,"value":"intersection_y = {\n \n let carbon_better = 0;\n for (let i = 0; i < num_years; i++) { \n if (reference_scenario[i] > new_scenario[i])\n {\n carbon_better = new_scenario[i];\n return carbon_better;\n }\n }\n return carbon_better; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2907,"value":"intersection_x_old = {\n let intersection_x = 0\n\n let emb_ref = (emb_reference/1000)*area_of_building;\n let op_ref = (op_reference/1000)*area_of_building;\n\n let emb_n = (emb_new/1000)*area_of_building;\n let op_n = (op_new/1000)*area_of_building;\n //op_current = (op_reference/1000)*area_of_building\n // gleichung referenz\n \n intersection_x = (emb_ref - emb_n) / (op_n - op_ref); \n // add construction time\n intersection_x += 2022;\n return intersection_x;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3183,"value":"intersection_x = {\n //let gridCarbonContent = [];\n // assumes current carbon content. (returns list of 1)\n let year_better = 0;\n for (let i = 0; i < num_years; i++) { \n if (reference_scenario[i] > new_scenario[i])\n {\n year_better = i;\n return year_better + 2022-2;\n }\n }\n return year_better + 2022-2; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":725,"value":"# Define \"Scenarios\"","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2780,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2789,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"years = {\n let years = [];\n for (let i = year_start; i < year_end; i++) { \n //let str1 = String(i);\n //let str2 = \"-01-01\";\n //let str = str1.concat(str2);\n //years.push(Date(str))\n years.push(i);\n }\n return years;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":310,"value":"# Create correct Data Structure for Graph ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":308,"value":"data = {\nvar data = [] \n// Adds all business as usual and years into data structure for graph\nfor (let i = 0; i < years.length; ++i) {\n let item = {\n \"year\": years[i],\n \"annual_reference_scenario\": reference_scenario[i],\n \"annual_new_scenario\": new_scenario[i]\n }\n data.push(item)\n}\n return data\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"# Appendix","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2442,"value":"**Formatting templates**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"margin = ({top: 50, right: 180, bottom: 20, left: 50})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"height = width * 0.5 ;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1814,"value":"chartWidth = width - margin.left - margin.right;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1816,"value":"chartHeight = height - margin.top - margin.bottom;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2446,"value":"**Axis Generators**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2843,"value":"max_scale_y = {\n \n let max_scale_y = 0;\n\n if (new_scenario[new_scenario.length - 1] > reference_scenario[reference_scenario.length - 1])\n {\n max_scale_y = new_scenario[new_scenario.length - 1];\n } else\n {\n max_scale_y = reference_scenario[reference_scenario.length - 1];\n }\n\n max_scale_y = max_scale_y*1.5;\n \n return max_scale_y;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":345,"value":"x = d3.scaleLinear()\n .domain(d3.extent(data, d => d.year))\n .range([0, chartWidth])\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":374,"value":"y = d3.scaleLinear()\n .domain([0, max_scale_y]) //.domain([0, 100000]) //d3.max(data , d => d.annual_emissions_business_as_usual)]) /// d.annual_emissions = select annual emissions from data //.domain([0, 100]) \n .range([chartHeight, 0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${0})`)\n .call(d3.axisBottom(x).ticks(width / 80).tickSizeOuter(0).tickFormat(d3.format(\"d\")))\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${0},${0})`) //(${margin.left},${margin.top})`)\n .call(d3.axisLeft(y).tickValues(d3.range(0, max_scale_y, max_scale_y/20))) //ticks(height / 40))\n //.call(g => g.select(\".domain\").remove())\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2465,"value":"**Global Variables**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1022,"value":"year_start = 2020;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1024,"value":"year_end = 2051;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1026,"value":"num_years = year_end-year_start;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1030,"value":"additional_floorarea_per_year = 6.8484848","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2162,"value":"sum_reference_scenario = reference_scenario.reduce(function(a, b) { return a + b; }, 0);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2813,"value":"sum_new_scenario = new_scenario.reduce(function(a, b) { return a + b; }, 0);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3121,"value":"savings_total = sum_reference_scenario-sum_new_scenario;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2471,"value":"**Data Wrangling**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1546,"value":"lineData = parseLineData(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1742,"value":"flatData = parseFlatData(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1764,"value":"lineGenerator = d3.line()\n .x(d => x(d.year))\n .y(d => y(d.value));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1941,"value":"areaGenerator = d3.area()\n .x(d => x(d.year))\n .y0(y(0))\n .y1(d => y(d.value));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1724,"value":"parseLineData = data => {\n const output = [];\n \n let i = 0;\n for (let col in data[0]){\n if (i > 0) {\n let o = {\n key: col, \n light: colors[col].light,\n dark: colors[col].dark,\n text: colors[col].text,\n total: colors[col].total,\n data: []\n };\n \n for (let i0 = 0, l0 = data.length; i0 < l0; i0++){\n let d0 = data[i0];\n \n o.data.push({\n year: d0.year,\n value: d0[col]\n });\n }\n \n output.push(o);\n }\n i++;\n }\n \n return output;\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1735,"value":"parseFlatData = data => {\n const output = [],\n columns = [];\n \n let i = 0;\n for (let col in data[0]){\n columns.push(col);\n if (i > 0) {\n for (let i0 = 0, l0 = data.length; i0 < l0; i0++){\n let d0 = data[i0];\n \n output.push({\n year: d0.year,\n value: d0[col],\n key: col,\n colors: colors[col]\n });\n }\n\n }\n i++;\n }\n \n output.columns = columns;\n return output; \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2478,"value":"**Per Line properties Color / Labels**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1725,"value":"colors = ({\n annual_new_scenario: {\n light: \"#1e6f4f\", //\"#af6767\",\n dark: \"3e5d53\", //\"#af6767\",\n surface: \"58b390\", //\"#cab6b6\",\n text: \"New Scenario\",\n total: sum_new_scenario\n },\n annual_reference_scenario: {\n light: \"#146989\", //\"#a6cee3\", 146989 1e6f4f\n dark: \"#0e475c\",// \"#1f78b4\" 0e475c 3e5d53\n surface: \"#6fa6bb\", //6fa6bb 58b390\n text: \"Reference Scenario\",\n total: sum_reference_scenario\n },\n // annual_emissions_net_zero_op_ec: {\n // light: \"#1e6f4f\", //\"#fdbf6f\",\n // dark: \"#3e5d53\",//\"#ff7f00\"\n // surface: \"#58b390\",\n // text: \"Net Zero OC and EC\",\n // total: sum_net_zero_op_ec\n //},\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1523,"value":"last = array => array[array.length - 1]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2460,"value":"**Import**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"d3 = require(\"d3\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":614,"value":"import {slider} from '@jashkenas/inputs'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1754,"value":"geometric = require(\"geometric@1\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1788,"value":"arr = require(\"arraygeous@0\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3072,"value":"import {columns} from \"@bcardiff/observable-columns\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3076,"value":"columns1 = (args) => {\n const form = html``\n form.value = {}\n\n let cols = 0\n for (const key in args) {\n form.appendChild(args[key])\n cols++\n }\n \n form.style = `display: grid; grid-gap: 10px 15px; grid-template-columns: repeat(${cols}, auto); grid-auto-flow: row;`\n \n form.oninput = () => {\n form.value = Object.keys(args).reduce((result, key) => {\n result[key] = args[key].value\n return result\n }, Array.isArray(args) ? [] : {})\n }\n form.oninput()\n \n return form\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3079,"value":"columns2 = (args) => {\n const form = html``\n form.value = {}\n\n let cols = 0\n for (const key in args) {\n form.appendChild(args[key])\n cols++\n }\n \n form.style = `display: grid; grid-gap: 10px 15px; grid-template-columns: repeat(${cols}, auto); grid-auto-flow: row;`\n \n form.oninput = () => {\n form.value = Object.keys(args).reduce((result, key) => {\n result[key] = args[key].value\n return result\n }, Array.isArray(args) ? [] : {})\n }\n form.oninput()\n \n return form\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 2e:"$2d:body"