31:T687,c_chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .style("overflow", "visible"); const path = svg.append("g") .attr("fill", "none") .attr("stroke", chroma(colors[c_select]).brighten(1.5).desaturate((c_select === "E" ? 3: 1))) .attr("stroke-width", 5) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .selectAll("path") .data(data.filter(d => d.Run === "Baseline")) .join("path") .style("opacity", .3) .attr("d", d => line(d3.range(1, 13).map(dd => c_select + dd).map(dd => d[dd]))); const path_metered = svg.append("g") .attr("fill", "none") .attr("stroke", colors[c_select]) .attr("stroke-width", 4) .style("stroke-dasharray", ("6, 8")) .attr("stroke-linejoin", "round") .attr("stroke-linecap", "round") .selectAll("path") .data(data.filter(d => d.Run === "Metered")) .join("path") .style("opacity", 1) .attr("d", d => line(d3.range(1, 13).map(dd => c_select + dd).map(dd => d[dd]))); // const circles = svg.append("g") // .attr("fill", "#fff") // .attr("stroke", colors[c_select]) // .attr("stroke-width", 3) // .selectAll("circle") // .data(d3.range(1, 13).map(dd => c_select + dd).map(dd => data.filter(d => d.Run === "Metered")[0][dd])) // .join("circle") // .attr("cy", d => c_y(d)) // .attr("cx", (d, i) => c_x(i)) // .attr("r", 4); svg.append("g") .call(c_xAxis); svg.append("g") .call(c_yAxis); svg.selectAll("text").attr("font-size", 16).attr("font-family", "Open Sans") return svg.node(); }32:T7df,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, v_height]); svg.append("g") .call(v_yAxis_ticks); const g = svg.selectAll(".vars") .data(v_data) .join("g") .attr("class", "vars") .attr("transform", d => `translate(0,${v_y(d.variable) + v_y.bandwidth()/2})`); g.each(function(d, i) { const x = d3.scaleLinear() .domain([0, 3]).nice() .range([v_margin.left, width - v_margin.right]); const xAxis = g => g .call(d3.axisBottom(x).tickValues([0, 1, 2, 3]).tickFormat(dd => p_lookup[d.variable][dd]).tickPadding(12)) .call(g => g.select(".domain").remove()) .call(g => g.selectAll(".tick line").remove()) .call(g => g.selectAll("text").attr("font-weight", "bold")) .call(g => g.selectAll("text").attr("color", (dd, i) => highlight(d, i))) .call(g => g.selectAll("text").style("mix-blend-mode", "multiply")); d3.select(this).selectAll(".dots") .data([0, 1, 2, 3]) .join("circle") .attr("class", "dots") .style("mix-blend-mode", "multiply") .attr("stroke", "#00a1b0") .attr("stroke-width", 1) .attr("fill", chroma("#00a1b0").brighten(1.5).desaturate()) .attr("fill-opacity", .5) .attr("cy", 0) .attr("cx", (d, i) => v_x(i)) .attr("r", dd => v_scale(d[dd.toString(16)])) d3.select(this).selectAll(".points") .data([0, 1, 2, 3]) .join("circle") .attr("class", "points") .style("mix-blend-mode", "multiply") // .attr("stroke", "#00a1b0") // .attr("stroke-width", 2) .attr("fill", (dd, i) => highlight(d, i)) .attr("cy", 0) .attr("cx", (d, i) => v_x(i)) .attr("r", 4) d3.select(this).append("g").call(xAxis); }) svg.append("g") .call(v_xAxis); svg.append("g") .call(v_yAxis); svg.selectAll("text").attr("font-size", 16).attr("font-family", "Open Sans") return svg.node(); }33:T859,ecm_chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, b_height]); svg.append("g") .call(b_xAxis); svg.append("g") .call(b_yAxis); const g = svg.selectAll(".group") .data(Array.from(ecm_data.keys())) .join("g") .attr("class", "group"); g.append("path") .attr("stroke", "#bfbfbf") .attr("opacity", 0.6) .attr("stroke-width", 2) .attr("d", d => ` M${b_x(ecm_data.get(d).range[0]) + 1},${b_y(d) + b_y.bandwidth()* .5} H${b_x(ecm_data.get(d).range[1])} `); g.append("rect") .attr("fill", d => ecm_highlight(d)) .attr("x", d => b_x(ecm_data.get(d).quartiles[0]) ) .attr("y", d => b_y(d) + b_y.bandwidth()* .25) .attr("height", b_y.bandwidth()*.5) .attr("width", d => b_x(ecm_data.get(d).quartiles[2]) - b_x(ecm_data.get(d).quartiles[0])); g.append("rect") .attr("fill", "#fff") .attr("opacity", d => showtick(d)) .attr("x", d => b_x(ecm_data.get(d).quartiles[1]) ) .attr("y", d => b_y(d) + b_y.bandwidth()* .2) .attr("height", b_y.bandwidth()*.6) .attr("width", 2); g.append("circle") .attr("fill", d => ecm_highlight(d)) .attr("stroke", "#ffffff") .attr("stroke-width", 1) .attr("cx", d => b_x(ecm_data.get(d).range[0]) ) .attr("cy", d => b_y(d) + b_y.bandwidth()* .5) .attr("r", 4); g.append("circle") .attr("fill", d => ecm_highlight(d)) .attr("stroke", "#ffffff") .attr("stroke-width", 1) .attr("cx", d => b_x(ecm_data.get(d).range[1]) ) .attr("cy", d => b_y(d) + b_y.bandwidth()* .5) .attr("r", 4); g.append("text") .attr("fill", "#00a1b0") .attr("opacity", d => text_highlight(d)) .attr("font-weight", "bold") .attr("x", d => b_x(ecm_data.get(d).quartiles[1]) + 3 ) .attr("y", d => b_y(d) + b_y.bandwidth()* .5) .attr("dy", -30) .attr("text-anchor", "middle") .text(d => percentage_savings(d)); svg.selectAll("text").attr("font-size", 16).attr("font-family", "Open Sans") return svg.node(); }34:T655,t_chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]) .style("overflow", "visible"); const base = data.filter(d => d.Run === "Metered")[0]["GHG Total lbs"]/2204; const reduced = base - ecm_data.get("Combined").quartiles[1] svg.append("g") .selectAll("rect") .data([base, reduced]) .join("rect") .attr("fill", (d, i) => i === 0? "#bfbfbf":"#00a1b0") .attr("x", (d, i) => t_x(i)) .attr("y", d => t_y(d)) .attr("height", d => t_y(0) - t_y(d)) .attr("width", t_x.bandwidth()); svg.append("g") .selectAll("path") .data([base, reduced]) .join("path") .attr("stroke", "#bfbfbf") .attr("opacity", 0.6) .attr("stroke-width", 2) .attr("d", (d, i) => ` M${t_x(i) + (i === 1 ? t_x.bandwidth(): 0)},${t_y(d) +1} H${(t_x(i) + (i === 1 ? t_x.bandwidth(): 0)) + 30 * (i === 0? -1: 1)} `); svg.append("g") .call(t_xAxis); svg.append("g") .call(t_yAxis); svg.selectAll("text").attr("font-size", 16).attr("font-family", "Open Sans"); svg.append("g") .selectAll("text") .data([base, reduced]) .join("text") .attr("font-weight", "bold") .attr("font-family", "Open Sans") .attr("font-size", 24) .attr("x", (d, i) => (t_x(i) + (i === 1 ? t_x.bandwidth(): 0)) + 30 * (i === 0? -1: 1)) .attr("y", d => t_y(d)) .attr("dy", 1) .attr("dx", (d, i) => i === 0 ? -10: 10) .attr("text-anchor", (d, i) => i === 0 ? "end": "strart") .text(d => d3.format(",.0f")(d)); return svg.node(); } 35:[{"id":"de128a98976a4e213554ee6c14a79674919614b445bdccde0b5c71fedec7fe57108c0a46fe7f1925fb6cf486c4c4ccd7b4dce6cdfb0c5c4d8f5441f1fa8aadad","href":"https://static.observableusercontent.com/files/de128a98976a4e213554ee6c14a79674919614b445bdccde0b5c71fedec7fe57108c0a46fe7f1925fb6cf486c4c4ccd7b4dce6cdfb0c5c4d8f5441f1fa8aadad","name":"TEST.csv","type":"text/csv","lastModified":1603745847299.217,"size":391718}] 2f:{"title":"MIT Graph Output","cells":[{"id":0,"value":"md`# MIT Graph Output`","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"data = FileAttachment(\"TEST.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"height = 425","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"margin = ({top: 20, right: 20, bottom: 30, left: 50})","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"c_max = {\n \n // const vals = ['E', 'C', 'S'].map(d => d3.range(1, 13).map(dd => d + dd)).flat();\n // let filtered = data.filter(d => d.Run === \"Baseline\").map(d => vals.map(dd => d[dd]));\n // return d3.max(filtered.flat()) * 1.1;\n \n return 80;\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":99,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"viewof c_select = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":239,"value":"v_margin = ({top: 80, right: 100, bottom: 50, left: 325})","pinned":true,"hidden":false,"mode":"ojs"},{"id":232,"value":"v_height = 1375","pinned":true,"hidden":false,"mode":"ojs"},{"id":230,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":458,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":591,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require(\"d3@^6.1\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"_ = require('lodash@4.17.15/lodash.js').catch(() => window[\"_\"])","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"c_x = d3.scaleLinear()\n .domain([0, 11])\n .range([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs"},{"id":36,"value":"c_y = d3.scaleLinear()\n .domain([0, c_max]).nice()\n .range([height - margin.bottom, margin.top])","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"c_xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(c_x).tickFormat(d => dates[d]).tickSizeOuter(0).tickPadding(12))","pinned":true,"hidden":false,"mode":"ojs"},{"id":54,"value":"c_yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`).attr(\"class\", \"axis\")\n .call(d3.axisLeft(c_y).tickPadding(8).ticks(5))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .html(\"Monthly Energy Use kbtu/ft²\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":60,"value":"dates = d3.timeMonth.range(new Date(2019, 0, 1), new Date(2019, 11, 30)).map(d3.timeFormat(\"%b\"));","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"line = d3.line()\n .defined(d => !isNaN(d))\n .x((d, i) => c_x(i))\n .y(d => c_y(d))\n .curve(d3.curveCardinal)","pinned":true,"hidden":false,"mode":"ojs"},{"id":128,"value":"colors = ({\"S\": \"#f79320\", \"E\": \"#fed202\", \"C\":\"#00a1b0\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":138,"value":"chroma = require('chroma-js')","pinned":true,"hidden":false,"mode":"ojs"},{"id":215,"value":"v_lookup = ({\n \"WWR\": \"Window-Wall Ratio (%)\",\n \"WINU\": \"Window U-Value (BTU/h-ft2-°F)\",\n \"WINSHGC\": \"Window SHGC\",\n \"WALLR\": \"Wall R (h-ft2-°F/BTU)\",\n \"ROOFR\": \"Roof R (h-ft2-°F/BTU)\",\n \"EQUIPUSAGE\": \"Equipment Usage Schedule\",\n \"LIGHTUSAGE\": \"Lighting Usage Schedule\",\n \"EPD\": \"Equipment Power Density (W/ft2)\",\n \"LPD\": \"Lighting Power Density (W/ft2)\",\n \"HRV\": \"Sensible ERV Effectiveness\",\n \"ACH\": \"Air Changes per Hour\",\n \"VENTSCHED\": \"Ventilation Schedule\",\n \"HUMID\": \"Humidity Control Max RH\",\n \"SUPPTEMPRESET\": \"Max Supply Air Temperature\",\n \"FANPOWER\": \"Fan Pressure Drop (in. H2O)\"\n \n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":212,"value":"v_data = {\n \n let filtered = data.filter(d => d.Run === \"Baseline\");\n\n const count = (d, i) => {\n const arr = filtered.map(dd => dd[d]);\n return arr.filter(dd => dd === i).length;\n }\n \n const keymap = Object.keys(v_lookup).map(d => ({variable: d, \"0\": count(d, 0), \"1\": count(d, 1), \"2\": count(d, 2), \"3\": count(d, 3)}));\n \n return keymap;\n \n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":395,"value":"energy = d => {\n let r = \"Low\";\n switch(d) {\n case 0:\n r= \"High\";\n break;\n case 1:\n r= \"Mid-High\";\n break;\n case 2:\n r= \"Low-High\";\n break;\n default:\n r=\"Low\";\n }\n return r;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":219,"value":"v_y = d3.scaleBand()\n .domain(Object.keys(v_lookup).reverse())\n .range([v_height - v_margin.bottom, v_margin.top])\n .padding(.1)\n .paddingOuter(.5)","pinned":true,"hidden":false,"mode":"ojs"},{"id":222,"value":"v_x = d3.scaleLinear()\n .domain([0, 3]).nice()\n .range([v_margin.left, width - v_margin.right])","pinned":true,"hidden":false,"mode":"ojs"},{"id":225,"value":"v_xAxis = g => g\n .attr(\"transform\", `translate(0,${v_margin.top})`)\n .call(d3.axisTop(v_x).tickValues([0, 1, 2, 3]).tickFormat((d, i) => energy(i)).tickPadding(10))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:first-of-type text\").clone()\n .attr(\"y\", -50)\n .attr(\"x\", -18)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .html(\"Energy Use Impact\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":228,"value":"v_yAxis = g => g\n .attr(\"transform\", `translate(${5},0)`)\n .call(d3.axisRight(v_y).tickFormat(d => v_lookup[d]))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.selectAll(\".tick line\").remove())","pinned":true,"hidden":false,"mode":"ojs"},{"id":294,"value":"v_yAxis_ticks = g => g\n .attr(\"transform\", `translate(${v_margin.left},0)`)\n .call(d3.axisRight(v_y).tickFormat(d => v_lookup[d]))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.selectAll(\"text\").remove())\n .call(g => g.selectAll(\".tick line\")\n .attr(\"stroke-opacity\", 0.1)\n .attr(\"x2\", width - v_margin.left - v_margin.right))","pinned":true,"hidden":false,"mode":"ojs"},{"id":249,"value":"v_scale = d3.scaleLinear()\n .domain([0, 100])\n .range([0, v_y.bandwidth()/1.5])","pinned":true,"hidden":false,"mode":"ojs"},{"id":343,"value":"p_lookup = ({\n \"WWR\": [\"60%\", \"50%\", \"40%\", \"30%\"],\n \"WINU\": [\"1.0\", \"0.8\", \"0.6\", \"0.4\"],\n \"WINSHGC\": [\"0.2\", \"0.3\", \"0.4\", \"0.5\"],\n \"WALLR\": [\"5\", \"10\", \"20\", \"30\"],\n \"ROOFR\": [\"10\", \"20\", \"30\", \"40\"],\n \"EQUIPUSAGE\": [\"High Intensity\", \"Uniform Academic\", \"Seasonal Academic\", \"Standard\"],\n \"LIGHTUSAGE\": [\"High Intensity\", \"Uniform Academic\", \"Seasonal Academic\", \"Standard\"],\n \"EPD\": [\"8\", \"6\", \"4\", \"2\"],\n \"LPD\": [\"1.6\", \"1.3\", \"1\", \"0.7\"],\n \"HRV\": [\"0.0\", \"0.2\", \"0.4\", \"0.6\"],\n \"ACH\": [\"15\", \"12\", \"9\", \"6\"],\n \"VENTSCHED\": [\"0\", \"1\", \"2\", \"3\"],\n \"HUMID\": [\"50\", \"60\", \"70\", \"80\"],\n \"SUPPTEMPRESET\": [\"56\", \"60\", \"64\", \"68\"],\n \"FANPOWER\": [\"10\", \"8\", \"6\", \"4\"]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":348,"value":"highlight = (d, i) => {\n const objs = Object.entries(d).filter(dd => dd[0] != \"variable\").sort((a, b) => b[1] - a[1]);\n const index = +objs[0][0];\n \n return index === i ? \"#00a1b0\": \"#dfdfdf\";\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":427,"value":"ecm_data = {\n const filtered = data.filter(d => d.Run != \"Metered\" && d.Run != \"Baseline\");\n const grouped = _.groupBy(filtered, d=> d.Run);\n \n const map = new Map();\n \n for (const [key, arr] of Object.entries(grouped)) {\n let f = arr.map(d => d[\"GHG Savings MT\"]);\n map.set(key, quartiles(f));\n }\n\n return map;\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":432,"value":"quartiles = (data) => {\n\n const values = data.sort((a, b) => a - b);\n const min = values[0];\n const max = values[values.length - 1];\n const q1 = d3.quantile(values, 0.25);\n const q2 = d3.quantile(values, 0.50);\n const q3 = d3.quantile(values, 0.75);\n const iqr = q3 - q1; // interquartile range\n const r0 = Math.max(min, q1 - iqr * 1.5);\n const r1 = Math.min(max, q3 + iqr * 1.5);\n values.quartiles = [q1, q2, q3];\n values.range = [r0, r1];\n values.outliers = values.filter(v => v < r0 || v > r1); // TODO\n return values;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":442,"value":"b_lookup = ({\n \"Envelope\": \"Envelope Upgrades\",\n \"HRV\": \"Heat Recovery Ventilation\",\n \"STR60\": \"Supply Air Temperature Reset\",\n \"WAC\": \"Enhanced SAT Reset\",\n \"VENT2\": \"Ventilation Measures\",\n \"VENT3\": \"Enhanced Ventilation Measures\",\n \"FanPower\": \"Fan Energy Reductions\",\n \"LPD\": \"LPD Reductions\",\n \"Combined\": \"Combined ECMs\"\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":440,"value":"b_y = d3.scaleBand()\n .domain(Object.keys(b_lookup).reverse())\n .range([b_height - b_margin.bottom, b_margin.top])\n .padding(.1)\n .paddingOuter(.5)","pinned":true,"hidden":false,"mode":"ojs"},{"id":447,"value":"b_x = d3.scaleLinear()\n .domain([0, d3.max(Array.from(ecm_data.values()).flat())]).nice()\n .range([b_margin.left, width - b_margin.right])","pinned":true,"hidden":false,"mode":"ojs"},{"id":454,"value":"b_xAxis = g => g\n .attr(\"transform\", `translate(0,${v_margin.top})`)\n .call(d3.axisTop(b_x).tickPadding(10).tickFormat(d3.format(\"~s\")))\n // .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:first-of-type text\").clone()\n .attr(\"y\", -50)\n .attr(\"x\", -3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .html(\"Annual GHG Reductions (MT CO2e/yr)\"))\n .call(g => g.selectAll(\".tick line\").clone()\n .attr(\"stroke-opacity\", 0.1)\n .attr(\"y2\", b_height - b_margin.bottom - 80))","pinned":true,"hidden":false,"mode":"ojs"},{"id":456,"value":"b_yAxis = g => g\n .attr(\"transform\", `translate(${5},0)`)\n .call(d3.axisRight(b_y).tickFormat(d => b_lookup[d]))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.selectAll(\".tick line\").remove())","pinned":true,"hidden":false,"mode":"ojs"},{"id":436,"value":"b_margin = ({top: 80, right: 100, bottom: 50, left: 325})","pinned":true,"hidden":false,"mode":"ojs"},{"id":438,"value":"b_height = 860","pinned":true,"hidden":false,"mode":"ojs"},{"id":467,"value":"showtick = d => {\n if (ecm_data.get(d).quartiles[1] < 10) {\n return 0;\n }\n else if (ecm_data.get(d).quartiles[2] - ecm_data.get(d).quartiles[0] < b_x.domain()*.05) {\n return 0;\n }\n else { return 1;}\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":554,"value":"//reset to filter ecms\necm_highlight = d => {\n if (ecm_data.get(d).quartiles[1] < b_x.domain()[1]*.10) {\n return \"#00a1b0\";\n //return \"#bfbfbf\"\n }\n else { return \"#00a1b0\";}\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":569,"value":"//reset to turn on labels\ntext_highlight = d => {\n if (ecm_data.get(d).quartiles[1] < b_x.domain()[1]*.10) {\n return 0;\n }\n else { return 0;}\n //else { return 1;}\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":576,"value":"percentage_savings = d => {\n const reduction = ecm_data.get(d).quartiles[1] / (data.filter(v => v.Run === \"Metered\")[0][\"GHG Total lbs\"]/2204);\n \n return d3.format(\".0%\")(reduction)\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":593,"value":"t_x = d3.scaleBand()\n .domain([0, 1])\n .range([margin.left, width - margin.right])\n .padding(0.1)\n .paddingOuter(1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":595,"value":"t_y = d3.scaleLinear()\n .domain([0, data.filter(d => d.Run === \"Metered\")[0][\"GHG Total lbs\"]/2204 * 1.3]).nice()\n .range([height - margin.bottom, margin.top])","pinned":true,"hidden":false,"mode":"ojs"},{"id":600,"value":"runs = [\"Baseline (Current)\", \"With Combined ECMs\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":598,"value":"t_xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(t_x).tickFormat(i => runs[i]).tickSizeOuter(.5).tickPadding(12))","pinned":true,"hidden":false,"mode":"ojs"},{"id":603,"value":"t_yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`).attr(\"class\", \"axis\")\n .call(d3.axisLeft(t_y).tickPadding(8).ticks(5).tickFormat(d3.format(\"~s\")))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 3)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .html(\"Annual GHG Emissions MT CO2e\"))","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}