28:null 29:["$","title",null,{"children":"Utilizing Gray to Go Green - New York-dash | Fleet Hower | Observable"}] 2e:T26ad,// 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 = 400, // 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 something = sinkUsage3Copy*5 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 //bond[0].value = bond[1].value + 31000 bond4[0].value = 36.25*newrooms*floors// current ice 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 bond4[9].value = bond4[4].value //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 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) // 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}}); }2f:[] 2c:{"id":"efb030cbe14c3922","slug":null,"title":"Utilizing Gray to Go Green - New York-dash","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2022-10-21T15:11:06.200Z","update_time":"$D2022-10-30T15:52:00.001Z","view_time":null,"first_public_time":"$D2022-10-21T15:22:37.082Z","fork":{"id":"12f4de2be8265db9","slug":null,"title":"Utilizing Gray to Go Green - New York","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":1310,"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 - New York-dash","cells":[{"id":0,"value":"# Utilizing Gray to Go Green - New York-dash","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: 600\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: 600\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":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: \"Shower Users\", value: \"2\"})","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":690,"value":"$2e","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":1138,"value":"chartCopy = html`\n\n

\n\n${Inputs.bind(htl.html``, viewof sinkUsage3)}\n${Inputs.bind(htl.html``, viewof sinkUsage3)}\n\n ${viewof rooms}\n ${viewof floors2}\n ${viewof flush1}\n ${viewof radios}\n\n\nHotel Occupants - Aera Dubai\n \n\n\n \n

\n ${chart}\n ${chart3}\n

\n\n\n \n \n\n`\n//viewof sinkUgssbgage2 = Inputs.range([5, 15], {step: .5, label: \"gafgf\", value: 8}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1235,"value":"html`\n${viewof rooms}\n${Inputs.bind(htl.html``, viewof sinkUsage3)}\n${Inputs.bind(htl.html``, viewof sinkUsage3)}\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1249,"value":"viewof sinkUsage3 = 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":1279,"value":"radios","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1292,"value":"sinkUsage3Copy = sinkUsage3","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1296,"value":"viewof floors2 = Inputs.range([10, 20], {step: 1, label: \"Total Floors\", value: 15})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1302,"value":"floors3 = floors2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"