28:null 29:["$","title",null,{"children":"Utilizing Gray to Go Green - air addition | Fleet Hower | Observable"}] 2e:T9a6,function updateValues(floors,newrooms){ var something = sinkUsage3Copy*5 //bond[1].value = floors3*2 var showerUsers = radios*64705 //console.log(showerUsers) //bond[3].value = showerUsers //bond[5].value = showerUsers bond[3].value = showerLength*showerVolume*newrooms*floors*radios// bond[5].value = showerLength*showerVolume*newrooms*floors*radios //bond[1].value = showerUsers+bond[2].value bond4[3].value = showerLength*showerVolume*newrooms*floors*radios//current shower bond4[8].value = showerLength*showerVolume*newrooms*floors*radios// current shower to gray //var potable = rooms*floors*332 //bond[1].value = potable bond[4].value = newrooms*floors*sinkVolume*sinkUsage//sink to remediation bond[2].value = newrooms*floors*sinkVolume*sinkUsage//washing to sink bond4[7].value = newrooms*floors*sinkVolume*sinkUsage//current sink to gray bond4[2].value = newrooms*floors*sinkVolume*sinkUsage//current washing to sink bond[1].value = bond[2].value + bond[3].value//washing = sink+shower //bond[0].value = bond[1].value + 31000 bond[0].value = 36.25*newrooms*floors//ice bond4[1].value = bond[2].value + bond[3].value//current washing = sink+shower mutable remediated = bond4[1].value//remdiated total in proposed //bond[0].value = bond[1].value + 31000 bond4[0].value = 36.25*newrooms*floors// current ice mutable potableTotal = bond4[0].value+bond4[1].value var flush3 = flush1*7*newrooms*floors //console.log(flush3) bond[7].value = flush3//new flush size bond[8].value = flush3//new blackwater size var remediation = bond[4].value+bond[5].value//compute remediation by adding washing and shower bond[6].value = remediation - bond[7].value//compute watering quantity by subtracting flush from remediation bond4[5].value = flush3//current new flush size bond4[6].value = flush3//current new black water bond4[4].value = 16857//water requirement for 1200 occupants if(city=="Dubai"){bond4[4].value=46918} bond4[9].value = bond4[4].value mutable normWatering = bond4[4].value mutable normPotable = bond4[5].value+bond4[0].value+bond4[1].value+bond4[4].value mutable normGray = bond4[7].value+bond4[8].value+bond4[4].value mutable proposedBlack = bond[8].value mutable watering = bond[6].value mutable newTotal = (bond4[0].value+bond4[1].value+bond4[4].value+bond4[5].value)-(bond[1].value+bond[0].value) }2f:T1f97,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/sankey-diagram function SankeyChart({ nodes, // an iterable of node objects (typically [{id}, …]); implied by links if missing links // an iterable of link objects (typically [{source, target}, …]) }, { format = ",", // a function or format specifier for values in titles align = "justify", // convenience shorthand for nodeAlign nodeId = d => d.id, // given d in nodes, returns a unique identifier (string) nodeGroup, // given d in nodes, returns an (ordinal) value for color nodeGroups, // an array of ordinal values representing the node groups nodeLabel, // given d in (computed) nodes, text to label the associated rect //nodeTitle = d => `${d.id}\n${format(d.value)}`, // given d in (computed) nodes, hover text nodeTitle = d => `${format(d.value)}`, // given d in (computed) nodes, hover text nodeAlign = align, // Sankey node alignment strategy: left, right, justify, center nodeWidth = 45, // width of node rects nodePadding = 10, // vertical separation between adjacent nodes nodeLabelPadding = 6, // horizontal separation between node and label nodeStroke = "currentColor", // stroke around node rects nodeStrokeWidth, // width of stroke around node rects, in pixels nodeStrokeOpacity, // opacity of stroke around node rects nodeStrokeLinejoin, // line join for stroke around node rects linkSource = ({source}) => source, // given d in links, returns a node identifier string linkTarget = ({target}) => target, // given d in links, returns a node identifier string linkValue = ({value}) => value, // given d in links, returns the quantitative value linkPath = d3Sankey.sankeyLinkHorizontal(), // given d in (computed) links, returns the SVG path linkTitle = d => `${d.source.id} → ${d.target.id}\n${format(d.value)}`, // given d in (computed) links linkColor = "source-target", // source, target, source-target, or static color linkStrokeOpacity = 0.5, // link stroke opacity linkMixBlendMode = "multiply", // link blending mode colors = d3.schemeBlues[6], // array of colors width = 640, // outer width, in pixels height = 600, // outer height, in pixels marginTop = 5, // top margin, in pixels marginRight = 1, // right margin, in pixels marginBottom = 5, // bottom margin, in pixels marginLeft = 1, // left margin, in pixels } = {}) { var flr var rms if(city=="New York"){ flr= floors rms = rooms }else{ flr = floorsDubai rms = roomsDubai } updateValues(flr,rms) //var remediation = bond[4].value+bond[5].value//compute remediation by adding washing and shower //bond4[6].value = remediation - bond[7].value //difference1 = 40 //difference1 + bond4[0].value+bond4[1].value+bond4[4].value+bond4[5].value //difference5 = bond4[0].value+bond4[1].value+bond4[4].value+bond4[5].value // Convert nodeAlign from a name to a function (since d3-sankey is not part of core d3). if (typeof nodeAlign !== "function") nodeAlign = { left: d3Sankey.sankeyLeft, right: d3Sankey.sankeyRight, center: d3Sankey.sankeyCenter }[nodeAlign] ?? d3Sankey.sankeyJustify; // Compute values. const LS = d3.map(links, linkSource).map(intern); const LT = d3.map(links, linkTarget).map(intern); const LV = d3.map(links, linkValue); if (nodes === undefined) nodes = Array.from(d3.union(LS, LT), id => ({id})); const N = d3.map(nodes, nodeId).map(intern); const G = nodeGroup == null ? null : d3.map(nodes, nodeGroup).map(intern); // Replace the input nodes and links with mutable objects for the simulation. nodes = d3.map(nodes, (_, i) => ({id: N[i]})); links = d3.map(links, (_, i) => ({source: LS[i], target: LT[i], value: LV[i]})); // Ignore a group-based linkColor option if no groups are specified. if (!G && ["source", "target", "source-target"].includes(linkColor)) linkColor = "currentColor"; // Compute default domains. if (G && nodeGroups === undefined) nodeGroups = G; // Construct the scales. const color = nodeGroup == null ? null : d3.scaleOrdinal(nodeGroups, colors); // Compute the Sankey layout. d3Sankey.sankey() .nodeSort((a, b) => a.index - b.index) .nodeId(({index: i}) => N[i]) .nodeAlign(nodeAlign) .nodeWidth(nodeWidth) .nodePadding(nodePadding) .extent([[marginLeft, marginTop], [width - marginRight, height - marginBottom]]) ({nodes, links}); // Compute titles and labels using layout nodes, so as to access aggregate values. if (typeof format !== "function") format = d3.format(format); const Tl = nodeLabel === undefined ? N : nodeLabel == null ? null : d3.map(nodes, nodeLabel); const Tt = nodeTitle == null ? null : d3.map(nodes, nodeTitle); const Lt = linkTitle == null ? null : d3.map(links, linkTitle); const Lv = linkValue == null ? null : d3.map(links, linkValue); // A unique identifier for clip paths (to avoid conflicts). const uid = `O-${Math.random().toString(16).slice(2)}`; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; height: intrinsic;"); const node = svg.append("g") .attr("stroke", nodeStroke) .attr("stroke-width", nodeStrokeWidth) .attr("stroke-opacity", nodeStrokeOpacity) .attr("stroke-linejoin", nodeStrokeLinejoin) .selectAll("rect") .data(nodes) .join("rect") .attr("x", d => d.x0) .attr("y", d => d.y0) .attr("height", d => d.y1 - d.y0) .attr("width", d => d.x1 - d.x0); if (G) node.attr("fill", ({index: i}) => color(G[i])); if (Tt) node.append("title").text(({index: i}) => Tt[i]); const link = svg.append("g") .attr("fill", "none") .attr("stroke-opacity", linkStrokeOpacity) .selectAll("g") .data(links) .join("g") .style("mix-blend-mode", linkMixBlendMode); if (linkColor === "source-target") link.append("linearGradient") .attr("id", d => `${uid}-link-${d.index}`) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", d => d.source.x1) .attr("x2", d => d.target.x0) .call(gradient => gradient.append("stop") .attr("offset", "0%") .attr("stop-color", ({source: {index: i}}) => color(G[i]))) .call(gradient => gradient.append("stop") .attr("offset", "100%") .attr("stop-color", ({target: {index: i}}) => color(G[i]))); link.append("path") .attr("d", linkPath) .attr("stroke", linkColor === "source-target" ? ({index: i}) => `url(#${uid}-link-${i})` : linkColor === "source" ? ({source: {index: i}}) => color(G[i]) : linkColor === "target" ? ({target: {index: i}}) => color(G[i]) : linkColor) .attr("stroke-width", ({width}) => Math.max(1, width)) .call(Lt ? path => path.append("title").text(({index: i}) => Lt[i]) : () => {}); if (Tl) svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 24) .selectAll("text") .data(nodes) .join("text") .attr("x", d => d.x0 < width / 2 ? d.x1 + nodeLabelPadding : d.x0 - nodeLabelPadding) .attr("y", d => (d.y1 + d.y0) / 2) .attr("dy", "0.35em") .attr("text-anchor", d => d.x0 < width / 2 ? "start" : "end") .text(({index: i}) => Tl[i]); //.text(({index: i}) => Lv[i]); if (Tt) svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 24) .selectAll("text") .data(nodes) .join("text") .attr("x", d => d.x0 < width / 2 ? d.x1 + nodeLabelPadding : d.x0 - nodeLabelPadding) .attr("y", d => ((d.y1 + d.y0) / 2)+26) .attr("dy", "0.35em") .attr("text-anchor", d => d.x0 < width / 2 ? "start" : "end") .text(({index: i}) => Tt[i]); //.text(({index: i}) => bond[i].value) function intern(value) { return value !== null && typeof value === "object" ? value.valueOf() : value; } return Object.assign(svg.node(), {scales: {color}}); }30:T1757,// Copyright 2021 Observable, Inc. // Released under the ISC license. // https://observablehq.com/@d3/treemap function Treemap(data, { // data is either tabular (array of objects) or hierarchy (nested objects) path, // as an alternative to id and parentId, returns an array identifier, imputing internal nodes id = Array.isArray(data) ? d => d.id : null, // if tabular data, given a d in data, returns a unique identifier (string) parentId = Array.isArray(data) ? d => d.parentId : null, // if tabular data, given a node d, returns its parent’s identifier children, // if hierarchical data, given a d in data, returns its children value, // given a node d, returns a quantitative value (for area encoding; null for count) sort = (a, b) => d3.descending(a.value, b.value), // how to sort nodes prior to layout label, // given a leaf node d, returns the name to display on the rectangle group, // given a leaf node d, returns a categorical value (for color encoding) title, // given a leaf node d, returns its hover text link, // given a leaf node d, its link (if any) linkTarget = "_blank", // the target attribute for links (if any) tile = d3.treemapBinary, // treemap strategy width = 640, // outer width, in pixels height = 400, // outer height, in pixels margin = 0, // shorthand for margins marginTop = margin, // top margin, in pixels marginRight = margin, // right margin, in pixels marginBottom = margin, // bottom margin, in pixels marginLeft = margin, // left margin, in pixels padding = 1, // shorthand for inner and outer padding paddingInner = padding, // to separate a node from its adjacent siblings paddingOuter = padding, // shorthand for top, right, bottom, and left padding paddingTop = paddingOuter, // to separate a node’s top edge from its children paddingRight = paddingOuter, // to separate a node’s right edge from its children paddingBottom = paddingOuter, // to separate a node’s bottom edge from its children paddingLeft = paddingOuter, // to separate a node’s left edge from its children round = true, // whether to round to exact pixels colors = d3.schemeBlues[4], // array of colors zDomain, // array of values for the color scale fill = "#ccc", // fill for node rects (if no group color encoding) fillOpacity = group == null ? null : 0.6, // fill opacity for node rects stroke, // stroke for node rects strokeWidth, // stroke width for node rects strokeOpacity, // stroke opacity for node rects strokeLinejoin, // stroke line join for node rects } = {}) { // If id and parentId options are specified, or the path option, use d3.stratify // to convert tabular data to a hierarchy; otherwise we assume that the data is // specified as an object {children} with nested objects (a.k.a. the “flare.json” // format), and use d3.hierarchy. const root = path != null ? d3.stratify().path(path)(data) : id != null || parentId != null ? d3.stratify().id(id).parentId(parentId)(data) : d3.hierarchy(data, children); // Compute the values of internal nodes by aggregating from the leaves. value == null ? root.count() : root.sum(d => Math.max(0, value(d))); // Prior to sorting, if a group channel is specified, construct an ordinal color scale. const leaves = root.leaves(); const G = group == null ? null : leaves.map(d => group(d.data, d)); if (zDomain === undefined) zDomain = G; zDomain = new d3.InternSet(zDomain); const color = group == null ? null : d3.scaleOrdinal(zDomain, colors); // Compute labels and titles. const L = label == null ? null : leaves.map(d => label(d.data, d)); const T = title === undefined ? L : title == null ? null : leaves.map(d => title(d.data, d)); // Sort the leaves (typically by descending value for a pleasing layout). if (sort != null) root.sort(sort); // Compute the treemap layout. d3.treemap() .tile(tile) .size([width - marginLeft - marginRight, height - marginTop - marginBottom]) .paddingInner(paddingInner) .paddingTop(paddingTop) .paddingRight(paddingRight) .paddingBottom(paddingBottom) .paddingLeft(paddingLeft) .round(round) (root); const svg = d3.create("svg") .attr("viewBox", [-marginLeft, -marginTop, width, height]) .attr("width", width) .attr("height", height) .attr("style", "max-width: 100%; height: auto; height: intrinsic;") .attr("font-family", "sans-serif") .attr("font-size", 10); const node = svg.selectAll("a") .data(leaves) .join("a") .attr("xlink:href", link == null ? null : (d, i) => link(d.data, d)) .attr("target", link == null ? null : linkTarget) .attr("transform", d => `translate(${d.x0},${d.y0})`); node.append("rect") .attr("fill", color ? (d, i) => color(G[i]) : fill) .attr("fill-opacity", fillOpacity) .attr("stroke", stroke) .attr("stroke-width", strokeWidth) .attr("stroke-opacity", strokeOpacity) .attr("stroke-linejoin", strokeLinejoin) .attr("width", d => d.x1 - d.x0) .attr("height", d => d.y1 - d.y0); if (T) { node.append("title").text((d, i) => T[i]); } if (L) { // A unique identifier for clip paths (to avoid conflicts). const uid = `O-${Math.random().toString(16).slice(2)}`; node.append("clipPath") .attr("id", (d, i) => `${uid}-clip-${i}`) .append("rect") .attr("width", d => d.x1 - d.x0) .attr("height", d => d.y1 - d.y0); node.append("text") .attr("clip-path", (d, i) => `url(${new URL(`#${uid}-clip-${i}`, location)})`) .selectAll("tspan") .data((d, i) => `${L[i]}`.split(/\n/g)) .join("tspan") .attr("x", 3) .attr("y", (d, i, D) => `${(i === D.length - 1) * 0.3 + 1.1 + i * 0.9}em`) .attr("fill-opacity", (d, i, D) => i === D.length - 1 ? 0.7 : null) .text(d => d); } return Object.assign(svg.node(), {scales: {color}}); }31:[{"id":"a6b0d94a7f5828fd133765a934f4c9746d2010e2f342d335923991f31b14120de96b5cb4f160d509d8dc627f0107d7f5b5070d2516f01e4c862b5b4867533000","href":"https://static.observableusercontent.com/files/a6b0d94a7f5828fd133765a934f4c9746d2010e2f342d335923991f31b14120de96b5cb4f160d509d8dc627f0107d7f5b5070d2516f01e4c862b5b4867533000","name":"flare-2.csv","type":"text/csv","lastModified":1671157084936.659,"size":7989}] 2c:{"id":"b803b6d59aa085dd","slug":null,"title":"Utilizing Gray to Go Green - air addition","thumbnail":"acdc0edf342a76d9ad3a64c2056c553b9bf5b9a8dc2ff8cc8612db91566eeee3","access_level":"public","create_time":"$D2022-12-16T02:18:04.936Z","update_time":"$D2023-02-01T03:48:07.054Z","view_time":null,"first_public_time":"$D2022-12-16T02:18:04.936Z","fork":{"id":"76a8bb3c3b233488","slug":null,"title":"Utilizing Gray to Go Green - New York-dash - trial - layout","owner":{"id":"e88d5b4a989c506e","login":"fleeth","name":"Fleet Hower"}},"stars":0,"starred":false,"owner":{"type":"team","id":"e88d5b4a989c506e","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":"starter_2024"},"version":2183,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"df84799035553ff3","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":null}],"members":[{"type":"individual","id":"df84799035553ff3","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Utilizing Gray to Go Green - air addition","cells":[{"id":0,"value":"# Utilizing Gray to Go Green - air addition","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":375,"value":"viewof linkColor = Inputs.select(new Map([\n [\"static\", \"#aaa\"],\n [\"source-target\", \"source-target\"],\n [\"source\", \"source\"],\n [\"target\", \"target\"],\n]), {\n value: new URLSearchParams(html``.search).get(\"color\") || \"source-target\",\n label: \"Link color\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":373,"value":"viewof nodeAlign = Inputs.select([\"left\", \"right\", \"center\", \"justify\"], {\n value: \"justify\",\n label: \"Node alignment\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":892,"value":"viewof txt = 'Hotel has a total of ' + floors*rooms+' rooms, using ' + Math.round(bond[2].value + bond[3].value+(36.25*rooms*floors))+ ' liters of water each day.'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":779,"value":"bond5 = bond","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1067,"value":"description = md`Comparison water usage models for hotel rooms in Aera. The first models are that of a standard hotel room, which draws water for sink, shower, flushing, ice, and watering needs from potable water supply. In the second models we propose to take advantage of Aera's greenwalls to remdiate water used for both the sink and shower, and reuse that gray water for flushing and watering needs`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":947,"value":"title = md`#### Aera New York Conventional Hotel Room Water Usage`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":922,"value":"chart3 = SankeyChart({\n nodes: node4,\n links: bond4\n}, {\n //nodeGroup: d => d.id.split(/\\W/)[0], // take first word for color\n nodeGroup: d => d.id,\n nodeAlign, // e.g., d3.sankeyJustify; set by input above\n linkColor, // e.g., \"source\" or \"target\"; set by input above\n format: (f => d => `${f(d)} L/D`)(d3.format(\",.1~f\")),\n //nodeTitle,\n //linkColor:.50,\n nodeStrokeWidth:1,\n width,\n height: 800\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":940,"value":"proposed = md`#### Aera New York Proposed Hotel Room Water Usage`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":285,"value":"chart = SankeyChart({\n nodes: node1,\n links: bond5\n}, {\n \n //nodeGroup: d => d.id.split(/\\W/)[0], // take first word for color\n nodeGroup: d => d.id,\n nodeAlign, // e.g., d3.sankeyJustify; set by input above\n linkColor, // e.g., \"source\" or \"target\"; set by input above\n format: (f => d => `${f(d)} L/D`)(d3.format(\",.1~f\")),\n //nodeTitle,\n //linkColor:.50,\n nodeStrokeWidth:1,\n width,\n height: 800\n}\n\n \n \n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1071,"value":"keyCount = md`This model has **${floors*rooms}** keys and **${floors*rooms*radios}** occupants`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":949,"value":"totalWaterSavings = md ` #### Daily Water Savings: ${savings} liters`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1051,"value":"totalWaterCreated = md ` #### Total amount remediated for watering: ${waterSavings} liters`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":986,"value":"//difference5 = bond4[4].value","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":860,"value":"viewof rooms = Inputs.range([15, 25], {step: 1, label: \"Rooms per Floor\", value:'20'})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1299,"value":"newrooms = rooms","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":863,"value":"viewof floors = Inputs.range([10, 20], {step: 1, label: \"Total Floors\", value: 15})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":752,"value":"viewof flush1 = Inputs.range([3, 18], {step: 1, label: \"Flush Volume\", value: 6})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1207,"value":"viewof showerVolume = Inputs.range([6, 12], {step: .5, label: \"Shower L/Min\", value: 9.5})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1211,"value":"viewof showerLength = Inputs.range([6, 12], {step: 1, label: \"Average Shower Length (Min)\", value: 8})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1214,"value":"viewof sinkVolume = Inputs.range([5, 10], {step: .5, label: \"Sink L/Min\", value: 7.5})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1218,"value":"viewof sinkUsage = Inputs.range([5, 15], {step: .5, label: \"Sink Daily Use Time (Min)\", value: 8})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1732,"value":"viewof graywater = Inputs.range([80, 100], {step: 1, label: \"Gray Water Throughput (L/d/m^2)\", value: 93})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1232,"value":"//viewof sinkUsage","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":812,"value":"viewof radios = Inputs.radio([\"1\", \"2\", \"3\",\"4\"], {label: \"Showers/Day\", value: \"2\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1379,"value":"viewof city = Inputs.radio([\"New York\", \"Dubai\"], {label: \"City\", value: \"New York\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1019,"value":"bond[4].value","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":975,"value":"difference1 =6","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1033,"value":"mutable newTotal = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1257,"value":"//mutable sinkUsage4 = 5","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1264,"value":"mutable sinkUsage4 = Inputs.range([5, 15], {step: .5, label: \"Sink Daily Use Time (Min)\", value: 8})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1060,"value":"mutable watering = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1037,"value":"savings = round(newTotal,0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1064,"value":"waterSavings = round(watering,0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1648,"value":"mutable potableTotal = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1639,"value":"mutable remediated = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1701,"value":"mutable normWatering = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1705,"value":"mutable normPotable = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1710,"value":"mutable proposedBlack = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1716,"value":"mutable normGray = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1314,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":690,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":669,"value":"sheet = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vRoczva03XZk0-WCbNiL4ihA4kPxXX19LOkpOL9hdADkoRNXn7_EVgX12VKqf8nk1ZdXOZ_pZt09BL7/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":677,"value":"node2 = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vTdiEd9YrA-qOZTkv2qYDFfLKOdTcRLIAUNZH5hm3sXoRD6ctaLAanU9jwDsmakFV7L7-ZzGAuqIq5B/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":671,"value":"bond = d3.csv(sheet, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":679,"value":"node1 = d3.csv(node2, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":412,"value":"//howto(\"SankeyChart\", {imports: {d3: \"d3\", d3Sankey: \"d3-sankey\"}})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":663,"value":"d3-sankey is not part of core D3; it must be loaded separately. Here we’re using [require](/@observablehq/require) to load it, while also ensuring that its dependencies on d3-array and d3-shape resolve to the copy of D3 that we’re using elsewhere in this notebook. We don’t want to load multiple copies of these libraries!","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":7,"value":"d3Sankey = require.alias({\"d3-array\": d3, \"d3-shape\": d3, \"d3-sankey\": \"d3-sankey@0.12.3/dist/d3-sankey.min.js\"})(\"d3-sankey\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":410,"value":"import {howto} from \"@d3/example-components\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":914,"value":"node3 = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vR5xJzEBNwWOz8C5Cgqduzhk01449DsVMZmTpCc3JGGXQN4d_Rl-Qq1KMBlNl_M4u0wnNjiQOA-nnhr/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":916,"value":"sheet3 = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vTtiPjXi7VaHdWY_vGaI6GZofVHGE19LMhm5xYvRlWAn-vPa4olHNQ39NjcIc03YxESirb-wIQrvxix/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":918,"value":"node4 = d3.csv(node3, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":920,"value":"bond4 = d3.csv(sheet3, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1041,"value":"round = (n, places) => {\n if (!places) return Math.round(n);\n const d = 10 ** places;\n return Math.round(n * d) / d;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1890,"value":"viewof water_air = Inputs.radio([\"Gray Water Remediation\", \"Air Supply Requirements\"], {value: \"Gray Water Remediation\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1893,"value":"water_air","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1903,"value":"bool={\n var retur\nif(water_air==\"Gray Water Remediation\"){retur = option1}else{retur = option2}\n\n return retur\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2018,"value":"boolDash={\n var retur\nif(water_air==\"Gray Water Remediation\"){retur = waterDash}else{retur = airDash}\n\n return retur\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1909,"value":"import {LineChart} from \"153f45f086ac8d1c\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1919,"value":"dataLink = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQsN6vM_Ys9YNW9t050hIWXdDDnLnTjcPEWPjGF5mOCACke3VNlfewCyoAZ9w9PkOQZgcY9MHc2Sdlx/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1921,"value":"data2Link = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQ5O7RuGHjITz45mX1y6KJl9r2cXVkKX0tKjeJzB_JezVrG3Q-DYxIcZ4C_7aVl-bInS2a4tfo7cX_3/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1923,"value":"data = d3.csv(dataLink,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1925,"value":"data2 = d3.csv(data2Link,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1915,"value":"chart1 =LineChart(data, data2, {\n x: d => d.percent,\n y: d => d.kwh,\n z: d=> d.m2,\n a: d=> d.fppb,\n b: d=> d.bppb,\n c: d=> d.tppb,\n d: d=> d.co2ppm,\n\n x2: data2 => data2.percent,\n y2: data2 => data2.kwh,\n z2: data2=> data2.m2,\n a2: data2=> data2.fppb,\n b2: data2=> data2.bppb,\n c2: data2=> data2.tppb,\n d2: data2=> data2.co2ppm,\n //title: d=>d.m2,\n //yLabel: \"↑ Daily close ($)\",\n width:900,\n height: 350,\n color: \"steelblue\",\n yDomain:[0,250],\n xDomain:[0,100],\n yLabel:'nEUI kWh/m2',\n xLabel:'% Required Greenwall',\n\n yOffset: 400,\n\n \n //title: d=>d.m2,\n //yLabel: \"↑ Daily close ($)\",\n yDomain2:[180,450],\n xDomain2:[0,100],\n yLabel2:'nEUI kWh/m2',\n xLabel2:'percent used'\n //yFormat:\"hello\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2057,"value":"focus = Generators.input(chart1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1138,"value":"chartCopy = \n\n//{\n//var curChart = chart\n//if(city==\"New York\"){curChart = chart}\n//}\n\nhtml`\n

\n \n\n*/\n\n//viewof sinkUgssbgage2 = Inputs.range([5, 15], {step: .5, label: \"gafgf\", value: 8}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2040,"value":"\n\n\n\n

\n\n ${md ` #### IAQ Modeling`}\n ${viewof energyCosts}\n ${viewof taoh}\n\n

\n\n

\n\n${md `**Total Greenwall Area:**`}\n${md ` ### ${(m2)} m2`}\n${md ` `}\n${md `**Annual Air Energy Savings** (ASHRAE MIN):`}\n${md ` ### ${round((taoh*kwh0)-(taoh*kwh1))} kWh`}\n${md `**Annual Air Energy Savings** (10X ASHRAE):`}\n${md ` ### ${round((taoh*kwh10)-(taoh*kwh2))} kWh`}\n${md `**Annual Air Energy Costs Savings** (ASHRAE MIN):`} \n${md ` ### $ ${round(((taoh*kwh0)-(taoh*kwh1))*energyCosts)}`}\n${md `**Annual Air Energy Costs Savings** (10X ASHRAE):`} \n${md ` ### $ ${round(((taoh*kwh10)-(taoh*kwh2))*energyCosts)}`}\n\n\n

\n\n ${md ` #### Spatial Scenario`}\n ${controls()[0]}\n ${controls()[1]}\n ${controls()[2]}\n\n\n ${viewof sinkUsage}\n ${viewof sinkVolume}\n ${viewof showerLength}\n ${viewof showerVolume}\n ${viewof radios}\n ${viewof graywater}\n ${viewof city}\n\n\n

\n\n

\n\n${md `#### Available Gray Water:`}\n${md ` ## ${waterSavings} L/d`}\n${md `#### Total Required Planting Area (m^2):`} \n${md ` ## ${round(waterSavings/graywater,0)} m^2`}\n

\n\n\n\n\n\n\n

\n${circleChart}\n

\n\n`","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1938,"value":"\n

\n ${md ` #### Normative Model`}\n

\n\n

\n${chart3}\n

\n\n

\n ${md ` #### Proposed Model`}\n

\n \n","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":1983,"value":"\n\n

\n ${md ` #### Baseline Case (ASHRAE minimum Outdoor Air Supply)`}\n

\n\n\n${chart1}\n\n

\n\n

\n ${md ` #### Parity Case (10x ASHRAE minimum Outdoor Air Supply)`}\n