27:null 28:["$","title",null,{"children":"Annelise & Kapinga's Studio Site Greepoint Brooklyn | hower_teaching | Observable"}] 2d:T2c40,chart = { const width = 1500,//pixel size of the map height = 1000; const svg = d3.create("svg") .attr("viewBox", [0, 0, width-50, height-10]); // Use Mercator projection var projection = d3 .geoMercator()//projection system used .fitSize([width, height], boxed); var path = d3.geoPath().projection(projection);//need one of these for each line layer from qgis var path2 = d3.geoPath().projection(projection); var path3 = d3.geoPath().projection(projection); var path4 = d3.geoPath().projection(projection); var path5 = d3.geoPath().projection(projection); var path6 = d3.geoPath().projection(projection); var path7 = d3.geoPath().projection(projection); var path8 = d3.geoPath().projection(projection); var path9 = d3.geoPath().projection(projection); var path10 = d3.geoPath().projection(projection); var path11 = d3.geoPath().projection(projection); var path12 = d3.geoPath().projection(projection); var path13 = d3.geoPath().projection(projection); var path14 = d3.geoPath().projection(projection); var path15 = d3.geoPath().projection(projection); var path16 = d3.geoPath().projection(projection); var path17 = d3.geoPath().projection(projection); var path18 = d3.geoPath().projection(projection); var g = svg.selectAll('g').attr("id", "paths");//qgis lines variable //one variable for each geometry type var c = svg.selectAll("circle")//for circles var p = svg.selectAll("polyline")//for polylines from rhino //static lines from qgis //staticLines(path, file name, "color fill", 'fill opacity', 'stroke opacity', 'stroke width', "stroke color") staticLines(path, greenpointRoads.features,"none",'0', '0.5', '3',"lightgray") if(res=="R6"){ staticLines(path16, r61.features,"rgb(240, 117, 170)",'0.2','1', '1',"rgb(188, 90, 148)") } if(res=="R10"){ staticLines(path16, r10.features,"rgb(240, 117, 170)",'0.2','0.2', '1',"rgb(188, 90, 148)") } if(res=="R8"){ staticLines(path16, r8.features,"rgb(240, 117, 170)",'0.2','0.2', '1',"rgb(188, 90, 148)") } if(res=="R7"){ staticLines(path16, r7.features,"rgb(240, 117, 170)",'0.2','0.2', '1',"rgb(188, 90, 148)") } staticLines(path4, m3.features,"none",'0', '1','2',"none") staticLines(path17,m2.features,"none",'0', '1','2',"none") staticLines(path5, m12.features,"none",'0', '1','2',"none") staticLines(path6, m1zones.features,"none",'0', '0','2',"none") staticLines(path18, buildings.features,"gray",'0.2','1', '0.1',"darkgray") if(comz=="C4"){ staticLines(path12, commerical4zones.features,"rgb(125, 28, 74)",'0.3','1', '1',"rgb(86, 2, 31)") } if(transp){ staticLines(path3, subwayLines.features,"none",'1', '1','2.8',"red") } if(transp){ staticLines(path8, subwayStations.features,"red",'1', '1', '1',"red") } if(transp2){ staticLines(path7, busStopShelters.features,"orange",'1', '1', '1',"orange") } function staticLines(path, data, sfill, fOpac, sOpac, sW, stroke){ g.enter().append("path") .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", sfill) .style('fill-opacity',fOpac) .style('stroke-opacity',sOpac) .style("stroke-width", sW) .style("stroke", stroke) } // interactive zones // if(zones=="M3"){ svg.selectAll(".interactive-path4") .data(m3.features) // Bind data for path14 .enter() .append("path") .attr("class", "interactive-path4`") // Add a class for easier selection .attr("d", path4) // Draw the path using path14 projection .style("fill", "rgb(250, 218, 122)") .style("fill-opacity", '0.25') .style("stroke", "rgb(225, 196, 110)") .style("stroke-width", '1') .style("stroke-opacity", '0.6') } if(zones=="M1"){ svg.selectAll(".interactive-path5") .data(m12.features) // Bind data for path14 .enter() .append("path") .attr("class", "interactive-path5`") // Add a class for easier selection .attr("d", path5) // Draw the path using path14 projection .style("fill", "rgb(250, 218, 122)") .style("fill-opacity", '0.25') .style("stroke", "rgb(225, 196, 110)") .style("stroke-width", '1') .style("stroke-opacity", '0.6') } if(zones=="M2"){ svg.selectAll(".interactive-path14") .data(m2.features) // Bind data for path14 .enter() .append("path") .attr("class", "interactive-path14`") // Add a class for easier selection .attr("d", path14) // Draw the path using path14 projection .style("fill", "orange") .style("fill-opacity", 0.3) .style("stroke", "orange") .style("stroke-width", 0.5) .style("stroke-opacity", 0.2) } if(zones=="M1"){ svg.selectAll(".interactive-path6") .data(m1zones.features) // Bind data for path14 .enter() .append("path") .attr("class", "interactive-path6") // Add a class for easier selection .attr("d", path6) // Draw the path using path14 projection .style("fill", "wheat") .style("fill-opacity", 0.3) .style("stroke", "wheat") .style("stroke-width", 0.5) .style("stroke-opacity", 0.2) } //static points from qgis //staticCircles(restrooms.features,'2','black','1',"0") function staticCircles(data,r,sfill, sOpac, sWidth){ c.enter().append('circle') .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append("circle") //appends path to data .attr('cx',function(d) {return path.centroid(d)[0]}) .attr("cy",function(d) {return path.centroid(d)[1]}) .attr('r', r) .attr('fill', sfill) .style('fill-opacity',sOpac) .style("stroke-width", sWidth) } //lines from rhino function polyline(data, polylineclass, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'polylineclass') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style('stroke-opacity',sOpac) .style("stroke-width", sWght) .style("stroke", stroke) } p.enter().append("polyline") .data(newWater) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'newpolylines') .attr("points", function(d) {return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", 'rgb(182, 208, 226)') .style('fill-opacity','0.4') .style("stroke-width", '1') .style('stroke-opacity', '1') .style("stroke", 'rgb(112, 148, 176)') .style('stroke-dasharray', '1 0') p.enter().append("polyline") .data(newparks) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'warhousepolyline') .attr("points", function(d) {return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", 'rgb(65, 171, 93)') .style('fill-opacity','0.13') .style("stroke-width", '1') .style('stroke-opacity', '0.2') .style("stroke", 'rgb(52, 137, 74)') .style('stroke-dasharray', '1 0') p.enter().append("polyline") .data(warehousesite) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'warhousepolyline') .attr("points", function(d) {return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", 'red') .style('fill-opacity','0.1') .style("stroke-width", '1') .style('stroke-opacity', '1') .style("stroke", 'red') .style('stroke-dasharray', '4 4') .on("mouseover", addText) .on("mouseout", removeText) function addText(event,d){ svg//draw text .append("text") //appends path to data .attr('class','WText') .attr('x', 385) .attr("y", 718) .attr('fill', 'black') .style('font-family','helvetica') .style("font-size", "18px") .text('63 Cayler St') } function removeText(){ svg.selectAll('text.WText').remove() } p.enter().append("polyline") .data(newparksite) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'parkpolyline') .attr("points", function(d) {return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", 'red') .style('fill-opacity','0.1') .style("stroke-width", '1') .style('stroke-opacity', '1') .style("stroke", 'red') .style('stroke-dasharray', '4 4') .on("mouseover", addText1) .on("mouseout", removeText1) function addText1(event,d){ svg//draw text .append("text") //appends path to data .attr('class','PText') .attr('x', 395) .attr("y", 587) .attr('fill', 'black') .style('font-family','helvetica') .style("font-size", "18px") .text('61 Milton Street') } function removeText1(){ svg.selectAll('text.PText').remove() } p.enter().append("polyline") .data(contextsite) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'contextpolyline') .attr("points", function(d) {return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", 'red') .style('fill-opacity','0.1') .style("stroke-width", '1') .style('stroke-opacity', '1') .style("stroke", 'red') .style('stroke-dasharray', '4 4') .on("mouseover", addText2) .on("mouseout", removeText2) function addText2(event,d){ svg//draw text .append("text") //appends path to data .attr('class','PText') .attr('x', 445) .attr("y", 225) .attr('fill', 'black') .style('font-family','helvetica') .style("font-size", "18px") .text('19 Clay Street') } function removeText2(){ svg.selectAll('text.PText').remove() } p.enter().append("polyline") .data(thirdsite) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'thirdpolyline') .attr("points", function(d) {return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", 'red') .style('fill-opacity','0.1') .style("stroke-width", '1') .style('stroke-opacity', '1') .style("stroke", 'red') .style('stroke-dasharray', '4 4') .on("mouseover", addText3) .on("mouseout", removeText3) function addText3(event,d){ svg//draw text .append("text") //appends path to data .attr('class','PText') .attr('x', 385) .attr("y", 505) .attr('fill', 'black') .style('font-family','helvetica') .style("font-size", "18px") .text('70 Java Street') } function removeText3(){ svg.selectAll('text.PText').remove() } return svg.node(); }2e:T793,dashboard = html`

${chart}

${border1graphics}

${bottombuttons}

${topbuttons}

${viewof transp} ${viewof transp2}

${md`**OVERVIEW**`}

${md`**ZONING REGULATIONS**`}

${md`**RESTRICTIONS**`}

${md`**REZONING PROPOSAL & RECENT CHANGES**`}

${md`**ENVIRONMENTAL & INFRASTRUCTURE CONSIDERATIONS**`}

${viewof webviews}

${currrentDash}

`2f:Tb72,manuView = { var manuViewVar = html`

${md`Greenpoint Brooklyn contains M1, M2, and M3 zones (light, medium, and heavy manufacturing zones respectively).`}

${md`The Manufacturing zone allows for a variety of manufacturing and occasional offices, hotels, and retail. Rezoning in certain M1 zones allows for commercial and residential use. M1, M2, and M3 zones are used for buffers between heavy industrial and residential neighborhoods and each other as they increase in industrial intensity.`}

${md`M1, M2, M3 zones all require varying parking, floor area ratio, and height and setback restrictions. M1-1 through M1-6 zones primarily differ in restrictions for parking and floor area ratios. M2-1 through M2-4 vary in restrictions for parking, floor area ratio, and height and setback requirements. M3-1 and M3-2 only have different parking restrictions. Parts of Greenpoint’s Industrial waterfront were rezoned to allow for the change from manufacturing zones to residential.`}

${md`Various manufacturing zones are rezoned to allow for residential development but it is typically limited to M1 zones and excludes M2 and M3 zones. Many sites, specifically along the river have already been rezoned and many high-rise residential buildings have been built. However, there are still some empty buildings sandwiched between rezoned areas that are available for residential development either through new construction or reuse. Additionally, the City of Yes Proposal allows for non-residential conversions for buildings built before 1991.`}

${md`It is important to note that many manufacturing zones, specifically M3 zones, should be avoided for environmental and hazardous by-product material concerns. Sites that are classified as M3 zones should either not be rezoned for commercial or residential purposes or be thoroughly cleaned before being rezoned and inhabited. M2 zones are used for medium industrial purposes that generate more noise and pollutants than M1 but less than M3. M3 zones produce heavy noise and pollutants and are located far from residential zones.`}

${viewof zones}

` return manuViewVar }30:T97c,resView = { var resView = html`

${md`Greenpoint consists of R6, R7, and R8 zones which are medium to high density.`}

${md`R6 zones are medium-dense areas that can range from neighborhoods with various building typologies and heights to single towers for high-rise residential developments. R7 zones are also medium-density but consist of apartments. R8 is a high-density zone that consists of mid-rise, ten-story, to high-rise buildings.`}

${md`R6 zones have standard height factor regulations that restrict small multi-family buildings on small lots and tall buildings that are set back from the street on larger lots. R7 zones have height factor restrictions that encourage lower buildings on lots that are smaller and higher buildings with less lot coverage. For R8 zones regarding new development, they can be constructed under a height factor or the Quality Housing restriction.`}

${md`Greenpoint has recently undergone several new developments in the residential zone, specifically along its waterfront. These developments have occurred mainly in R8 areas with some occurring in R6 consisting of high-rise residential towers.`}

${md`The sites of new development in R8 and R6 zones along the waterfront were converted from manufacturing zones. There is also the Quality Housing regulation that allows for high lot coverage for a building that is within height limits that reflect the scale of older pre-existing buildings in the neighborhood. Additionally, there is a choice for a Quality Housing regulation that states to build lower buildings with greater lot coverage.`}

${viewof res}

` return resView }31:T917,comView = { var comView = html`

${md`Greenpoint has a main commercial zone that runs North-South along one of their main roads and it’s surrounded by residential. This zone is a C4-3a zone.`}

${md`C4 zones include retail and service uses. The suffix of an A designates that this C4 zone is a contextual district which states the commercial and residential bulk and density restrictions can differ from corresponding non-contextual districts.`}

${md`Some C4 zones with a suffix of A have the same floor area ratios for commercial and residential but with a public plaza or Inclusionary Housing Program bonus can increase floor area. Additionally, they may differ in parking requirements.`}

${md`There have not been any significant building changes to Greenpoint’s commercial zone in recent years. However, it is noted by several community and local resources that with the recent redevelopment in the residential districts and influx of new people several local commercial business owners in Greenpoint are being pushed out for the increase in renting and property increase costs.`}

${md`The infrastructure of Greenpoint’s commercial zone is organized such that it runs along one of their main streets and is surrounded by residential on all sides of the zone. Outside of this residential buffer, there is more residential mixed with some manufacturing zones and some rezoned manufacturing zones that now act as high-density residential zones that consist of high rises.`}

${viewof comz}

` return comView }32:T845,bottombuttons = { const width = 520,//pixel size of the map height = 55; const svg = d3.create("svg") .attr("viewBox", [538, 673, width, height]);//set the x,y to the top left corner of the outline in rhino var p = svg.selectAll("polyline") //polyline(manubutton,'lightblue','1','1','2','black') //polyline(rbutton1,'lightblue','1','1','2','black') //polyline(cbutton1,'lightblue','1','1','2','black') var fillcolor = 'white' var opacity = '1' var weight = 0.5 var strokeColor = 'black' p.enter().append("polyline") //this line designates that we're making a polyline .data(bottombuthatch) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", 'rgb(65, 171, 93)') .style("fill-opacity", '0.2') .style('stroke-opacity',0.5) .style("stroke-width", 0.5) .style("stroke", 'rgb(65, 171, 93)') p.enter().append("polyline") //this line designates that we're making a polyline .data(stationStopsBox2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", fillcolor) .style("fill-opacity", opacity) .style('stroke-opacity',opacity) .style("stroke-width", weight) .style("stroke", strokeColor) p.enter().append("polyline") //this line designates that we're making a polyline .data(popupbottombut) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", fillcolor) .style("fill-opacity", opacity) .style('stroke-opacity',opacity) .style("stroke-width", weight) .style("stroke", strokeColor) return svg.node(); }33:T4db,photodashboard = (() => { let container = html`

` return container; })(); 34:Tbc6,timeout = {setTimeout(() => { const images = [{ url: 'https://images.squarespace-cdn.com/content/603ff93a52ca67517a5da887/6255f19b-f2ba-4ab3-8cb3-42d7e0a555d0/thumbnail_IMG_3354.jpg?content-type=image%2Fjpeg', alt: 'Image #1', description: '63 Calyer St is located in the M1 Manufacturing zone at the waterfront. This site is sandwiched between several different residential developments.' }, { url: 'https://images.squarespace-cdn.com/content/603ff93a52ca67517a5da887/b84eb906-7885-469f-8611-0ff2d4f251b5/tshibk1.jpg?content-type=image%2Fjpeg', alt: 'Image #2', description: "Directly next to our site is a new luxury residential development that is said to be completed in the spring or 2025. There is also another luxury apartment being built directly across from our site partially blocking the view of the waterfront of our site." }, { url: 'https://images.squarespace-cdn.com/content/603ff93a52ca67517a5da887/058153e5-23de-4a8a-a73d-cc492bcc801e/tshibk2.jpg?content-type=image%2Fjpeg', alt: 'Image #3.', description: 'The view directly off the dock facing north along.' }, { url: 'https://images.squarespace-cdn.com/content/603ff93a52ca67517a5da887/0ea7809e-4ce7-466a-9e0e-cc5961a7b9f9/tshibk3.jpg?content-type=image%2Fjpeg', alt: 'Image #4', description: 'More views of the building and our site.' }, { url: 'https://images.squarespace-cdn.com/content/603ff93a52ca67517a5da887/b7ee15ad-73b3-4753-9644-b97b987d26be/tshibk4.jpg?content-type=image%2Fjpeg', alt: 'Image #5', description: 'This image showcases the dock that is directly off of the road across from our site.' }]; const featuredImage = document.getElementById("featured"); const thumbnails = document.getElementById("thumbnails"); const current_description = document.getElementById("current_description"); function setFeaturedImageIndex(idx) { const img_details = images[idx]; const imgElement = img_details.element; featuredImage.setAttribute("src", img_details.url); featuredImage.setAttribute("alt", img_details.alt); current_description.textContent = img_details.description; const previouslyHighlightedImage = images[highlightedImgIndex] previouslyHighlightedImage.element.removeAttribute('class'); imgElement.setAttribute('class', 'highlighted'); highlightedImgIndex = idx; clearTimeout(advanceTimeout); advanceTimeout = setTimeout(() => { setFeaturedImageIndex((idx+1)%images.length); }, 4000); } let advanceTimeout; let highlightedImgIndex = 0; for(let i = 0; i { setFeaturedImageIndex(i); }); thumbnails.append(imgElement); } setFeaturedImageIndex(highlightedImgIndex); }, 800) } 35:T1999,// Copyright 2021-2023 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 = ["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#006837","#004529"], // 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. // We take special care of any node that has both a value and children, see // https://observablehq.com/@d3/treemap-parent-with-value. const stratify = data => (d3.stratify().path(path)(data)).each(node => { if (node.children?.length && node.data != null) { const child = new d3.Node(node.data); node.data = null; child.depth = node.depth + 1; child.height = 0; child.parent = node; child.id = node.id + "/"; node.children.unshift(child); } }); const root = path != null ? stratify(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, d ? value(d) : null)); // 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}}); }36:Ta0a,model = { const width = 600,//pixel size of the map height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); // Use Mercator projection var projection = d3 .geoMercator()//projection system used .fitSize([width, height], boxed); var p = svg.selectAll("polyline") polyline(outline2,'none','1','1','1','black') if(selectmaterials=="Overall"){ polyline(overall5,'none','1','1','0.06','black') } if(selectmaterials=="CMU"){ polyline(cmuHatch,'#f7fcb9','0.7','0','0','none') polyline(cmuWhite,'white','1','0','0','none') polyline(cmu1,'none','1','1','0.07','black') } if(selectmaterials=="Interior Brick"){ polyline(ibrickHatch,'#41ab5d','0.6','0','0','none') polyline(ibrickWhite,'white','1','0','0','none') polyline(interiorBricks1,'none','1','1','0.07','black') } if(selectmaterials=="Exterior Brick"){ polyline(ebrickhatch,'#238443','0.6','0','0','none') polyline(ebrickwhite,'white','1','0','0','none') polyline(exteriorBricks,'none','1','1','0.09','black') } if(selectmaterials=="Steel Components"){ polyline(componentHatch,'#ffffe5','1','0','0','none') polyline(steelComponents,'none','1','1','0.07','black') } if(selectmaterials=="Steel Beams"){ polyline(sbeamhatch,'#004529','0.75','0','0','none') polyline(sbeamwhite,'white','1','0','0','none') polyline(steelBeams,'none','1','1','0.2','black') } if(selectmaterials=="Steel Columns"){ polyline(scolumnhatch,'#006837','0.8','0','0','none') polyline(steelColumns,'none','1','1','0.2','black') } if(selectmaterials=="Concrete Foundation"){ polyline(foundationhatch,'#addd8e','0.5','0','0','none') polyline(foundation,'none','1','1','0.3','black') } if(selectmaterials=="Concrete Roof"){ polyline(roofHatch,'#78c679','0.5','0','0','none') polyline(concreteRoof,'none','1','1','0.3','black') } if(selectmaterials=="Glass"){ polyline(glassHatch,'#d9f0a3','0.7','0','0','none') polyline(glass1,'none','1','1','0.07','black') } function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style('stroke-opacity',sOpac) .style("stroke-width", sWght) .style("stroke", stroke) } return svg.node(); }37:T6be,treeborder = { const width = 600,//pixel size of the map height = 700; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var projection = d3 .geoMercator()//projection system used .fitSize([width, height], boxed); var p = svg.selectAll("polyline") if(selectmaterials=="CMU"){ polyline(bcmu3,'none','1','1','2','darkgreen') } if(selectmaterials=="Interior Brick"){ polyline(bibrick2,'none','1','1','2','darkgreen') } if(selectmaterials=="Exterior Brick"){ polyline(bebrick3,'none','1','1','2','darkgreen') } if(selectmaterials=="Steel Components"){ polyline(bcomponents,'none','1','1','2','darkgreen') } if(selectmaterials=="Steel Beams"){ polyline(bbeams2,'none','1','1','2','darkgreen') } if(selectmaterials=="Steel Columns"){ polyline(bcolumns2,'none','1','1','2','darkgreen') } if(selectmaterials=="Concrete Foundation"){ polyline(bfoundation2,'none','1','1','2','darkgreen') } if(selectmaterials=="Concrete Roof"){ polyline(broof1,'none','1','1','2','darkgreen') } if(selectmaterials=="Glass"){ polyline(bglass2,'none','1','1','2','darkgreen') } function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style('stroke-opacity',sOpac) .style("stroke-width", sWght) .style("stroke", stroke) } return svg.node(); }38:T58a,sankeyy = html`

${chart4}

${viewof slider} ${viewof slider2} ${viewof slider3}

${md`**Material Divertions**`}

CO2 for Ground Up Concrete, CMU, and Brick = ${Math.round(co2[0].best + (((1-((slider)/18884)))*co2[0].difference),1)} lbs

CO2 for Bricks, CMU, and Steel Beams & Columns Units = ${Math.round(co2[1].best + (((1-((slider2)/6200)))*co2[1].difference),1)} lbs

CO2 for Glass Panes, Steel Mullions & Frames, and Steel Doors = ${Math.round(co2[2].best + (((1-((slider3)/289)))*co2[2].difference),1)} lbs

`39:Tcb1,chart4 = { // Specify the dimensions of the chart. const width = 1770; const height = 710; const format = d3.format(",.0f"); // Create a SVG container. const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .attr("style", "max-width: 100%; height: auto; font: 15px sans-serif;"); // Constructs and configures a Sankey generator. const sankey = d3.sankey() .nodeId(d => d.name) .nodeAlign(d3[nodeAlign]) // d3.sankeyLeft, etc. .nodeWidth(15) .nodePadding(10) .extent([[1, 5], [width - 1, height - 5]]); // Applies it to the data. We make a copy of the nodes and links objects // so as to avoid mutating the original. const {nodes, links} = sankey({ nodes: data.nodes.map(d => Object.assign({}, d)), links: data.links.map(d => Object.assign({}, d)) }); // Defines a color scale. const color = d3.scaleOrdinal(["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443"]); //["#ffffe5","#f7fcb9","#d9f0a3","#addd8e","#78c679","#41ab5d","#238443","#006837","#004529"], // array of colors // Creates the rects that represent the nodes. const rect = svg.append("g") .attr("stroke", "#000") .selectAll() .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) .attr("fill", d => color(d.category)); // Adds a title on the nodes. rect.append("title") .text(d => `${d.name}\n${format(d.value)} ft^3`); // Creates the paths that represent the links. const link = svg.append("g") .attr("fill", "none") .attr("stroke-opacity", 0.5) .selectAll() .data(links) .join("g") .style("mix-blend-mode", "multiply"); // Creates a gradient, if necessary, for the source-target color option. if (linkColor === "source-target") { const gradient = link.append("linearGradient") .attr("id", d => (d.uid = DOM.uid("link")).id) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", d => d.source.x1) .attr("x2", d => d.target.x0); gradient.append("stop") .attr("offset", "0%") .attr("stop-color", d => color(d.source.category)); gradient.append("stop") .attr("offset", "100%") .attr("stop-color", d => color(d.target.category)); } link.append("path") .attr("d", d3.sankeyLinkHorizontal()) .attr("stroke", linkColor === "source-target" ? (d) => d.uid : linkColor === "source" ? (d) => color(d.source.category) : linkColor === "target" ? (d) => color(d.target.category) : linkColor) .attr("stroke-width", d => Math.max(1, d.width)); link.append("title") .text(d => `${d.source.name} → ${d.target.name}\n${format(d.value)} ft^3`); // Adds labels on the nodes. svg.append("g") .selectAll() .data(nodes) .join("text") .attr("x", d => d.x0 < width / 2 ? d.x1 + 6 : d.x0 - 6) .attr("y", d => (d.y1 + d.y0) / 2) .attr("dy", "0.35em") .attr("text-anchor", d => d.x0 < width / 2 ? "start" : "end") .text(d => d.name); return svg.node(); }3a:Ta843,corner = { const width = 2500,//pixel size of the map height = 1600; const svg = d3.create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [425, -100, 700, 825]) // adjusted to match actual content .attr("style", `width: ${width}px; height: ${height}px; font: 10px sans-serif;`); var p = svg.selectAll('polyline'); var t = svg.selectAll('text'); var l = svg.selectAll('line'); var c = svg.selectAll('circle'); var layer1lines = lineGraphics(newexistingbuilding) var layer2lines = lineGraphics(finalfinalphase1) var layer3lines = lineGraphics(phase21) var layer4lines = lineGraphics(phase31) var layer5lines = lineGraphics(phase4) var layer6lines = lineGraphics(phase5) var layer7lines = lineGraphics(phase6) var layer8lines = lineGraphics(phase7) var layer9lines = lineGraphics(phase8) //BUTTON "WHITE-OUT"// svg .append('rect') .attr('x','0') .attr('y','0') .attr('width','1300') .attr('height','700') .style('fill', 'white') .style('stroke', 'none') .on('click', removeText) function removeText() { svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").style('fill', 'white') svg.selectAll("polyline.hatch").remove() } //EXISTING BUILDING// p.enter().append('polyline') .data(layer1lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) //BUTTONS FOR PHASING// svg .append('rect') .attr('x','340') .attr('y','660') .attr('width','90') .attr('height','15') .style('fill', '#238443') .style('fill-opacity','0.3') .style('stroke', 'black') .on('click', layer1) svg .append('rect') .attr('x','450') .attr('y','660') .attr('width','50') .attr('height','15') .style('fill', 'white') .style('stroke', 'black') .on('click', layer2) svg .append('rect') .attr('x','520') .attr('y','660') .attr('width','50') .attr('height','15') .style('fill', 'white') .style('stroke', 'black') .on('click', layer3) svg .append('rect') .attr('x','590') .attr('y','660') .attr('width','50') .attr('height','15') .style('fill', 'white') .style('stroke', 'black') .on('click', layer4) svg .append('rect') .attr('x','660') .attr('y','660') .attr('width','50') .attr('height','15') .style('fill', 'white') .style('stroke', 'black') .on('click', layer5) svg .append('rect') .attr('x','730') .attr('y','660') .attr('width','50') .attr('height','15') .style('fill', 'white') .style('stroke', 'black') .on('click', layer6) svg .append('rect') .attr('x','800') .attr('y','660') .attr('width','50') .attr('height','15') .style('fill', 'white') .style('stroke', 'black') .on('click', layer7) svg .append('rect') .attr('x','870') .attr('y','660') .attr('width','50') .attr('height','15') .style('fill', 'white') .style('stroke', 'black') .on('click', layer8) svg .append('rect') .attr('x','940') .attr('y','660') .attr('width','50') .attr('height','15') .style('fill', 'white') .style('stroke', 'black') .on('click', layer9) //BOTTOM BUTTON TEXT// svg .append('text') .attr('class','lineText') .attr('x','347') .attr('y','670') .style('font-family','helvetica') .style('font-size','10px') .style('font-weight','500') .style('fill','black') .style('text-anchor','start') .text("Existing Building") svg .append('text') .attr('class','lineText') .attr('x','457') .attr('y','670') .style('font-family','helvetica') .style('font-size','10px') .style('font-weight','500') .style('fill','black') .style('text-anchor','start') .text("Phase 1") svg .append('text') .attr('class','lineText') .attr('x','527') .attr('y','670') .style('font-family','helvetica') .style('font-size','10px') .style('font-weight','500') .style('fill','black') .style('text-anchor','start') .text("Phase 2") svg .append('text') .attr('class','lineText') .attr('x','597') .attr('y','670') .style('font-family','helvetica') .style('font-size','10px') .style('font-weight','500') .style('fill','black') .style('text-anchor','start') .text("Phase 3") svg .append('text') .attr('class','lineText') .attr('x','667') .attr('y','670') .style('font-family','helvetica') .style('font-size','10px') .style('font-weight','500') .style('fill','black') .style('text-anchor','start') .text("Phase 4") svg .append('text') .attr('class','lineText') .attr('x','737') .attr('y','670') .style('font-family','helvetica') .style('font-size','10px') .style('font-weight','500') .style('fill','black') .style('text-anchor','start') .text("Phase 5") svg .append('text') .attr('class','lineText') .attr('x','807') .attr('y','670') .style('font-family','helvetica') .style('font-size','10px') .style('font-weight','500') .style('fill','black') .style('text-anchor','start') .text("Phase 6") svg .append('text') .attr('class','lineText') .attr('x','877') .attr('y','670') .style('font-family','helvetica') .style('font-size','10px') .style('font-weight','500') .style('fill','black') .style('text-anchor','start') .text("Phase 7") svg .append('text') .attr('class','lineText') .attr('x','947') .attr('y','670') .style('font-family','helvetica') .style('font-size','10px') .style('font-weight','500') .style('fill','black') .style('text-anchor','start') .text("Phase 8") //SCRIPT FOR DRAWINGS APPEARING & DISAPPEARING// function layer1(event,d){ svg.selectAll("polyline.assembly").remove() svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").remove() svg.selectAll("polyline.hatch").remove() svg.selectAll("rect").style('fill','white') d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.3') p.enter().append('polyline') .data(layer1lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) } //PHASE 1////////////////////////////////////////////////////////////////////////////////// function layer2(event,d){ svg.selectAll("polyline.assembly").remove() svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").remove() svg.selectAll("polyline.hatch").remove() svg.selectAll("rect").style('fill','white') d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.3') //BUILDING DRAWING// p.enter().append('polyline') .data(layer2lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) //BUTTON 1// svg .append('rect') .attr('class', 'description') .attr('x','960') .attr('y','77') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer2desp1) //BUTTON 2// svg .append('rect') .attr('class', 'description') .attr('x','960') .attr('y','151') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer2desp2) //BUTTON 3// svg .append('rect') .attr('class', 'description') .attr('x','960') .attr('y','241') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer2desp3) //BUTTON 1// function layer2desp1(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 1 TEXT// svg .append('text') .attr('class','descpText1') .attr('x','960') .attr('y','102') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("Concrete is removed by breaking apart and the rubble is saved as aggregate for remanufacturing new concrete") var wrap = svg.selectAll("text.descpText1") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 1 BUILDING HATCH// polyline(hatch1,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } //BUTTON 2// function layer2desp2(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 2 TEXT// svg .append('text') .attr('class','descpText2') .attr('x','960') .attr('y','176') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("Waterproofing is torn off and must be thrown out as it is most likely not in good enough condition to be reused") var wrap = svg.selectAll("text.descpText2") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 2 BUILDING HATCH// polyline(hatch2,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } //BUTTON 3// function layer2desp3(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 3 TEXT// svg .append('text') .attr('class','descpText3') .attr('x','960') .attr('y','266') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("The concrete poured over the metal decking is carefully broken apart and will become aggregate for remanufacturing") var wrap = svg.selectAll("text.descpText3") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 3 BUILDING HATCH// polyline(hatch3,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } } //PHASE 2////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// function layer3(event,d){ svg.selectAll("polyline.assembly").remove() svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").remove() svg.selectAll("polyline.hatch").remove() svg.selectAll("rect").style('fill','white') d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.3') p.enter().append('polyline') .data(layer3lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) //BUTTON 5// svg .append('rect') .attr('class', 'description') .attr('x','965') .attr('y','160') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer3desp1) //BUTTON 4// svg .append('rect') .attr('class', 'description') .attr('x','273') .attr('y','257') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer3desp2) //BUTTON 5// function layer3desp1(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 5 TEXT// svg .append('text') .attr('class','descpText1') .attr('x','965') .attr('y','185') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("Rivets are removed and the steel framing is taken apart in units for reuse") var wrap = svg.selectAll("text.descpText1") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 5 BUILDING HATCH// polyline(hatch5,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } //BUTTON 4// function layer3desp2(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 4 TEXT// svg .append('text') .attr('class','descpText2') .attr('x','273') .attr('y','282') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("The mortar of the brick is chiseled away and the bricks are removed in units for reuse") var wrap = svg.selectAll("text.descpText2") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 4 BUILDING HATCH// polyline(hatch4,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } } //PHASE 3/////////////////////////////////////////////////////////////////////////////////////////// function layer4(event,d){ svg.selectAll("polyline.assembly").remove() svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").remove() svg.selectAll("polyline.hatch").remove() svg.selectAll("rect").style('fill','white') d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.3') p.enter().append('polyline') .data(layer4lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) //BUTTON 6// svg .append('rect') .attr('class', 'description') .attr('x','270') .attr('y','292') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer4desp1) //BUTTON 7// svg .append('rect') .attr('class', 'description') .attr('x','966') .attr('y','167') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer4desp2) //BUTTON 6// function layer4desp1(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 6 TEXT// svg .append('text') .attr('class','descpText1') .attr('x','270') .attr('y','317') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("Metal decking is taken apart in units for reuse") var wrap = svg.selectAll("text.descpText1") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 6 BUILDING HATCH// polyline(hatch6,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } //BUTTON 7// function layer4desp2(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 7 TEXT// svg .append('text') .attr('class','descpText2') .attr('x','966') .attr('y','192') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("The concrete is broken apart and saved for aggregate in remanufacturing. This is only half of the concrete parge coat as this process must stop before hitting the window units ") var wrap = svg.selectAll("text.descpText2") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 7 BUILDING HATCH// polyline(hatch7,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } } //PHASE 4//////////////////////////////////////////////////////////////////////////////// function layer5(event,d){ svg.selectAll("polyline.assembly").remove() svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").remove() svg.selectAll("polyline.hatch").remove() svg.selectAll("rect").style('fill','white') d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.3') p.enter().append('polyline') .data(layer5lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) //BUTTON 8// svg .append('rect') .attr('class', 'description') .attr('x','292') .attr('y','179') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer5desp1) //BUTTON 9// svg .append('rect') .attr('class', 'description') .attr('x','995') .attr('y','131') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer5desp2) //BUTTON 10// svg .append('rect') .attr('class', 'description') .attr('x','152') .attr('y','410') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer5desp3) //BUTTON 8// function layer5desp1(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 8 TEXT// svg .append('text') .attr('class','descpText1') .attr('x','292') .attr('y','204') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("This is the other half of the concrete parge coat that can now be removed in the disassembly process. This concrete will be broken and ground up for aggregate in remanufacturing") var wrap = svg.selectAll("text.descpText1") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 8 BUILDING HATCH// polyline(hatch8,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } //BUTTON 9// function layer5desp2(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 9 TEXT// svg .append('text') .attr('class','descpText2') .attr('x','995') .attr('y','156') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("The windows are removed as unit and the frames and mullions are separated from the glass") var wrap = svg.selectAll("text.descpText2") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 9 BUILDING HATCH// polyline(hatch9,'yellow','0.2','0','none') polyline(hatch9w,'white','1','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } //BUTTON 10// function layer5desp3(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 10 TEXT// svg .append('text') .attr('class','descpText3') .attr('x','152') .attr('y','435') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("Orginally removed as a unit now the glass can be separated from the steel mullions and be recycled") var wrap = svg.selectAll("text.descpText3") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 10 BUILDING HATCH// polyline(hatch10,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } } //PHASE 5/////////////////////////////////////////////////////////////////////////////////////////////////////// function layer6(event,d){ svg.selectAll("polyline.assembly").remove() svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").remove() svg.selectAll("polyline.hatch").remove() svg.selectAll("rect").style('fill','white') d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.3') p.enter().append('polyline') .data(layer6lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) //BUTTON 11// svg .append('rect') .attr('class', 'description') .attr('x','895') .attr('y','159') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer6desp1) //BUTTON 11// function layer6desp1(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 11 TEXT// svg .append('text') .attr('class','descpText1') .attr('x','895') .attr('y','184') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("The mortar between the bricks is chiseled away and the bricks are removed in units. The bricks that don't come out in one piece will be grounded up and become aggregate for remanufacturing") var wrap = svg.selectAll("text.descpText1") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 11 BUILDING HATCH// polyline(hatch11,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } } //PHASE 6///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function layer7(event,d){ svg.selectAll("polyline.assembly").remove() svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").remove() svg.selectAll("polyline.hatch").remove() svg.selectAll("rect").style('fill','white') d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.3') p.enter().append('polyline') .data(layer7lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) //BUTTON 12// svg .append('rect') .attr('class', 'description') .attr('x','805') .attr('y','240') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer7desp1) //BUTTON 12// function layer7desp1(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 12 TEXT// svg .append('text') .attr('class','descpText1') .attr('x','805') .attr('y','265') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("The mortar between the interior bricks is chiseled away to allow for the bricks to be removed and reused") var wrap = svg.selectAll("text.descpText1") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 12 BUILDING HATCH// polyline(hatch12,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } } //PHASE 7////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// function layer8(event,d){ svg.selectAll("polyline.assembly").remove() svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").remove() svg.selectAll("polyline.hatch").remove() svg.selectAll("rect").style('fill','white') d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.3') p.enter().append('polyline') .data(layer8lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) //BUTTON 13// svg .append('rect') .attr('class', 'description') .attr('x','774') .attr('y','252') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer8desp1) //BUTTON 13// function layer8desp1(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 13 TEXT// svg .append('text') .attr('class','descpText1') .attr('x','774') .attr('y','277') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("The mortar between the CMU is chiseled away and the CMUs are removed as units for reuse") var wrap = svg.selectAll("text.descpText1") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 13 BUILDING HATCH// polyline(hatch13,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } } //PHASE 8//////////////////////////////////////////////////////////////////////////////////////////////// function layer9(event,d){ svg.selectAll("polyline.assembly").remove() svg.selectAll("text.descpText1").remove() svg.selectAll("text.descpText2").remove() svg.selectAll("text.descpText3").remove() svg.selectAll("rect.description").remove() svg.selectAll("polyline.hatch").remove() svg.selectAll("rect").style('fill','white') d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.3') p.enter().append('polyline') .data(layer9lines) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'assembly') .attr("points", function(d){return d.pts}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", function(d){return d.fill}) .style('stroke-opacity',function(d){return d.opac}) .style("stroke-width", function(d){return d.sw}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.str}) //BUTTON 14// svg .append('rect') .attr('class', 'description') .attr('x','836') .attr('y','264') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer9desp1) //BUTTON 15// svg .append('rect') .attr('class', 'description') .attr('x','330') .attr('y','313') .attr('width','10') .attr('height','10') .style('fill', 'white') .style('stroke', 'black') .on('click', layer9desp2) //BUTTON 14// function layer9desp1(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 14 TEXT// svg .append('text') .attr('class','descpText1') .attr('x','836') .attr('y','289') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("The connections between steel beams and columns are removed so that the beams and columns can be removed as units for reuse") var wrap = svg.selectAll("text.descpText1") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 14 BUILDING HATCH// polyline(hatch14,'yellow','0.2','0','none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } //BUTTON 15// function layer9desp2(event,d){ d3.select(this).style('fill', '#238443') d3.select(this).style('fill-opacity', '0.6') //button 15 TEXT// svg .append('text') .attr('class','descpText2') .attr('x','330') .attr('y','338') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','400') .style('fill','darkgray') .style('text-anchor','start') .text("As the steel connections are being removed each steel beam and columns are removed as units for reuse") var wrap = svg.selectAll("text.descpText2") .each(function(d, i) { wrap_text(d3.select(this), 135)}); //button 15 BUILDING HATCH// polyline(hatch15,'yellow','0.2','0','none') polyline(hatch15w, 'white', '1', '0', 'none') function polyline(data, pfill, pOpac, sOpac, sWght, stroke){ p.enter().append("polyline") //this line designates that we're making a polyline .data(data) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class', 'hatch') .attr("points", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", pfill) .style("fill-opacity", pOpac) .style("stroke-width", sWght) .style("stroke", stroke) } } } //ID LINES FROM RHINO DETAILS// function lineGraphics(rhino){ var list = rhino var cleanLines = [] for (let i = 0; i < list.length-1; i=i+2) {//loop thought txt of lines var id = list[i+1][0] var sw var str var dash var opac var fill //to add attribute, add variable here if(id==1){ sw = 0.1 str = 'black' dash = '1 0' opac = 1 fill = 'none' //to add attribute, add value here, and on all of the text number } if(id==2){ sw = 0.3 str = 'black' dash = '1 0' opac = 1 fill = 'none' } if(id==3){ sw = 0.6 str = 'black' dash = '1 0' opac = 1 fill = 'none' } if(id==4){ sw = 1 str = 'black' dash = '1 0' opac = 1 fill = 'none' } if(id==5){ sw = 0.07 str = 'gray' dash = '1 0' opac = 1 fill = 'none' } if(id==6){ sw = 0.4 str = 'black' dash = '4 4' opac = 1 fill = 'none' } if(id==7){ sw = 0.1 str = 'black' dash = '1 0' opac = 1 fill = 'black' } if(id==8){ sw = 0 str = 'none' dash = '1 0' opac = 1 fill = 'white' } cleanLines.push({pts:list[i],id:id,sw:sw,str:str,dash:dash,opac:opac,fill:fill})//to add more data, make new field, like pts, id, Zone, etc, and set the variable you created above equal to it } return cleanLines } return svg.node(); }3b:[{"id":"a1f7540f25330d7a30f41edcd59d37829fad4a0ed1b7d28743a6297dc652b2b123fde4c0c04ab179b22ba1f71916282e50af2e90e0366114e93d5960f382125f","href":"https://static.observableusercontent.com/files/a1f7540f25330d7a30f41edcd59d37829fad4a0ed1b7d28743a6297dc652b2b123fde4c0c04ab179b22ba1f71916282e50af2e90e0366114e93d5960f382125f","name":"popupbottombut.txt","type":"text/plain","lastModified":1738854427407.483,"size":142},{"id":"c509a80cd713c3ad09c0d84229630d9e62182ebb168e5ec0c24db3a3087f23d3a9d85bccb6c3e72b84ac973e8d041c1d145659c9b3d9d0a6a7836b2874a09762","href":"https://static.observableusercontent.com/files/c509a80cd713c3ad09c0d84229630d9e62182ebb168e5ec0c24db3a3087f23d3a9d85bccb6c3e72b84ac973e8d041c1d145659c9b3d9d0a6a7836b2874a09762","name":"station stops box2.txt","type":"text/plain","lastModified":1738855023750.273,"size":142},{"id":"c8a2928b95c9d0e647b90732c2dbab8f8e7f444db179457904397d2a4a2b46fe55e0785fc08639189fe482183a51330caf1325b88da55a48f984c0e7a8f28648","href":"https://static.observableusercontent.com/files/c8a2928b95c9d0e647b90732c2dbab8f8e7f444db179457904397d2a4a2b46fe55e0785fc08639189fe482183a51330caf1325b88da55a48f984c0e7a8f28648","name":"bottombuthatch.txt","type":"text/plain","lastModified":1738855272164.702,"size":396},{"id":"7465241b7137ecad442b8354e324201ad73df8bb7ebf52fe662947f8d31a91fa33efb79a797192ca876db2d134c350930dcd41f07ccaac1b60441e1979779acf","href":"https://static.observableusercontent.com/files/7465241b7137ecad442b8354e324201ad73df8bb7ebf52fe662947f8d31a91fa33efb79a797192ca876db2d134c350930dcd41f07ccaac1b60441e1979779acf","name":"ebrickwhite.txt","type":"text/plain","lastModified":1739388113474.934,"size":534},{"id":"12bf86de5463669d106890ab5fe06e1dc01de8083aab8eb65e3212b4230275b04aee2851088249f244726154f9f6596640fa56bd4475386beb9aafb38b812961","href":"https://static.observableusercontent.com/files/12bf86de5463669d106890ab5fe06e1dc01de8083aab8eb65e3212b4230275b04aee2851088249f244726154f9f6596640fa56bd4475386beb9aafb38b812961","name":"ebrickhatch.txt","type":"text/plain","lastModified":1739388113476.418,"size":814},{"id":"102a19bea51292106bedcffa473a701c7bdee612e9bd9620879b6e78973f65757d8c535c8f39f6798301a4f18fdda8307ff76d945e9a0f4dbbb0611068fd1cf6","href":"https://static.observableusercontent.com/files/102a19bea51292106bedcffa473a701c7bdee612e9bd9620879b6e78973f65757d8c535c8f39f6798301a4f18fdda8307ff76d945e9a0f4dbbb0611068fd1cf6","name":"sbeamhatch.txt","type":"text/plain","lastModified":1739388252411.494,"size":9312},{"id":"0b58b3d4949c05013934fcdfadfe9295d6dbbbba31fa67d79e65d8f4ecc708a79a6b064ebb544c6c74dd3a515e4309d20ea82c20dc1d1a9b173777c3632db067","href":"https://static.observableusercontent.com/files/0b58b3d4949c05013934fcdfadfe9295d6dbbbba31fa67d79e65d8f4ecc708a79a6b064ebb544c6c74dd3a515e4309d20ea82c20dc1d1a9b173777c3632db067","name":"sbeamwhite.txt","type":"text/plain","lastModified":1739388252431.769,"size":3766},{"id":"e5919b3abee38ba143d65eec97697c4e00d2975dcc21ae4361a231d8afca668550d54701d7c0a5a8091e0dc316b04ae8fbd181289c5d0391a78108f0d50f2de4","href":"https://static.observableusercontent.com/files/e5919b3abee38ba143d65eec97697c4e00d2975dcc21ae4361a231d8afca668550d54701d7c0a5a8091e0dc316b04ae8fbd181289c5d0391a78108f0d50f2de4","name":"scolumnhatch.txt","type":"text/plain","lastModified":1739388366379.713,"size":17140},{"id":"90fc2e4b7117d7d425a760300bd98f48c338df62565fca181893da26438bad5be5c8935d36a9a2ab7ff74e330dfd987f790cf8f837be0b6ea6d9775adbdc074c","href":"https://static.observableusercontent.com/files/90fc2e4b7117d7d425a760300bd98f48c338df62565fca181893da26438bad5be5c8935d36a9a2ab7ff74e330dfd987f790cf8f837be0b6ea6d9775adbdc074c","name":"foundationhatch.txt","type":"text/plain","lastModified":1739388412466.053,"size":198},{"id":"7f86ce615777772b9c7dc15c90226a8101a3583d575e4e6e45c2a15e3e1ecd3173a1058c329b1ce2d89da4577558797d5a16d1c6120031cff7d1b5ca34775045","href":"https://static.observableusercontent.com/files/7f86ce615777772b9c7dc15c90226a8101a3583d575e4e6e45c2a15e3e1ecd3173a1058c329b1ce2d89da4577558797d5a16d1c6120031cff7d1b5ca34775045","name":"sankey - energy.csv (6) (1).csv","type":"text/csv","lastModified":1740430241279.904,"size":1428},{"id":"fd1860a6a2b7399d0da285b00620126d663656d10b3d35d2ef255b99f0c1d1bd41fb471036c13bbe60c0abbcb2fbc0397a0090608fcefab25cc633d053a65f09","href":"https://static.observableusercontent.com/files/fd1860a6a2b7399d0da285b00620126d663656d10b3d35d2ef255b99f0c1d1bd41fb471036c13bbe60c0abbcb2fbc0397a0090608fcefab25cc633d053a65f09","name":"testing border.txt","type":"text/plain","lastModified":1738256231118.637,"size":710},{"id":"e6317b1c79b43e9000bd62a9093a149f1f3f89f27381033856f64210dbcceed48667448fefdc284c2a8169e1f4251e62d3a953cc060a1c9228594b78ebd8de81","href":"https://static.observableusercontent.com/files/e6317b1c79b43e9000bd62a9093a149f1f3f89f27381033856f64210dbcceed48667448fefdc284c2a8169e1f4251e62d3a953cc060a1c9228594b78ebd8de81","name":"border hatch.txt","type":"text/plain","lastModified":1738256341992.471,"size":990},{"id":"8fdaf0349f76ff67a4eee84fd9ea3ef90e3cfa37c3119c1f807be839ea8e8a4e8783fd92219f86e738d3753ecc2c616cd23e69c51c3ca750e867cb68bb462b92","href":"https://static.observableusercontent.com/files/8fdaf0349f76ff67a4eee84fd9ea3ef90e3cfa37c3119c1f807be839ea8e8a4e8783fd92219f86e738d3753ecc2c616cd23e69c51c3ca750e867cb68bb462b92","name":"boxed.geojson","type":"application/geo+json","lastModified":1737428186581.218,"size":494},{"id":"70dfa292b39811693ce02017bdf6847bd8460cc3925b9586e82b079665c8b3755489ec6e22287251de4b59752dc4243302869f85e92925597c8d4b420c6dfcfa","href":"https://static.observableusercontent.com/files/70dfa292b39811693ce02017bdf6847bd8460cc3925b9586e82b079665c8b3755489ec6e22287251de4b59752dc4243302869f85e92925597c8d4b420c6dfcfa","name":"greenpoint roads.geojson","type":"application/geo+json","lastModified":1737428241421.458,"size":1018551},{"id":"5a5a5819fe020ddabe0a4cc952bf7c33c903094b02394aaef6cd366424f7d127a255876101b2b689aaac11090372a74f1bd43b94f81488c04894eaeccb817193","href":"https://static.observableusercontent.com/files/5a5a5819fe020ddabe0a4cc952bf7c33c903094b02394aaef6cd366424f7d127a255876101b2b689aaac11090372a74f1bd43b94f81488c04894eaeccb817193","name":"subway lines.geojson","type":"application/geo+json","lastModified":1737428552728.378,"size":5825},{"id":"03b3bc080a688c4c104221f26e3de69e79a57f1fae18245a88b2daec9ab5c959e2161d6864086c255eb5d106f1fa23fa7d67ecd6f68ce4871f9d185451986441","href":"https://static.observableusercontent.com/files/03b3bc080a688c4c104221f26e3de69e79a57f1fae18245a88b2daec9ab5c959e2161d6864086c255eb5d106f1fa23fa7d67ecd6f68ce4871f9d185451986441","name":"bus stop shelters.geojson","type":"application/geo+json","lastModified":1737428814991.274,"size":5341},{"id":"d4c9cc42b11777df5aa3f86224f935c3411bde2fe69c4c124cb17b20d9e00d69a49bf0386ae4acba8238dfe900369965b7cf8b4d8d4a6f5c8648c3237d1011d5","href":"https://static.observableusercontent.com/files/d4c9cc42b11777df5aa3f86224f935c3411bde2fe69c4c124cb17b20d9e00d69a49bf0386ae4acba8238dfe900369965b7cf8b4d8d4a6f5c8648c3237d1011d5","name":"subway stations.geojson","type":"application/geo+json","lastModified":1737428897862.714,"size":1149},{"id":"6821f15337e5722f12d029cbcf295e7f5fd2d6d33891cf0b58e0bb9925debb6d6bc329503ba7524a4401ba271949d225fee5f1e6279db6773763a583ba703d59","href":"https://static.observableusercontent.com/files/6821f15337e5722f12d029cbcf295e7f5fd2d6d33891cf0b58e0bb9925debb6d6bc329503ba7524a4401ba271949d225fee5f1e6279db6773763a583ba703d59","name":"buildings.geojson","type":"application/geo+json","lastModified":1737433529390.467,"size":5589288},{"id":"39753637f95c0a3ff0fab36b6d6383b4a0950e75c182acdf87631fb158374df27b71cf767442f816a5a0d295bed2cba111ff804c98ed2708eae30122046b983a","href":"https://static.observableusercontent.com/files/39753637f95c0a3ff0fab36b6d6383b4a0950e75c182acdf87631fb158374df27b71cf767442f816a5a0d295bed2cba111ff804c98ed2708eae30122046b983a","name":"RESIDENTIAL.txt","type":"text/plain","lastModified":1737475891431.205,"size":27471},{"id":"cd588b844954471f61734e970a29880e1bcf009a4be867d015f13641c057eab4f4a140f746a61df61f927007d6553c6635a288181ffee3976db360e933b16fe6","href":"https://static.observableusercontent.com/files/cd588b844954471f61734e970a29880e1bcf009a4be867d015f13641c057eab4f4a140f746a61df61f927007d6553c6635a288181ffee3976db360e933b16fe6","name":"C3.geojson","type":"application/geo+json","lastModified":1737505374361.369,"size":14402803},{"id":"acb080d531ad33b91d99bb4f37b6376d1e1e19843a4c63c41bffa3d832c68ee7951160d62f0ccee2b6ba87c72b4f8d4904dd9a766d746109b51d468d3e55da42","href":"https://static.observableusercontent.com/files/acb080d531ad33b91d99bb4f37b6376d1e1e19843a4c63c41bffa3d832c68ee7951160d62f0ccee2b6ba87c72b4f8d4904dd9a766d746109b51d468d3e55da42","name":"R10A-R6A.geojson","type":"application/geo+json","lastModified":1737505430302.127,"size":14402809},{"id":"9d09be35dc69d037344228d66e8bdfa6cf49dafc469cce70a66ed76b7fdcde5e346947cef6ce17a0ee59c2c7af35e9225ade57571eac4b820efdfd8411ebd8e2","href":"https://static.observableusercontent.com/files/9d09be35dc69d037344228d66e8bdfa6cf49dafc469cce70a66ed76b7fdcde5e346947cef6ce17a0ee59c2c7af35e9225ade57571eac4b820efdfd8411ebd8e2","name":"m1zones.geojson","type":"application/geo+json","lastModified":1737509854373.499,"size":446961},{"id":"0cbf85d66b6e3651b4fa67e9eaf371a8b7f6343af45948ab8c3b839f188d61d0255ce7ce7f3ea27ddec7edaf9ad24f21e5a617dc320b80b71f212c6be380d101","href":"https://static.observableusercontent.com/files/0cbf85d66b6e3651b4fa67e9eaf371a8b7f6343af45948ab8c3b839f188d61d0255ce7ce7f3ea27ddec7edaf9ad24f21e5a617dc320b80b71f212c6be380d101","name":"m3.geojson","type":"application/geo+json","lastModified":1737563646600.843,"size":176753},{"id":"76f6f40cf22bcdff5053c82d745f6fd47bedcd52d5d937854bf36e733545e714be39731c9aff30417c993081a7b7e0a4cc7832588a4a82a6233d895b6db8ea29","href":"https://static.observableusercontent.com/files/76f6f40cf22bcdff5053c82d745f6fd47bedcd52d5d937854bf36e733545e714be39731c9aff30417c993081a7b7e0a4cc7832588a4a82a6233d895b6db8ea29","name":"m2.geojson","type":"application/geo+json","lastModified":1737564210494.531,"size":7402},{"id":"071ce48b49bb194120d81a362643a5fe62eb6de5f241aaf3b3f9968417e4789f9be2d17812a41aefac3db42a74ef36f69c12648504fab1319db73499d09e36ac","href":"https://static.observableusercontent.com/files/071ce48b49bb194120d81a362643a5fe62eb6de5f241aaf3b3f9968417e4789f9be2d17812a41aefac3db42a74ef36f69c12648504fab1319db73499d09e36ac","name":"testhatch.txt","type":"text/plain","lastModified":1740600380416.897,"size":254},{"id":"f1e835af81763695d66a84ac81729270f3175af966ebecf4e0e73505288d5bc9de978db5924e3f5ef7b4375617496829251cf016566fa27a851e1988b06891e8","href":"https://static.observableusercontent.com/files/f1e835af81763695d66a84ac81729270f3175af966ebecf4e0e73505288d5bc9de978db5924e3f5ef7b4375617496829251cf016566fa27a851e1988b06891e8","name":"m12.geojson","type":"application/geo+json","lastModified":1737598395763.517,"size":354122},{"id":"80436907e25eff30855beb31ddb080f89aac71464404302c7c1be6d08b9582f62caf6c0daaf187478d357f5952c2319ab411e745b1b55c7c5c78c3417cb18317","href":"https://static.observableusercontent.com/files/80436907e25eff30855beb31ddb080f89aac71464404302c7c1be6d08b9582f62caf6c0daaf187478d357f5952c2319ab411e745b1b55c7c5c78c3417cb18317","name":"potential sites.txt","type":"text/plain","lastModified":1737602463169.884,"size":4808},{"id":"e3e785db46e2143cb5049cc4a69dff5e25fb6eefdb7a9a0461ce983396c8e2bd75b9772123a707be67dc048223c396bb534b45d18acb55c6aa625b35d7bc71d0","href":"https://static.observableusercontent.com/files/e3e785db46e2143cb5049cc4a69dff5e25fb6eefdb7a9a0461ce983396c8e2bd75b9772123a707be67dc048223c396bb534b45d18acb55c6aa625b35d7bc71d0","name":"potsite1.txt","type":"text/plain","lastModified":1737603638687.657,"size":870},{"id":"4e59fa5fc635a088d7ad7c17d2970030a0eb74e56f8b5f0ad125ec060ef2572e7c390ece8a3d3ec72e50c9352426353358c5b25b8910a1c09059960184dc48ba","href":"https://static.observableusercontent.com/files/4e59fa5fc635a088d7ad7c17d2970030a0eb74e56f8b5f0ad125ec060ef2572e7c390ece8a3d3ec72e50c9352426353358c5b25b8910a1c09059960184dc48ba","name":"R8.geojson","type":"application/geo+json","lastModified":1739202478388.69,"size":3707},{"id":"fca0937427300da0e9bf21f9f623c4a318fb6c3fd1c7700e5b17b31b99fb47985ae4572b076a0ff417244f7cd8aea6ec8236a6f0e61be5857447af978f25eb2e","href":"https://static.observableusercontent.com/files/fca0937427300da0e9bf21f9f623c4a318fb6c3fd1c7700e5b17b31b99fb47985ae4572b076a0ff417244f7cd8aea6ec8236a6f0e61be5857447af978f25eb2e","name":"R6.geojson","type":"application/geo+json","lastModified":1739202478391.85,"size":23903},{"id":"806c87b63b294e4198cdde6fd9f6d1e90a4d58980dbf9673aaabd54bf6bfda700943e5facc2eecda4cae0a4c5c34ba23dc00fb04c98eac3727003ba8a8cbe194","href":"https://static.observableusercontent.com/files/806c87b63b294e4198cdde6fd9f6d1e90a4d58980dbf9673aaabd54bf6bfda700943e5facc2eecda4cae0a4c5c34ba23dc00fb04c98eac3727003ba8a8cbe194","name":"R7.geojson","type":"application/geo+json","lastModified":1739202478397.656,"size":5070},{"id":"b59a0fa9e7fcf2ca6ec38f673edeaf9964c1573bafa17c3329a33e9506ce2f603c558563834c4fc570a41977347d2c2656f652dc9e236acda67821682c665f41","href":"https://static.observableusercontent.com/files/b59a0fa9e7fcf2ca6ec38f673edeaf9964c1573bafa17c3329a33e9506ce2f603c558563834c4fc570a41977347d2c2656f652dc9e236acda67821682c665f41","name":"R10.geojson","type":"application/geo+json","lastModified":1739202478424.956,"size":5448},{"id":"0562c697221904e60a6898e711c9ab640ae921389d4abfbd044cd12ea08a57da467533e6acf542ebc8ba400f6eb75b09eb6fe6e661093c10272ab74043231742","href":"https://static.observableusercontent.com/files/0562c697221904e60a6898e711c9ab640ae921389d4abfbd044cd12ea08a57da467533e6acf542ebc8ba400f6eb75b09eb6fe6e661093c10272ab74043231742","name":"warehousesite.txt","type":"text/plain","lastModified":1739203888248.263,"size":134},{"id":"3a042281802031a8f854c9dceb9d8e96edef446758cc30d2d0390b2531d1b8a2b1756cce3122358e2280ec81d08000bb08639d93ed2ca69442ec97fe3149d635","href":"https://static.observableusercontent.com/files/3a042281802031a8f854c9dceb9d8e96edef446758cc30d2d0390b2531d1b8a2b1756cce3122358e2280ec81d08000bb08639d93ed2ca69442ec97fe3149d635","name":"idtest1.txt","type":"text/plain","lastModified":1737671207068.393,"size":157},{"id":"8b4d5a3fac305558e232e9b27c5f1ebde55c937f0eebc59830dc413a7ca8a6b5cb97f6e555e5338a77cf7a733b0206b30d1d1c3c1a17ee6740b31e780044d91d","href":"https://static.observableusercontent.com/files/8b4d5a3fac305558e232e9b27c5f1ebde55c937f0eebc59830dc413a7ca8a6b5cb97f6e555e5338a77cf7a733b0206b30d1d1c3c1a17ee6740b31e780044d91d","name":"newexistingbuilding.txt","type":"text/plain","lastModified":1740628174295.113,"size":273132},{"id":"76839598dcc18e58556081071104545887bc3e60f68aede5f1390237902179421e555ca013208687a28a42ac323b01902cd18bb4c7774a62545d307b162eec17","href":"https://static.observableusercontent.com/files/76839598dcc18e58556081071104545887bc3e60f68aede5f1390237902179421e555ca013208687a28a42ac323b01902cd18bb4c7774a62545d307b162eec17","name":"finalfinalphase1.txt","type":"text/plain","lastModified":1740629027469.59,"size":1817134},{"id":"c7a31163efe2ddc1616f604abc542e91c4728f06e350da06158ff2e81f00cfe19e4badb43f2f140869922776281a40c4b49d63e2d06906774d8f60d41d10d7a7","href":"https://static.observableusercontent.com/files/c7a31163efe2ddc1616f604abc542e91c4728f06e350da06158ff2e81f00cfe19e4badb43f2f140869922776281a40c4b49d63e2d06906774d8f60d41d10d7a7","name":"phase2@1.txt","type":"text/plain","lastModified":1740629938065.941,"size":737742},{"id":"d2db420466b05c9e5ea2ee94f092cc44b0c40d9142aa880aa982cab567ad589b77ef6bd3b071fcbc699d7dce40ab5b4bf44d81ee221e97f0f46c5a89c64669e5","href":"https://static.observableusercontent.com/files/d2db420466b05c9e5ea2ee94f092cc44b0c40d9142aa880aa982cab567ad589b77ef6bd3b071fcbc699d7dce40ab5b4bf44d81ee221e97f0f46c5a89c64669e5","name":"phase4.txt","type":"text/plain","lastModified":1740631005358.708,"size":1375761},{"id":"53d6f09fce750e9900fa3b3fcdd30c10db6f967b4b243db430280186bc4d88dd0721f64f349710057ed31469c589cf931f6b7fc14af63da272f5d3bd2eb08c48","href":"https://static.observableusercontent.com/files/53d6f09fce750e9900fa3b3fcdd30c10db6f967b4b243db430280186bc4d88dd0721f64f349710057ed31469c589cf931f6b7fc14af63da272f5d3bd2eb08c48","name":"phase5.txt","type":"text/plain","lastModified":1740631972732.206,"size":1000723},{"id":"66da3c5e99b4de6bb74e3d216a4ece2de6fc86251e9261fd4fa32fb06b9f1525a9483e7bf912aeec4ce9841a0a9e10a260f7ab4b1d8b94634a3ff050c5f1f427","href":"https://static.observableusercontent.com/files/66da3c5e99b4de6bb74e3d216a4ece2de6fc86251e9261fd4fa32fb06b9f1525a9483e7bf912aeec4ce9841a0a9e10a260f7ab4b1d8b94634a3ff050c5f1f427","name":"phase6.txt","type":"text/plain","lastModified":1740632312417.72,"size":919289},{"id":"acbe6fbda0870b34fd319a33c1fa109b65f87d0b9f9150e3dc862200927fd43d7aca1b2fadc74be2702b1b76c0d45d1d7e5ca7dcfd86da4106ab309c9598c7b9","href":"https://static.observableusercontent.com/files/acbe6fbda0870b34fd319a33c1fa109b65f87d0b9f9150e3dc862200927fd43d7aca1b2fadc74be2702b1b76c0d45d1d7e5ca7dcfd86da4106ab309c9598c7b9","name":"phase3@1.txt","type":"text/plain","lastModified":1740632711297.475,"size":3234611},{"id":"c9c10e1c7b3b1beb38881956bf3f311606f5d10d75acd525c6100f8dadef259a34062b441989d67287cd0c336359a8e17f4b94a3de2e328d77eb6a2ef496ad45","href":"https://static.observableusercontent.com/files/c9c10e1c7b3b1beb38881956bf3f311606f5d10d75acd525c6100f8dadef259a34062b441989d67287cd0c336359a8e17f4b94a3de2e328d77eb6a2ef496ad45","name":"phase7.txt","type":"text/plain","lastModified":1740633008493.875,"size":293141},{"id":"a344ac880fd7691a9939e68047ba891aef12f9db12198a8b6acefc37f3e90d945247c5c0eec5b13b6f1da1d44f77f36395c00b2131d61d438928db86ceeacf3f","href":"https://static.observableusercontent.com/files/a344ac880fd7691a9939e68047ba891aef12f9db12198a8b6acefc37f3e90d945247c5c0eec5b13b6f1da1d44f77f36395c00b2131d61d438928db86ceeacf3f","name":"phase8.txt","type":"text/plain","lastModified":1740633369295.521,"size":733693},{"id":"f0ffc55bba9f122813675ce15633fbbe782a8fa80f5ca38c3ef29414b92b5c505a2ccb2d8c2c4cf9043d63f89f5963b315d74f7f159bb6d360e091d96dcdb544","href":"https://static.observableusercontent.com/files/f0ffc55bba9f122813675ce15633fbbe782a8fa80f5ca38c3ef29414b92b5c505a2ccb2d8c2c4cf9043d63f89f5963b315d74f7f159bb6d360e091d96dcdb544","name":"cmu hatch.txt","type":"text/plain","lastModified":1739737181463.451,"size":730},{"id":"a562c13ae5af45112fbaa532953cc5fffb7e9d241211bcb54d9bd53d562410a24d2c4b1b2c7cbdc0b662ee2b7a7f577691411a810448d9476c571515169e7caa","href":"https://static.observableusercontent.com/files/a562c13ae5af45112fbaa532953cc5fffb7e9d241211bcb54d9bd53d562410a24d2c4b1b2c7cbdc0b662ee2b7a7f577691411a810448d9476c571515169e7caa","name":"ibrick hatch.txt","type":"text/plain","lastModified":1739737181564.912,"size":534},{"id":"dcc3c766c31debbd055e722c1fe139203511d9f67ccd4cd30a5d012303206221dc77e7a1d0dedbdeee6adcb7594e7337b7dff27c6ec4212d4d55e6225904bf41","href":"https://static.observableusercontent.com/files/dcc3c766c31debbd055e722c1fe139203511d9f67ccd4cd30a5d012303206221dc77e7a1d0dedbdeee6adcb7594e7337b7dff27c6ec4212d4d55e6225904bf41","name":"component hatch.txt","type":"text/plain","lastModified":1739737181476.598,"size":1072},{"id":"fffd888ca1ae0de457b34a4580ddc4d2169401e053b148fdec7e2804bc8024c47374df7f4c011e8e80ce0b674eb847ff49f9660d13bbf8eaf66d1b733fd01b9b","href":"https://static.observableusercontent.com/files/fffd888ca1ae0de457b34a4580ddc4d2169401e053b148fdec7e2804bc8024c47374df7f4c011e8e80ce0b674eb847ff49f9660d13bbf8eaf66d1b733fd01b9b","name":"outline@2.txt","type":"text/plain","lastModified":1739737181479.92,"size":6918},{"id":"92b59c3af743f942c614eecabadf187c29982b26bc74c6e09f32ef8628222a7e16c92b0d9fff27657828f243e34bf9da3513df300a0d9c4f95ad212b51695327","href":"https://static.observableusercontent.com/files/92b59c3af743f942c614eecabadf187c29982b26bc74c6e09f32ef8628222a7e16c92b0d9fff27657828f243e34bf9da3513df300a0d9c4f95ad212b51695327","name":"ibrick white.txt","type":"text/plain","lastModified":1739737181482.061,"size":1214},{"id":"2a12a7e9f90074c165f457c03d9003d9810d1f70d6b87b2b7f47773b59da474248f092483e3e48651c7601389734437c600f327340848b82e66b89707861b00d","href":"https://static.observableusercontent.com/files/2a12a7e9f90074c165f457c03d9003d9810d1f70d6b87b2b7f47773b59da474248f092483e3e48651c7601389734437c600f327340848b82e66b89707861b00d","name":"glass hatch.txt","type":"text/plain","lastModified":1739737181496.909,"size":622},{"id":"4fd6c163affa9461ba08e7a2d7dc53d42547bfa524228b51991b4dbca27d58a2cef087effced822b07581f037ab788e52ce14bf9313e990123442ca942404ed3","href":"https://static.observableusercontent.com/files/4fd6c163affa9461ba08e7a2d7dc53d42547bfa524228b51991b4dbca27d58a2cef087effced822b07581f037ab788e52ce14bf9313e990123442ca942404ed3","name":"concrete roof.txt","type":"text/plain","lastModified":1739737181514.442,"size":540},{"id":"f080f5cc273bf135336969db3a210236395526abb3cc0a84f09429c4430e18dfa5444a7a875abfc2a94d767a4b4c8cca4303f3c2b05415ba782dd92ecab6aeec","href":"https://static.observableusercontent.com/files/f080f5cc273bf135336969db3a210236395526abb3cc0a84f09429c4430e18dfa5444a7a875abfc2a94d767a4b4c8cca4303f3c2b05415ba782dd92ecab6aeec","name":"roof hatch.txt","type":"text/plain","lastModified":1739737181565.707,"size":310},{"id":"eac60424be1344e32f93f4b80baa5b0c13091ef0490d6ae05ee6d92c1a7535cc0fae5c089df3a52fd0a4642b4e3efb19c169226e3405fa5e612d4a81d0714c7e","href":"https://static.observableusercontent.com/files/eac60424be1344e32f93f4b80baa5b0c13091ef0490d6ae05ee6d92c1a7535cc0fae5c089df3a52fd0a4642b4e3efb19c169226e3405fa5e612d4a81d0714c7e","name":"steel components.txt","type":"text/plain","lastModified":1739737181690.344,"size":241162},{"id":"49faf924dc05794db319cdb81c4ca9b4b914dd830fa3598706a3f5083a3c413336857096db17c31f56cc5c984c18ac7355da2d37ff01cb6f0e110c0473f01dcd","href":"https://static.observableusercontent.com/files/49faf924dc05794db319cdb81c4ca9b4b914dd830fa3598706a3f5083a3c413336857096db17c31f56cc5c984c18ac7355da2d37ff01cb6f0e110c0473f01dcd","name":"cmu white.txt","type":"text/plain","lastModified":1739737181520.851,"size":1046},{"id":"013930e67d829496cf7997408c210d162f6d1c68b292f6b8d4a1b0df2f2d24841455b891f9080d291565f35790ac7dfbb95aeea2b6adbddbd315b2e816d35262","href":"https://static.observableusercontent.com/files/013930e67d829496cf7997408c210d162f6d1c68b292f6b8d4a1b0df2f2d24841455b891f9080d291565f35790ac7dfbb95aeea2b6adbddbd315b2e816d35262","name":"hatch1.txt","type":"text/plain","lastModified":1740635325551.793,"size":246},{"id":"4fe4d9c2c859fabfe4b1b2f92ecd5e6b4c9642b3114fa3f6a4d8c190a7a08b17281d94caa2782c4c8ed0db3880c779fbd47cf393b98576d8f71b8725bd33fe98","href":"https://static.observableusercontent.com/files/4fe4d9c2c859fabfe4b1b2f92ecd5e6b4c9642b3114fa3f6a4d8c190a7a08b17281d94caa2782c4c8ed0db3880c779fbd47cf393b98576d8f71b8725bd33fe98","name":"glass@1.txt","type":"text/plain","lastModified":1739737181646.988,"size":128992},{"id":"df2db658ab0ac2bd3202a0852cfd18e13b2c367caad4f417ab6eddbcbc45542fb57133e20f2a2bf2e9e84f99b10c44346ba8c441e8ef03b283b3f65c60bb06e5","href":"https://static.observableusercontent.com/files/df2db658ab0ac2bd3202a0852cfd18e13b2c367caad4f417ab6eddbcbc45542fb57133e20f2a2bf2e9e84f99b10c44346ba8c441e8ef03b283b3f65c60bb06e5","name":"hatch2.txt","type":"text/plain","lastModified":1740635331181.225,"size":282},{"id":"e93c5e93e4b4db39fbc5c770ad3ccdcd35295cb6e40719d323b87c25c2b65693cf02881ac43b383069d94a3becdc49683019f9fbff4ab91d65dcabb2ca3a1a28","href":"https://static.observableusercontent.com/files/e93c5e93e4b4db39fbc5c770ad3ccdcd35295cb6e40719d323b87c25c2b65693cf02881ac43b383069d94a3becdc49683019f9fbff4ab91d65dcabb2ca3a1a28","name":"cmu@1.txt","type":"text/plain","lastModified":1739737181911.22,"size":1606738},{"id":"82cd5137cafaa16082515bfd014cad716182bd99c7de436eb20c4b2ee80fd160bfad574c727736ae75e0ab2f29e92d229fd208b55051fd6ff595dd2db4c64109","href":"https://static.observableusercontent.com/files/82cd5137cafaa16082515bfd014cad716182bd99c7de436eb20c4b2ee80fd160bfad574c727736ae75e0ab2f29e92d229fd208b55051fd6ff595dd2db4c64109","name":"interior bricks@1.txt","type":"text/plain","lastModified":1739737182143.546,"size":4303814},{"id":"f493561e8dad28f5d2cd4e13d03e3e8961c2ebfcd34a952443d2b76c133ca4e04f2fe7f52feffccef8ee2f045077e29f2da7a87aaccd2e36557e2754c6274139","href":"https://static.observableusercontent.com/files/f493561e8dad28f5d2cd4e13d03e3e8961c2ebfcd34a952443d2b76c133ca4e04f2fe7f52feffccef8ee2f045077e29f2da7a87aaccd2e36557e2754c6274139","name":"hatch3.txt","type":"text/plain","lastModified":1740635339186.394,"size":84086},{"id":"6b723feef78050e531cb8c4189bb15fcb6375f296e80abc6bed2a721ea27fc0f2ff84cd3a0c6ed8b7856817f9157ee894d46cee79049c18137db5a105cb3f9e0","href":"https://static.observableusercontent.com/files/6b723feef78050e531cb8c4189bb15fcb6375f296e80abc6bed2a721ea27fc0f2ff84cd3a0c6ed8b7856817f9157ee894d46cee79049c18137db5a105cb3f9e0","name":"overall@5.txt","type":"text/plain","lastModified":1739737181932.277,"size":1416430},{"id":"447523d15e1e9bf8c0c98532c27ce0cca0f3df1a1492ee9c0bccf24c67418581bed7f13a92374afa6d79de4dca1da84e91f8aeb071a558e46ca2a4dde2961b9b","href":"https://static.observableusercontent.com/files/447523d15e1e9bf8c0c98532c27ce0cca0f3df1a1492ee9c0bccf24c67418581bed7f13a92374afa6d79de4dca1da84e91f8aeb071a558e46ca2a4dde2961b9b","name":"hatch4.txt","type":"text/plain","lastModified":1740635353249.622,"size":6582},{"id":"3f81e2fb49db137fa65d146bfdf3942fe41b525a0ee919010198bf194ad91ee727f73504b98c9b2c8e73d727e55f64314c1805f4c62ffb8aa5a448ed905b9fa7","href":"https://static.observableusercontent.com/files/3f81e2fb49db137fa65d146bfdf3942fe41b525a0ee919010198bf194ad91ee727f73504b98c9b2c8e73d727e55f64314c1805f4c62ffb8aa5a448ed905b9fa7","name":"hatch5.txt","type":"text/plain","lastModified":1740635376508.097,"size":8990},{"id":"1d595f0862db144852d2937ca65ec3a9131e98820d63225e120cc3d9da9fe868d6ae5db41d41a4d3b4b138e9f21cc1ef0bf44695afd39e2ee152dfc6e4fc8e0a","href":"https://static.observableusercontent.com/files/1d595f0862db144852d2937ca65ec3a9131e98820d63225e120cc3d9da9fe868d6ae5db41d41a4d3b4b138e9f21cc1ef0bf44695afd39e2ee152dfc6e4fc8e0a","name":"hatch6.txt","type":"text/plain","lastModified":1740636373223.67,"size":2307918},{"id":"fd45359cb4a7608f82a86eb0abc62d37f1b1052bac147b9d80fd5e0ff621ee964cb5bfce035eff466a282ba5a74733d4216c598d219eebfe61ced73cc015e214","href":"https://static.observableusercontent.com/files/fd45359cb4a7608f82a86eb0abc62d37f1b1052bac147b9d80fd5e0ff621ee964cb5bfce035eff466a282ba5a74733d4216c598d219eebfe61ced73cc015e214","name":"hatch7.txt","type":"text/plain","lastModified":1740636388444.647,"size":422},{"id":"d66b62ac898586abd3273faa8097475fcfbe525e2d7dc8d60e0dfdb3a675ffa18246a2311edf7c54e5f2b22c460ba67631244241e84647e114af26c43561b1f1","href":"https://static.observableusercontent.com/files/d66b62ac898586abd3273faa8097475fcfbe525e2d7dc8d60e0dfdb3a675ffa18246a2311edf7c54e5f2b22c460ba67631244241e84647e114af26c43561b1f1","name":"hatch8.txt","type":"text/plain","lastModified":1740636392717.254,"size":310},{"id":"5278c8233ba62f0a2b91f9d8c392f5553b4ef332201ce104bcbb34476cac7a31959f36544933ea775af96170c94f4c11f2ff6ed319580d7710243cb1dad102ea","href":"https://static.observableusercontent.com/files/5278c8233ba62f0a2b91f9d8c392f5553b4ef332201ce104bcbb34476cac7a31959f36544933ea775af96170c94f4c11f2ff6ed319580d7710243cb1dad102ea","name":"hatch9.txt","type":"text/plain","lastModified":1740636397665.073,"size":450},{"id":"5de47bcd54ee94ae29f9b0a49f71429f4090de3399f7de6718acb29bf72ad29e06ff4270fe2b96d886d2d1473ea991c488be3536c5215b00cc08bf35d21daffe","href":"https://static.observableusercontent.com/files/5de47bcd54ee94ae29f9b0a49f71429f4090de3399f7de6718acb29bf72ad29e06ff4270fe2b96d886d2d1473ea991c488be3536c5215b00cc08bf35d21daffe","name":"hatch9w.txt","type":"text/plain","lastModified":1740636402392.279,"size":2752},{"id":"fcc76c35d27bffe316350859c2a9998118a04e3438d9b38f9745e72fa3045a998c5f2c5a1a5134d5fb588ee2bb7b5861a21c9e64a470c80d851a40f5508d9562","href":"https://static.observableusercontent.com/files/fcc76c35d27bffe316350859c2a9998118a04e3438d9b38f9745e72fa3045a998c5f2c5a1a5134d5fb588ee2bb7b5861a21c9e64a470c80d851a40f5508d9562","name":"hatch10.txt","type":"text/plain","lastModified":1740636407358.145,"size":198},{"id":"b5836259dff63ad8896292274ae4cfd2d14d43b7842186c041fb7e0f8d70d20325dc828ff470fdb14963cbdcd535d06775cdf507ed3063ba01d85e559676036f","href":"https://static.observableusercontent.com/files/b5836259dff63ad8896292274ae4cfd2d14d43b7842186c041fb7e0f8d70d20325dc828ff470fdb14963cbdcd535d06775cdf507ed3063ba01d85e559676036f","name":"hatch11.txt","type":"text/plain","lastModified":1740636411539.997,"size":9450},{"id":"e92f66bb3fe54a49372c89c52cd592da09897b80000ba987b284c346363b7385c5334b1ce988152b72055993df59ca423ea673aff7c553e1a8d3e0101aec3f9a","href":"https://static.observableusercontent.com/files/e92f66bb3fe54a49372c89c52cd592da09897b80000ba987b284c346363b7385c5334b1ce988152b72055993df59ca423ea673aff7c553e1a8d3e0101aec3f9a","name":"hatch12.txt","type":"text/plain","lastModified":1740636416020.572,"size":10168},{"id":"48088ca18e6f4e1f0cad7aeff2120a858c69090bd62f4a468ee32df9a93e4c367009d42e8b914e9a50017813af7f3b86fa31dc6a18259bfb9e2a2d2449c9e069","href":"https://static.observableusercontent.com/files/48088ca18e6f4e1f0cad7aeff2120a858c69090bd62f4a468ee32df9a93e4c367009d42e8b914e9a50017813af7f3b86fa31dc6a18259bfb9e2a2d2449c9e069","name":"hatch13.txt","type":"text/plain","lastModified":1740636419628.941,"size":2440},{"id":"b1518c658c46f69018e3d1022f4c00f75e3ed857577f185e3ff663d16a566c2bb825dd0cb777fb5c09f29a9a8c3374c8a760fab53c9fa2c077a0e9e2e68de747","href":"https://static.observableusercontent.com/files/b1518c658c46f69018e3d1022f4c00f75e3ed857577f185e3ff663d16a566c2bb825dd0cb777fb5c09f29a9a8c3374c8a760fab53c9fa2c077a0e9e2e68de747","name":"hatch14.txt","type":"text/plain","lastModified":1740636425436.172,"size":57476},{"id":"d096e11871e4a41bc715ad27468c04be9790fa5a8567b8a996b36c6d560d2ca8d1dc036f439375e772343bc1ad71e6c157710871a30f196b5003c0272a2929ed","href":"https://static.observableusercontent.com/files/d096e11871e4a41bc715ad27468c04be9790fa5a8567b8a996b36c6d560d2ca8d1dc036f439375e772343bc1ad71e6c157710871a30f196b5003c0272a2929ed","name":"hatch15.txt","type":"text/plain","lastModified":1740636429539.611,"size":3056},{"id":"0dd2134e1dfb5f1341f270843e835c88a1ce2af06fe7f1c1012b82804e4261ea4fc2198fde483628369a90e1368b1e7e3b49a6c6f263a13566731c8d89e4f5be","href":"https://static.observableusercontent.com/files/0dd2134e1dfb5f1341f270843e835c88a1ce2af06fe7f1c1012b82804e4261ea4fc2198fde483628369a90e1368b1e7e3b49a6c6f263a13566731c8d89e4f5be","name":"hatch15w.txt","type":"text/plain","lastModified":1740636433759.864,"size":284},{"id":"65a8776f3d74d6a3855bcc8298c54c80d897cf9d1424532b74cafa0c0e63375e8638c3fcffc3183262f242fc42d0818a0ade07ecea7a7360931a3ef71c272341","href":"https://static.observableusercontent.com/files/65a8776f3d74d6a3855bcc8298c54c80d897cf9d1424532b74cafa0c0e63375e8638c3fcffc3183262f242fc42d0818a0ade07ecea7a7360931a3ef71c272341","name":"siteM1conversion.txt","type":"text/plain","lastModified":1737925349877.12,"size":281},{"id":"b409e51ae0e568677c19fc540c462d6c34bfe536659bb37dafdc5738254cd25a8886f0d3cc6d61cda4bfdf3d7bc045439ee3b33e5e4cca4dff1b87070fb58af1","href":"https://static.observableusercontent.com/files/b409e51ae0e568677c19fc540c462d6c34bfe536659bb37dafdc5738254cd25a8886f0d3cc6d61cda4bfdf3d7bc045439ee3b33e5e4cca4dff1b87070fb58af1","name":"sitemissingmiddle.txt","type":"text/plain","lastModified":1737925349918.833,"size":931},{"id":"a4d98865e358f75ca22a15cb2368618f9872595231f55ee3aff2596918460be633e6872a68f384dc518b74f361d805d0cbfb4b4e27b7e67888ed59c4feac4aa6","href":"https://static.observableusercontent.com/files/a4d98865e358f75ca22a15cb2368618f9872595231f55ee3aff2596918460be633e6872a68f384dc518b74f361d805d0cbfb4b4e27b7e67888ed59c4feac4aa6","name":"border1@1.txt","type":"text/plain","lastModified":1737933708050.176,"size":70},{"id":"a86bbcf9f572ec7b8aa5ff6a39089cda0ac339ecace75bd0c2b1d3a753b41717a17f0f8ca9a02e6b6fce0614feeda58de1c20284cc8ceeb772b837d4a83781df","href":"https://static.observableusercontent.com/files/a86bbcf9f572ec7b8aa5ff6a39089cda0ac339ecace75bd0c2b1d3a753b41717a17f0f8ca9a02e6b6fce0614feeda58de1c20284cc8ceeb772b837d4a83781df","name":"commerical4zones.geojson","type":"application/geo+json","lastModified":1737936104735.578,"size":2114},{"id":"cf345735be7b92672fee57d5c81807951afaa019fc0007b73f6127afea4dc6f4e07d435bab4df57356231e932e0f1811f2c9144ad2fb18f1b3c4b2feb5a12657","href":"https://static.observableusercontent.com/files/cf345735be7b92672fee57d5c81807951afaa019fc0007b73f6127afea4dc6f4e07d435bab4df57356231e932e0f1811f2c9144ad2fb18f1b3c4b2feb5a12657","name":"steel beams.txt","type":"text/plain","lastModified":1739294912265.23,"size":65830},{"id":"21399dc27e65009e872bdf153927b76b713a3e6ce02a5dcd553edb3baffb96392b5beabcb63ab1d21d125c3fc9e15137610b8df2123414adbe54ee1edfd85604","href":"https://static.observableusercontent.com/files/21399dc27e65009e872bdf153927b76b713a3e6ce02a5dcd553edb3baffb96392b5beabcb63ab1d21d125c3fc9e15137610b8df2123414adbe54ee1edfd85604","name":"foundation.txt","type":"text/plain","lastModified":1739294912312.524,"size":522},{"id":"231598ebbe086fb96abb13fd3bd8c10dcca15f0810dc478287389bbf0a449123d8f9fdded47c7501b203fc29e09a17e0f56ab4f7cb55cf2808850ab7d030626c","href":"https://static.observableusercontent.com/files/231598ebbe086fb96abb13fd3bd8c10dcca15f0810dc478287389bbf0a449123d8f9fdded47c7501b203fc29e09a17e0f56ab4f7cb55cf2808850ab7d030626c","name":"exterior bricks.txt","type":"text/plain","lastModified":1739294912853.043,"size":3472684},{"id":"ca69a840c5bdac76050559b45548677ca3ffb8dcd0ebfd469aadc73903f9df7d68368ac68e8ff3bada15756cd4ffd5ffc2e1a404900916b0a2f6237f1075838d","href":"https://static.observableusercontent.com/files/ca69a840c5bdac76050559b45548677ca3ffb8dcd0ebfd469aadc73903f9df7d68368ac68e8ff3bada15756cd4ffd5ffc2e1a404900916b0a2f6237f1075838d","name":"steel columns.txt","type":"text/plain","lastModified":1739294912345.397,"size":53998},{"id":"9fd70f4afb05fd84010285e13d4352b7488daeaf58c429328423464ff9f443e30a272a9ea6906db069d6c70ade0885b1e27a97720b19f18ca0eac056978e7a89","href":"https://static.observableusercontent.com/files/9fd70f4afb05fd84010285e13d4352b7488daeaf58c429328423464ff9f443e30a272a9ea6906db069d6c70ade0885b1e27a97720b19f18ca0eac056978e7a89","name":"building material - flare-2.csv (5).csv","type":"text/csv","lastModified":1739813554739.164,"size":289},{"id":"757ba49ee9b6cca12879db961ede01f4bb908f4c1b5257c2a652c0b842e825442e10c70c13c999be1d812f06768a88b79edffd5bdfa67bb8169a2dc734827e3d","href":"https://static.observableusercontent.com/files/757ba49ee9b6cca12879db961ede01f4bb908f4c1b5257c2a652c0b842e825442e10c70c13c999be1d812f06768a88b79edffd5bdfa67bb8169a2dc734827e3d","name":"broof@1.txt","type":"text/plain","lastModified":1739814530123.053,"size":52},{"id":"8f52ccb07f3fd3c6b02e73a7d8b51223dafb0a03c404136cfef5c5bf0c1b1015c1efbd64ca6385b286bef948e6c69da9e8e24552e95893fa2be2894f241e263e","href":"https://static.observableusercontent.com/files/8f52ccb07f3fd3c6b02e73a7d8b51223dafb0a03c404136cfef5c5bf0c1b1015c1efbd64ca6385b286bef948e6c69da9e8e24552e95893fa2be2894f241e263e","name":"bfoundation@2.txt","type":"text/plain","lastModified":1739814542490.621,"size":56},{"id":"51ba18d2524d14b33c801f3bd0c05a5bf3a92bad9c64344670ca520c5b89431ff105cfebd95371331824bde95bea5e54f2490cb5d05439656fd06c371ae2e190","href":"https://static.observableusercontent.com/files/51ba18d2524d14b33c801f3bd0c05a5bf3a92bad9c64344670ca520c5b89431ff105cfebd95371331824bde95bea5e54f2490cb5d05439656fd06c371ae2e190","name":"bebrick@3.txt","type":"text/plain","lastModified":1739814702052.217,"size":62},{"id":"75e3f22f3bb460fa9e6b651c5b951ca36c63056b784f51ad554913e50d760c7ba7cfeba297e9165c920f243473f87856ba49a231488063be5abc4f76e218dce8","href":"https://static.observableusercontent.com/files/75e3f22f3bb460fa9e6b651c5b951ca36c63056b784f51ad554913e50d760c7ba7cfeba297e9165c920f243473f87856ba49a231488063be5abc4f76e218dce8","name":"bibrick@2.txt","type":"text/plain","lastModified":1739814707185.799,"size":62},{"id":"3a362aa1233e410a954e702db62c853c698e7fc9e3bad121ecb8e616c7a6629f154d426cb3367c5222c0dca3c0321721c4eee3b0a80e0bf4f72b09784881c3d9","href":"https://static.observableusercontent.com/files/3a362aa1233e410a954e702db62c853c698e7fc9e3bad121ecb8e616c7a6629f154d426cb3367c5222c0dca3c0321721c4eee3b0a80e0bf4f72b09784881c3d9","name":"bbeams@2.txt","type":"text/plain","lastModified":1739814963703.725,"size":110},{"id":"b00532bc3e785dc123d9f3a4b4655d7dc1f311e9874b3fba7e074aacb705b7d636ea4924df94a9cbe3b35b080c657eb5ac52ab9a8639e4130532393f71a0df68","href":"https://static.observableusercontent.com/files/b00532bc3e785dc123d9f3a4b4655d7dc1f311e9874b3fba7e074aacb705b7d636ea4924df94a9cbe3b35b080c657eb5ac52ab9a8639e4130532393f71a0df68","name":"bcmu@3.txt","type":"text/plain","lastModified":1739814963956.91,"size":92},{"id":"4965e19c0e3d62f1257ea037d0fedb4c9c5585c565899041f072916509a70fb2b4c406b70eaec0def45f84799e23276fd8fdd0a0a95454fb5ca47e7a532ba178","href":"https://static.observableusercontent.com/files/4965e19c0e3d62f1257ea037d0fedb4c9c5585c565899041f072916509a70fb2b4c406b70eaec0def45f84799e23276fd8fdd0a0a95454fb5ca47e7a532ba178","name":"bcomponents.txt","type":"text/plain","lastModified":1739815382991.571,"size":62},{"id":"7220f7bf4bfd5c11b892bf9e15fdf947f38c0ec9440ac160a8d94b3dd784de22e446532ad33721d808fb85cafd84e623646f6a1c993e6a3376b7bb8f55cf5642","href":"https://static.observableusercontent.com/files/7220f7bf4bfd5c11b892bf9e15fdf947f38c0ec9440ac160a8d94b3dd784de22e446532ad33721d808fb85cafd84e623646f6a1c993e6a3376b7bb8f55cf5642","name":"bcolumns@2.txt","type":"text/plain","lastModified":1739815382996.123,"size":110},{"id":"27a4fe1f0c54b9b3a87262c152c4841dc9f3dd2cf7d704d432d6d9ddae98772118009a630e84c5ff3b09f4d951ca97c0a106bfaa8e7e03fc473e141f01952c85","href":"https://static.observableusercontent.com/files/27a4fe1f0c54b9b3a87262c152c4841dc9f3dd2cf7d704d432d6d9ddae98772118009a630e84c5ff3b09f4d951ca97c0a106bfaa8e7e03fc473e141f01952c85","name":"bglass@2.txt","type":"text/plain","lastModified":1739815391279.252,"size":62},{"id":"93da432c53da86ef71b93e4673e2b11511f9c5ad4923162911526e7bb617f69ce0d565c14e1fab7aa19f227a64103edb55fa45f092c2a4ecb37fbc3bcde5d2db","href":"https://static.observableusercontent.com/files/93da432c53da86ef71b93e4673e2b11511f9c5ad4923162911526e7bb617f69ce0d565c14e1fab7aa19f227a64103edb55fa45f092c2a4ecb37fbc3bcde5d2db","name":"3rdbutbox.txt","type":"text/plain","lastModified":1739829981119.252,"size":142},{"id":"f1253205f48e9e7b536b403c46e1f30b389dd69bb3d8cf22dea27de2c09f1b1e777dfa77dbb2961bcc9faa1e28b305df009668d1014628143fb408e240551960","href":"https://static.observableusercontent.com/files/f1253205f48e9e7b536b403c46e1f30b389dd69bb3d8cf22dea27de2c09f1b1e777dfa77dbb2961bcc9faa1e28b305df009668d1014628143fb408e240551960","name":"3rdbuthatch.txt","type":"text/plain","lastModified":1739829981140.082,"size":198},{"id":"07ea042b67cb0b357b4e45008f743b9a3d544fd415149344fc49f336730d095dc5c4feb517d3f1477ca626c49ee23d673c61e9b3b45daad360fe8ae29be66dbc","href":"https://static.observableusercontent.com/files/07ea042b67cb0b357b4e45008f743b9a3d544fd415149344fc49f336730d095dc5c4feb517d3f1477ca626c49ee23d673c61e9b3b45daad360fe8ae29be66dbc","name":"newnewtopbutts.txt","type":"text/plain","lastModified":1744906402022.742,"size":10425},{"id":"b3f5f533b40eab826a2a6ef4a5dbbfeb1373d627c2e8b9248ee99d5a12313769315dde4c07ec49a8a0ccf3ed38fe2b7bb1361007d228b7e48e7efc35e41bec61","href":"https://static.observableusercontent.com/files/b3f5f533b40eab826a2a6ef4a5dbbfeb1373d627c2e8b9248ee99d5a12313769315dde4c07ec49a8a0ccf3ed38fe2b7bb1361007d228b7e48e7efc35e41bec61","name":"newparksite.txt","type":"text/plain","lastModified":1744909423421.882,"size":142},{"id":"1f47a9fada28b4f5c95b9d0d19cad6e0ec7371a47bb3bac7470ad8e28b16f6596f6c9339af1957e2d7a038a75166d55ee8b9be1d28dd77503c634c1c6401ce29","href":"https://static.observableusercontent.com/files/1f47a9fada28b4f5c95b9d0d19cad6e0ec7371a47bb3bac7470ad8e28b16f6596f6c9339af1957e2d7a038a75166d55ee8b9be1d28dd77503c634c1c6401ce29","name":"thirdsite.txt","type":"text/plain","lastModified":1744909658604.97,"size":142},{"id":"5bda8424c4d9c1b613ce814a1dbde1e266bb75b53dd710b9961aa0bc8d2a926852381ff1f7a987bb8ae4cf21aebde718b0e742b7be7ce897154776165e35c559","href":"https://static.observableusercontent.com/files/5bda8424c4d9c1b613ce814a1dbde1e266bb75b53dd710b9961aa0bc8d2a926852381ff1f7a987bb8ae4cf21aebde718b0e742b7be7ce897154776165e35c559","name":"contextsite.txt","type":"text/plain","lastModified":1744909670590.602,"size":198},{"id":"0ffb04a2d9740db8d22da8527732276f8a6f616cb1a1a452505d0c8d5b35210debc6a0c2af1dd513679636ccda5e5a0499eb2ba02e775b97ef86770af2d19bfb","href":"https://static.observableusercontent.com/files/0ffb04a2d9740db8d22da8527732276f8a6f616cb1a1a452505d0c8d5b35210debc6a0c2af1dd513679636ccda5e5a0499eb2ba02e775b97ef86770af2d19bfb","name":"NEW WATER.txt","type":"text/plain","lastModified":1745178913722.237,"size":92247},{"id":"c632b7ee547bd5bcbf486bbda9501ef7008cdf3c9ca831ed4b2fb8cbd8b33fb0daecaee4228d23000dd69714f60432fef405bcd49a2a26ffec283e9db856e929","href":"https://static.observableusercontent.com/files/c632b7ee547bd5bcbf486bbda9501ef7008cdf3c9ca831ed4b2fb8cbd8b33fb0daecaee4228d23000dd69714f60432fef405bcd49a2a26ffec283e9db856e929","name":"NEWPARKS.txt","type":"text/plain","lastModified":1745178919337.297,"size":22215}] 2b:{"id":"af87d8d59c9cbd3e","slug":null,"title":"Annelise & Kapinga's Studio Site Greepoint Brooklyn","thumbnail":"d2c0cd0be1de78330c3fbd3fce42766c7107b3fb29db17f329c1acd2286f00f1","access_level":"public","create_time":"$D2025-01-20T20:37:02.409Z","update_time":"$D2025-04-20T21:01:43.945Z","view_time":null,"first_public_time":"$D2025-02-10T19:18:09.880Z","has_unpublished_edits":null,"fork":{"id":"2a3da8cca3fe3028","slug":null,"title":"NYC Map class example","owner":{"id":"e88d5b4a989c506e","login":"fleeth","name":"Fleet Hower"}},"stars":2,"starred":false,"owner":{"type":"team","id":"0db7c8d181c130e4","login":"howerteaching","name":"hower_teaching","avatar_url":"https://avatars-next.observableusercontent.com/c84680807127542e6943c4528de050d301ffcd4bf3ba76bd86d9acdec0397b29","tier":"education_2026"},"version":4316,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5799f577be8e4821","login":"annelise-eggen","name":"Annelise Eggen","avatar_url":"https://avatars-next.observableusercontent.com/0ac7f499045749e3227e967dadc98360efe3b29a70bec9deba41586004e3b4a9","tier":null}],"members":[{"type":"team","id":"0db7c8d181c130e4","login":"howerteaching","name":"hower_teaching","avatar_url":"https://avatars-next.observableusercontent.com/c84680807127542e6943c4528de050d301ffcd4bf3ba76bd86d9acdec0397b29","tier":"education_2026","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"250ac601b8b23964","slug":"s_25","title":"s_25","owner":{"id":"0db7c8d181c130e4","login":"howerteaching","name":"hower_teaching"}},"type":"notebook","body":{"title":"Annelise & Kapinga's Studio Site Greepoint Brooklyn","cells":[{"id":762,"value":"# Annelise & Kapinga's Studio Site Greepoint Brooklyn","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3806,"value":"newparksite = FileAttachment(\"newparksite.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3820,"value":"thirdsite = FileAttachment(\"thirdsite.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3821,"value":"contextsite = FileAttachment(\"contextsite.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4234,"value":"newWater = FileAttachment(\"NEW WATER.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4235,"value":"newparks = FileAttachment(\"NEWPARKS.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1780,"value":"commerical4zones = FileAttachment(\"commerical4zones.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2435,"value":"r10 = FileAttachment(\"R10.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2436,"value":"r61 = FileAttachment(\"R6.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2437,"value":"r7 = FileAttachment(\"R7.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2438,"value":"r8 = FileAttachment(\"R8.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1539,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2294,"value":"viewof webviews = Inputs.radio([\"Manufacturing\", \"Residential\", \"Commercial\"], {label: \"\", value: \"Manufacturing\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2296,"value":"currrentDash = {\n\nvar currentDashVar = manuView\n\n if(webviews==\"Manufacturing\") {currentDashVar = manuView}\n if(webviews==\"Residential\") {currentDashVar = resView}\n if(webviews==\"Commercial\") {currentDashVar = comView}\n\n return currentDashVar\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2298,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2300,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2302,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1779,"value":"viewof comz = Inputs.radio([\"C4\", \"Clear\"], {label: \" \"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1635,"value":"viewof res = Inputs.radio([\"R6\",\"R7\", \"R8\", \"R10\", \"Clear\"], {label: \" \"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1582,"value":"viewof zones = Inputs.radio([\"M1\", \"M3\", \"Clear\"], {label: \" \"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1674,"value":"viewof transp = Inputs.toggle({label: \"Subway lines\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1693,"value":"viewof transp2 = Inputs.toggle({label: \"Bus Stations\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1676,"value":"border1graphics = {\n const width = 500,//pixel size of the map\n height = 500;\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [28, 230, width, height]);\n\nvar p = svg.selectAll(\"polyline\")\n\npolyline(borderHatch,'rgb(65, 171, 93)','0.2','1','0.1','black')\npolyline(testingBorder,'none','0','1','0.5','black')\n \nfunction polyline(data, pfill, pOpac, sOpac, sWght, stroke){\n p.enter().append(\"polyline\") //this line designates that we're making a polyline\n .data(data) //get data to define path\n .enter() //there are more data than elements, this selects them\n .append('polyline')\n .attr(\"points\", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements\n .style(\"fill\", pfill)\n .style(\"fill-opacity\", pOpac)\n .style('stroke-opacity',sOpac)\n .style(\"stroke-width\", sWght)\n .style(\"stroke\", stroke)\n}\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1857,"value":"testingBorder = FileAttachment(\"testing border.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1861,"value":"borderHatch = FileAttachment(\"border hatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2196,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3048,"value":"rdbutbox = FileAttachment(\"3rdbutbox.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3050,"value":"rdbuthatch = FileAttachment(\"3rdbuthatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2944,"value":"topbuttons = {\n const width = 500,//pixel size of the map\n height = 34;\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [28, 185, width, height]);//set the x,y to the top left corner of the outline in rhino\n\nvar p = svg.selectAll(\"polyline\")\n \n p.enter().append(\"polyline\") //this line designates that we're making a polyline\n .data(newnewtopbutts) //get data to define path\n .enter() //there are more data than elements, this selects them\n .append('polyline')\n .attr(\"points\", function(d){return d}) //The d attribute defines a path to be drawn, only applies to appended elements\n .style(\"fill\", 'rgb(65, 171, 93)')\n .style(\"fill-opacity\", '0.15')\n .style('stroke-opacity',0.5)\n .style(\"stroke-width\", 0.5)\n .style(\"stroke\", 'rgb(65, 171, 93)')\n \n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2199,"value":"popupbottombut = FileAttachment(\"popupbottombut.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3782,"value":"newnewtopbutts = FileAttachment(\"newnewtopbutts.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2233,"value":"bottombuthatch = FileAttachment(\"bottombuthatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1587,"value":"sitem1conversion = FileAttachment(\"siteM1conversion.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1588,"value":"sitemissingmiddle = FileAttachment(\"sitemissingmiddle.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1428,"value":"potsite1 = FileAttachment(\"potsite1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2450,"value":"warehousesite = FileAttachment(\"warehousesite.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1400,"value":"m12 = FileAttachment(\"m12.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1370,"value":"m2 = FileAttachment(\"m2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1368,"value":"m3 = FileAttachment(\"m3.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1366,"value":"m1zones = FileAttachment(\"m1zones.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1251,"value":"boxed = FileAttachment(\"boxed.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2227,"value":"stationStopsBox2 = FileAttachment(\"station stops box2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1254,"value":"greenpointRoads = FileAttachment(\"greenpoint roads.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1260,"value":"subwayLines = FileAttachment(\"subway lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1272,"value":"subwayStations = FileAttachment(\"subway stations.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1269,"value":"busStopShelters = FileAttachment(\"bus stop shelters.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1287,"value":"buildings = FileAttachment(\"buildings.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1321,"value":"residential = FileAttachment(\"RESIDENTIAL.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1016,"value":"spotsLink = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vRwB-ukffxTe8cd2j54Lg_PGvR-3Dm6A6TZNS9AV1TRz5iNL3shNkXsyJLlXTGzcI4UCkyh9MJS9P0G/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1228,"value":"spots = d3.csv(spotsLink,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":894,"value":"import { wrap_text, wrap_text_nchar } from \"@ben-tanen/svg-text-and-tspan-word-wrapping\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1352,"value":"c3 = FileAttachment(\"C3.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1353,"value":"r10aR6a = FileAttachment(\"R10A-R6A.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1417,"value":"potentialSites = FileAttachment(\"potential sites.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1514,"value":"idtest1 = FileAttachment(\"idtest1.txt\").text()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1713,"value":"border11 = FileAttachment(\"border1@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2110,"value":"chart2 = {\n const width = 1300,//pixel size of the map\n height = 500;\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0,0, width-50, height-10]);\n var projection = d3\n .geoMercator()//projection system used\n .fitSize([width, height], boxed);\n\n svg//add image\n .append(\"image\") //appends path to data\n .attr('width','height')\n .attr('x', 10)\n .attr(\"y\", 10)\n .attr('html', ' ')\n\n \n\n return svg.node();\n}\n","pinned":true,"hidden":true,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2269,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2271,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3668,"value":"///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2144,"value":"dashboard2 = \n \n html`\n

\n \n

\n ${chart3}\n

\n\n

\n ${model}\n

\n\n

\n ${treeborder}\n

\n\n

\n ${viewof selectmaterials}\n

\n \n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2131,"value":"viewof tile = Inputs.select(\n new Map([\n [\"binary\", d3.treemapBinary],\n [\"squarify\", d3.treemapSquarify],\n [\"slice-dice\", d3.treemapSliceDice],\n [\"slice\", d3.treemapSlice],\n [\"dice\", d3.treemapDice]\n ]),\n {label: \"Tiling method\", value: d3.treemapBinary}\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2118,"value":"chart3 = Treemap(materials, {\n path: d => d.name.replace(/\\./g, \"/\"), // e.g., \"flare/animate/Easing\"\n value: d => d.size, // size of each node (file); null for internal nodes (folders)\n group: d => d.name.split(\".\")[1], // e.g., \"animate\" in \"flare.animate.Easing\"; for color\n label: (d, n) => [...d.name.split(\".\").pop().split(/(?=[A-Z][a-z])/g), n.value.toLocaleString(\"en\")].join(\"\\n\"),\n title: (d, n) => `${d.name}\\n${n.value.toLocaleString(\"en\")}`, // text to show on hover\n link: (d, n) => `https://github.com/prefuse/Flare/blob/master/flare/src${n.id}.as`,\n tile, // e.g., d3.treemapBinary; set by input above\n width: 600,\n height: 700\n})\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2120,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2129,"value":"materials = FileAttachment(\"building material - flare-2.csv (5).csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2989,"value":"buildingMaterialFlare2Csv5 = await FileAttachment(\"building material - flare-2.csv (5).csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"buildingMaterialFlare2Csv5","database":"$undefined"},{"id":2123,"value":"import {Swatches} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2126,"value":"import {howto} from \"@d3/example-components\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2348,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2744,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2637,"value":"viewof selectmaterials = Inputs.radio([\"Overall\", \"Concrete Roof\",\"Concrete Foundation\", \"Interior Brick\", \"Exterior Brick\", \"Steel Beams\", \"Steel Columns\", \"Steel Components\", \"CMU\", \"Glass\"], {label: \" \", value: \"Overall\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3635,"value":"////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3158,"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","output":"$undefined","database":"$undefined"},{"id":3160,"value":"viewof nodeAlign = Inputs.select(new Map([[\"left\", \"sankeyLeft\"], [\"right\", \"sankeyRight\"], [\"center\", \"sankeyCenter\"], [\"justify\", \"sankeyJustify\"]]), {\n value: \"sankeyJustify\",\n label: \"Node alignment\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3162,"value":"viewof slider = Inputs.range([0, 18884], {step: 100, value: 18880, label: \"Broken & Ground Up Materials Going To Remanufactured\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3164,"value":"viewof slider2 = Inputs.range([0, 6200], {step: 200, value: 6200, label: \"Unit Removal Materials Going To Reusing\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3166,"value":"viewof slider3 = Inputs.range([0, 289], {step: 5, value: 289, label: \"Disassembled Materials Going To Remanufactured\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3168,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3170,"value":"co2 = d3.csv(co2link,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3172,"value":"co2link = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQ4vVP6GJMRyzA_FOi72nBfO_MEFV8eKFMvO_8TgVdZEc2vE-wAxFEMOB27bLDadi0LArrf3oURqHgO/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3174,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3176,"value":"tweakedData = {\n \n //var originalData = FileAttachment(\"sankey - energy@3.csv (4).csv\").csv({typed: true});\n var originalData = links\n\n var removalTotal = 18884\n var removalTotal2 = 6200\n var removalTotal3 = 289\n\n originalData[35].value = slider\n originalData[37].value = (removalTotal-slider)\n\n originalData[36].value = slider2\n originalData[38].value = (removalTotal2-slider2)\n\n originalData[33].value = slider3\n originalData[34].value = (removalTotal3-slider3)\n \n \nreturn originalData\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3178,"value":"links = FileAttachment(\"sankey - energy.csv (6) (1).csv\").csv({typed: true});","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3180,"value":"data = {\n const links = tweakedData\n const nodes = Array.from(new Set(links.flatMap(l => [l.source, l.target])), name => ({name, category: name.replace(/ .*/, \"\")}));\n return {nodes, links};\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3182,"value":"// [d3-sankey](https://github.com/d3/d3-sankey) is not part of the D3 bundle\nd3 = require(\"d3@7\", \"d3-sankey@0.12\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3191,"value":"sankeyEnergyCsv61 = await FileAttachment(\"sankey - energy.csv (6) (1).csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"sankeyEnergyCsv61","database":"$undefined"},{"id":3074,"value":"$3a","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3340,"value":"testhatch = FileAttachment(\"testhatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3465,"value":"hatch1 = FileAttachment(\"hatch1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3466,"value":"hatch2 = FileAttachment(\"hatch2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3467,"value":"hatch3 = FileAttachment(\"hatch3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3468,"value":"hatch4 = FileAttachment(\"hatch4.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3473,"value":"hatch5 = FileAttachment(\"hatch5.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3476,"value":"hatch10 = FileAttachment(\"hatch10.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3477,"value":"hatch11 = FileAttachment(\"hatch11.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3478,"value":"hatch12 = FileAttachment(\"hatch12.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3479,"value":"hatch13 = FileAttachment(\"hatch13.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3480,"value":"hatch14 = FileAttachment(\"hatch14.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3481,"value":"hatch15 = FileAttachment(\"hatch15.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3482,"value":"hatch15w = FileAttachment(\"hatch15w.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3483,"value":"hatch6 = FileAttachment(\"hatch6.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3484,"value":"hatch7 = FileAttachment(\"hatch7.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3485,"value":"hatch8 = FileAttachment(\"hatch8.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3486,"value":"hatch9 = FileAttachment(\"hatch9.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3487,"value":"hatch9w = FileAttachment(\"hatch9w.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3382,"value":"newexistingbuilding = FileAttachment(\"newexistingbuilding.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3391,"value":"finalfinalphase1 = FileAttachment(\"finalfinalphase1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3401,"value":"phase21 = FileAttachment(\"phase2@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3434,"value":"phase31 = FileAttachment(\"phase3@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3419,"value":"phase4 = FileAttachment(\"phase4.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3424,"value":"phase5 = FileAttachment(\"phase5.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3428,"value":"phase6 = FileAttachment(\"phase6.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3439,"value":"phase7 = FileAttachment(\"phase7.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3442,"value":"phase8 = FileAttachment(\"phase8.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2993,"value":"broof1 = FileAttachment(\"broof@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2994,"value":"bfoundation2 = FileAttachment(\"bfoundation@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3000,"value":"bibrick2 = FileAttachment(\"bibrick@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3001,"value":"bebrick3 = FileAttachment(\"bebrick@3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3015,"value":"bcmu3 = FileAttachment(\"bcmu@3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3016,"value":"bbeams2 = FileAttachment(\"bbeams@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3034,"value":"bcolumns2 = FileAttachment(\"bcolumns@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3035,"value":"bcomponents = FileAttachment(\"bcomponents.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3036,"value":"bglass2 = FileAttachment(\"bglass@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2614,"value":"exteriorBricks = FileAttachment(\"exterior bricks.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2667,"value":"ebrickhatch = FileAttachment(\"ebrickhatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2668,"value":"ebrickwhite = FileAttachment(\"ebrickwhite.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2615,"value":"foundation = FileAttachment(\"foundation.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2688,"value":"foundationhatch = FileAttachment(\"foundationhatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2622,"value":"steelBeams = FileAttachment(\"steel beams.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2678,"value":"sbeamhatch = FileAttachment(\"sbeamhatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2679,"value":"sbeamwhite = FileAttachment(\"sbeamwhite.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2623,"value":"steelColumns = FileAttachment(\"steel columns.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2684,"value":"scolumnhatch = FileAttachment(\"scolumnhatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2845,"value":"cmuHatch = FileAttachment(\"cmu hatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2846,"value":"cmuWhite = FileAttachment(\"cmu white.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2847,"value":"cmu1 = FileAttachment(\"cmu@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2848,"value":"componentHatch = FileAttachment(\"component hatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2849,"value":"concreteRoof = FileAttachment(\"concrete roof.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2850,"value":"glassHatch = FileAttachment(\"glass hatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2851,"value":"glass1 = FileAttachment(\"glass@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2852,"value":"ibrickHatch = FileAttachment(\"ibrick hatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2853,"value":"ibrickWhite = FileAttachment(\"ibrick white.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2854,"value":"interiorBricks1 = FileAttachment(\"interior bricks@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2855,"value":"outline2 = FileAttachment(\"outline@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2856,"value":"overall5 = FileAttachment(\"overall@5.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2857,"value":"roofHatch = FileAttachment(\"roof hatch.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2858,"value":"steelComponents = FileAttachment(\"steel components.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3b","stdlib":"1","titling":"auto"}} 2c:"$2b:body"