27:null 28:["$","title",null,{"children":"353 E Mosholu Pkwy N - VTX | hower_teaching | Observable"}] 2d:T991f,MoshDrawing = { const width = 1700,//pixel size of the map height = 1250; const svg = d3.create("svg") .attr("viewBox", [-800, -300, width, height]); var dx = 50 var dy = 400 var c = svg.selectAll('circle') var p = svg.selectAll('polyline') var t = svg.selectAll('text') const chartFO = svg.append("foreignObject") .attr("x", -798) .attr("y", 315) .attr("width", 462) .attr("height", 1100); const chartDiv = document.createElement("div"); chartFO.node().appendChild(chartDiv); chartDiv.innerHTML = "" chartDiv.appendChild(treemapChart) const chartF6 = svg.append("foreignObject") .attr("x", -337) .attr("y", 315) .attr("width", 462) .attr("height", 1100); const chartDiv6 = document.createElement("div"); chartF6.node().appendChild(chartDiv6); chartDiv6.innerHTML = "" chartDiv6.appendChild(treemapChart2) staticText('Normative Total: 7829525',dx-90,dy-40,'century gothic','25px','rgb(50,50,50)','600','middle','none','staticdetail','none') staticText('Proposed Total: 674640',dx-540,dy-40,'century gothic','25px','rgb(50,50,50)','600','middle','none','staticdetail','none') //const moshDrawing2 = html`

//${viewof normativeView} ////

//` var ddx = 150 var ddy = -250 var barx = -675 var bary = 60 function writeHelper(matview) { staticText(matview[0].Material,ddx+410, ddy+30,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].CO2,ddx+410,ddy+90,'century gothic','50px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].Distance,ddx+410,ddy+135,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].Usage,ddx+410,ddy+170,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].Mass,ddx+410,ddy+205,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].EOL,ddx+410,ddy+240,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].Full,ddx+410,ddy+240,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].Material2,ddx+625, ddy+30,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].CO22,ddx+625,ddy+90,'century gothic','50px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].Distance2,ddx+625,ddy+135,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].Usage2,ddx+625,ddy+170,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].Mass2,ddx+625,ddy+205,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].EOL2,ddx+625,ddy+240,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') staticText(matview[0].Full2,ddx+410,ddy+240,'century gothic','25px','rgb(50,50,50)','300','middle','tempText') var wrap = svg.selectAll("text.tempText") .each(function(d, i) { wrap_text(d3.select(this), 150) }) } function writeDetails(proposed, normative, mode){ if (mode == 'Proposed') { // staticText(normative[0].Material,-530,270,'century gothic','25px','rgb(50,50,50)', '300')//for material info staticText(proposed[0].Material,-785, -18,'century gothic','25px','rgb(50,50,50)', '300')//for radio writeHelper(proposed) } else { // staticText(proposed[0].Material,-510,270,'century gothic','25px','rgb(50,50,50)', '300')//for material info staticText(normative[0].Material,-785, -18,'century gothic','25px','rgb(50,50,50)', '300')//for radio writeHelper(normative) } var wrap = svg.selectAll("text.tempText") .each(function(d, i) { wrap_text(d3.select(this), 150) }) } staticText('Material' + ' ' + '(' + mode + ') ',dx-835,dy-450,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none')//Material radio title staticText(curView, dx-835,dy-525,'century gothic','25px','rgb(50,50,50)','300','start','none','staticdetail','none') // radio for proposed materials if(curView=='Interior' && mode=='Proposed'){ polylineDetails(interiorMosh) staticText('(1 floor)',dx-150,dy-350,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') staticText('Proposed',ddx+410,ddy-10,'century gothic','25px','rgb(50,50,50)','600','middle','none','staticdetail','none') staticText('Normative',ddx+625,ddy-10,'century gothic','25px','rgb(50,50,50)','600','middle','none','staticdetail','none') if(proposedView=='Rammed Earth'){ svg.selectAll('line.barchart').remove() svg.selectAll('rect.barchart').remove() svg.selectAll('text.material-label').remove() svg.selectAll('text.barchart').remove() svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(rammedearth) var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='RAMMED EARTH') var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='BRICK') writeDetails(proposed, normative, mode) staticText('Brick',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Rammed Earth',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 998000 }, { material: "Manufacture", value: 10300000 }, { material: "Transportation", value: 204000 }, { material: "Disposal", value: 159000 }, { material: "Sourcing", value: 5030 }, { material: "Manufacture", value: 8250 }, { material: "Transportation", value: 179000 }, { material: "Disposal", value: 3220 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if(proposedView=='Glulam'){ svg.selectAll('line.barchart').remove() svg.selectAll('rect.barchart').remove() svg.selectAll('text.material-label').remove() svg.selectAll('text.barchart').remove() svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(glulam) var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='GLULAM') var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='STEEL') writeDetails(proposed, normative, mode) staticText('Steel',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Glulam',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 71500 }, { material: "Manufacture", value: 158000 }, { material: "Transportation", value: 20600 }, { material: "Disposal", value: 989 }, { material: "Sourcing", value: 6370 }, { material: "Manufacture", value: 16000 }, { material: "Transportation", value: 832 }, { material: "Disposal", value: 195 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if(proposedView=='Mycelium'){ svg.selectAll('line.barchart').remove() svg.selectAll('rect.barchart').remove() svg.selectAll('text.material-label').remove() svg.selectAll('text.barchart').remove() svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(mycelium) var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='MYCELIUM') var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='EPS') writeDetails(proposed, normative, mode) staticText('EPS',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Mycelium',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 35400 }, { material: "Manufacture", value: 16000 }, { material: "Transportation", value: 2930 }, { material: "Disposal", value: 386 }, { material: "Sourcing", value: 5790 }, { material: "Manufacture", value: 131000 }, { material: "Transportation", value: 11500 }, { material: "Disposal", value: 2580 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if(proposedView=='Glass'){ svg.selectAll('line.barchart').remove() svg.selectAll('rect.barchart').remove() svg.selectAll('text.material-label').remove() svg.selectAll('text.barchart').remove() svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(glass) var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='LOW-E GLASS') var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='LOW-E GLASS') writeDetails(proposed, normative, mode) staticText('Low-E Glass',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Low-E Glass',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 966 }, { material: "Manufacture", value: 663 }, { material: "Transportation", value: 3.14 }, { material: "Disposal", value: 26.4 }, { material: "Sourcing", value: 966 }, { material: "Manufacture", value: 663 }, { material: "Transportation", value: 3.14 }, { material: "Disposal", value: 26.4 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if(proposedView=='Timber'){ svg.selectAll('line.barchart').remove() svg.selectAll('rect.barchart').remove() svg.selectAll('text.material-label').remove() svg.selectAll('text.barchart').remove() svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(timber) var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='TIMBER') var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='TIMBER') writeDetails(proposed, normative, mode) staticText('Timber',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Timber',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 5880 }, { material: "Manufacture", value: 24300 }, { material: "Transportation", value: 1290 }, { material: "Disposal", value: 302 }, { material: "Sourcing", value: 5880 }, { material: "Manufacture", value: 24300 }, { material: "Transportation", value: 1290 }, { material: "Disposal", value: 302 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if(proposedView=='CLT'){ svg.selectAll('line.barchart').remove() svg.selectAll('rect.barchart').remove() svg.selectAll('text.material-label').remove() svg.selectAll('text.barchart').remove() svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(CLT) var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='CLT') var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='CONCRETE(CLT)') writeDetails(proposed, normative, mode) staticText('Concrete',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('CLT',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 47300 }, { material: "Manufacture", value: 404000 }, { material: "Transportation", value: 5610 }, { material: "Disposal", value: 12100 }, { material: "Sourcing", value: -8440 }, { material: "Manufacture", value: 27300 }, { material: "Transportation", value: 1950 }, { material: "Disposal", value: 1760 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if(proposedView=='MORF'){ svg.selectAll('line.barchart').remove() svg.selectAll('rect.barchart').remove() svg.selectAll('text.material-label').remove() svg.selectAll('text.barchart').remove() svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(morf) var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='MORF') var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='DRYWALL') writeDetails(proposed, normative, mode) staticText('DRYWALL',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('MORF',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 28900 }, { material: "Manufacture", value: 86100 }, { material: "Transportation", value: 2320 }, { material: "Disposal", value: 2810 }, { material: "Sourcing", value: 16123 }, { material: "Manufacture", value: 18322 }, { material: "Transportation", value: 705 }, { material: "Disposal", value: 1466 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if(proposedView=='Wood Ash Concrete'){ svg.selectAll('line.barchart').remove() svg.selectAll('rect.barchart').remove() svg.selectAll('text.material-label').remove() svg.selectAll('text.barchart').remove() svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(woodash) var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='WOOD ASH CONCRETE') var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='CONCRETE(WA)') writeDetails(proposed, normative, mode) staticText('Concrete',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Wood Ash Concrete',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 56700 }, { material: "Manufacture", value: 485000 }, { material: "Transportation", value: 5730 }, { material: "Disposal", value: 14500 }, { material: "Sourcing", value: 2200 }, { material: "Manufacture", value: 275000 }, { material: "Transportation", value: 7740 }, { material: "Disposal", value: 2710 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } } // radio for normative materials if(curView=='Interior' && mode=='Normative'){ polylineDetails(interiorMosh) staticText('(1 floor)',dx-150,dy-350,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') staticText('Proposed',ddx+625,ddy-10,'century gothic','25px','rgb(50,50,50)','600','middle','none','staticdetail','none') staticText('Normative',ddx+410,ddy-10,'century gothic','25px','rgb(50,50,50)','600','middle','none','staticdetail','none') if (normativeView == 'Steel') { svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(glulam) var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='STEEL') var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='GLULAM') writeDetails(proposed, normative, mode) staticText('Steel',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Glulam',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 71500 }, { material: "Manufacture", value: 158000 }, { material: "Transportation", value: 20600 }, { material: "Disposal", value: 989 }, { material: "Sourcing", value: 6370 }, { material: "Manufacture", value: 16000 }, { material: "Transportation", value: 832 }, { material: "Disposal", value: 195 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if (normativeView == 'Concrete(CLT)') { svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(CLT) var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='CONCRETE(CLT)') var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='CLT') writeDetails(proposed, normative, mode) staticText('Concrete',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('CLT',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 47300 }, { material: "Manufacture", value: 404000 }, { material: "Transportation", value: 5610 }, { material: "Disposal", value: 12100 }, { material: "Sourcing", value: -8440 }, { material: "Manufacture", value: 27300 }, { material: "Transportation", value: 1950 }, { material: "Disposal", value: 1760 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if (normativeView == 'Concrete(WA)') { svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(woodash) var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='CONCRETE(WA)') var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='WOOD ASH CONCRETE') writeDetails(proposed, normative, mode) staticText('Concrete',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Wood Ash Concrete',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 56700 }, { material: "Manufacture", value: 485000 }, { material: "Transportation", value: 5730 }, { material: "Disposal", value: 14500 }, { material: "Sourcing", value: 7750 }, { material: "Manufacture", value: 33000 }, { material: "Transportation", value: 6330 }, { material: "Disposal", value: 6780 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if (normativeView == 'Glass') { svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(glass) var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='LOW-E GLASS') var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='LOW-E GLASS') writeDetails(proposed, normative, mode) staticText('Low-E Glass',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Low-E Glass',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 966 }, { material: "Manufacture", value: 663 }, { material: "Transportation", value: 3.14 }, { material: "Disposal", value: 26.4 }, { material: "Sourcing", value: 966 }, { material: "Manufacture", value: 663 }, { material: "Transportation", value: 3.14 }, { material: "Disposal", value: 26.4 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if (normativeView == 'EPS') { svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(mycelium) var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='EPS') var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='MYCELIUM') writeDetails(proposed, normative, mode) staticText('EPS',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Mycelium',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 35400 }, { material: "Manufacture", value: 16000 }, { material: "Transportation", value: 2930 }, { material: "Disposal", value: 386 }, { material: "Sourcing", value: 5790 }, { material: "Manufacture", value: 131000 }, { material: "Transportation", value: 11500 }, { material: "Disposal", value: 2580 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if (normativeView == 'Timber') { svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(timber) var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='TIMBER') var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='TIMBER') writeDetails(proposed, normative, mode) staticText('Timber',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Timber',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 5880 }, { material: "Manufacture", value: 24300 }, { material: "Transportation", value: 1290 }, { material: "Disposal", value: 302 }, { material: "Sourcing", value: 5880 }, { material: "Manufacture", value: 24300 }, { material: "Transportation", value: 1290 }, { material: "Disposal", value: 302 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if(normativeView=='MORF'){ svg.selectAll('line.barchart').remove() svg.selectAll('rect.barchart').remove() svg.selectAll('text.material-label').remove() svg.selectAll('text.barchart').remove() svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(morf) var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='MORF') var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='DRYWALL') writeDetails(proposed, normative, mode) staticText('DRYWALL',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('MORF',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 28900 }, { material: "Manufacture", value: 86100 }, { material: "Transportation", value: 2320 }, { material: "Disposal", value: 2810 }, { material: "Sourcing", value: 5850 }, { material: "Manufacture", value: 6648 }, { material: "Transportation", value: 265 }, { material: "Disposal", value: 532 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } if (normativeView == 'Brick') { svg.selectAll("polyline.interior").style('stroke-opacity','.1') polylineDetails(rammedearth) var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='BRICK') var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='RAMMED EARTH') writeDetails(proposed, normative, mode) staticText('Brick',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Rammed Earth',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 998000 }, { material: "Manufacture", value: 10300000 }, { material: "Transportation", value: 204000 }, { material: "Disposal", value: 159000 }, { material: "Sourcing", value: 5030 }, { material: "Manufacture", value: 8250 }, { material: "Transportation", value: 179000 }, { material: "Disposal", value: 3220 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } } if(curView=='Chunk'){ polylineDetails(exteriorMosh) } if(curView=='Full'){ polylineDetails(full) polylineDetails(fullve) var normative = matDatanormmat.filter(matDatanormmat => matDatanormmat.Material =='FULL(NORMATIVE)') var proposed = matDatapropmat.filter(matDatapropmat => matDatapropmat.Material =='FULL(PROPOSED)') writeDetails(proposed, normative, mode) staticText('(Full VE)',dx-150,dy-350,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') staticText('Normative',barx+175,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') staticText('Proposed',barx+570,bary+230,'century gothic','25px','rgb(50,50,50)','400','middle','none','staticdetail','none') addMultiBarChart( svg, barx, bary, [ { material: "Sourcing", value: 745646 }, { material: "Manufacture", value: 6876063 }, { material: "Transportation", value: 139483.14 }, { material: "Disposal", value: 65424.4 }, { material: "Sourcing", value: 26296 }, { material: "Manufacture", value: 181861 }, { material: "Transportation", value: 190078.14 }, { material: "Disposal", value: 14655.4 }, ], { barWidth: 60, maxBarHeight: 180, colors: ["#FEB07C", "#FEB07C", "#FEB07C", "#FEB07C", "#AF97C7", "#AF97C7", "#AF97C7", "#AF97C7"], // custom colors gridCount: 5 } ); } //permanent material information //rect(x,y,w,h,rx,ry,stroke,sw,fill,fopac) // --- LAYOUT -------------------------------------Title svg.append("rect") .attr('x',dx-848) .attr('y',dy-690) .attr('width',924) .attr('height',80) .style('fill','none') .style('stroke','black') .style('stroke-width',1) .style('rx',6) .style('ry',6) staticText('353 E MOSHOLU PKWY N',dx-810,dy-625,'century gothic','70px','rgb(50,50,50)','550','start','none','staticdetail','none') //-----------------------Normative vs Proposed svg.append("rect") .attr('x',dx+85) .attr('y',dy-690) .attr('width',755) .attr('height',290) .style('fill','none') .style('stroke','black') .style('stroke-width', 1) .style('rx',6) .style('ry',6) staticText('Normative vs Proposed Material Carbon Analysis',dx-750,dy-350,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') //-----------------------View svg.append("rect") .attr('x',dx-848) .attr('y',dy-600) .attr('width',310) .attr('height',200) .style('fill','none') .style('stroke','black') .style('stroke-width', 1) .style('rx',6) .style('ry',6) staticText('View :',dx-835,dy-565,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') //-----------------------Radio svg.append("rect") .attr('x',dx-530) .attr('y',dy-600) .attr('width',605) .attr('height',200) .style('fill','none') .style('stroke','black') .style('stroke-width', 1) .style('rx',6) .style('ry',6) //-----------------------Material Information svg.append("rect") .attr('x',dx-848) .attr('y',dy-390) .attr('width',924) .attr('height',295) .style('fill','none') .style('stroke','black') .style('stroke-width', 1) .style('rx',6) .style('ry',6) // staticLine(ddx+525,ddy-25,ddx+525,ddy+235,1,'black','1px','2 0','none') staticText('Material :',ddx,ddy+30,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') staticLine(ddx,ddy+2,ddx+720,ddy+2,1,'black','1px','2 0','none') staticText('Embodied Carbon',ddx,ddy+65,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') staticLine(ddx,ddy+37,ddx+720,ddy+37,1,'black','1px','2 0','none') staticText('(CO2-eq)(lb/lb) :',ddx-2,ddy+100,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') staticLine(ddx,ddy+107,ddx+720,ddy+107,1,'black','1px','2 0','none') staticText('Distance Traveled (miles) :',ddx,ddy+135,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') staticLine(ddx,ddy+142,ddx+720,ddy+142,1,'black','1px','2 0','none') staticText('Usage :',ddx,ddy+170,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') staticLine(ddx,ddy+177,ddx+720,ddy+177,1,'black','1px','2 0','none') staticText('Mass (lbs) :',ddx,ddy+205,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') staticLine(ddx,ddy+212,ddx+720,ddy+212,1,'black','1px','2 0','none') staticText('End of Life :',ddx,ddy+240,'century gothic','25px','rgb(50,50,50)','600','start','none','staticdetail','none') //staticText('High Carbon Steel',dx-120,dy-310,'century gothic','20px','rgb(50,50,50)','600','start','none','staticdetail','none') //-----------------------Data Tree svg.append("rect") .attr('x',dx-848) .attr('y',dy-85) .attr('width',924) .attr('height',600) .style('fill','none') .style('stroke','black') .style('stroke-width', 1) .style('rx',6) .style('ry',6) // staticText("Total Embodied Carbon:",dx+10,dy+65,'Helvetica','10px','black','900','start','dashText') // staticText("Material Sourcing:",dx+10,dy+95,'Helvetica','10px','black','900','start','dashText') function polylineDetails(rl){ //these are static lines for details p.enter().append("polyline") //this line designates that we're making a polyline .data(rl) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class',function(d){return d.class}) .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("fill-opacity", function(d){return d.fOpac}) .style('stroke-opacity',function(d){return d.sOpac}) .style("stroke-width", function(d){return d.sWght}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.stroke}) } function polylineClick(rl){ //these are static lines for clicking p.enter().append("polyline") //this line designates that we're making a polyline .data(rl) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') .attr('class',function(d){return d.class}) .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("fill-opacity", function(d){return d.fOpac}) .style('stroke-opacity',function(d){return d.sOpac}) .style("stroke-width", function(d){return d.sWght}) .style("stroke-dasharray", function(d){return d.dash}) .style("stroke", function(d){return d.stroke}) .on('mouseover',click) } function click(event,d){ d3.select(this).style('fill','cyan') d3.select(this).style('fill-opacity','.5') } //static text //staticText('Concrete','100','700','helvetica','14px','black','400','end','none') //staticText('Brick','100','500','helvetica','14px','black','400','end','none') //staticText('Eco Brick','100','300','helvetica','14px','black','400','end','none') //you text positions aren't matching the polgons, you need to rearrange the x and ys of the text // --- DEFINED FUNCTIONS function staticText(text,xVal,yVal,font,fSize,ffill,fWeight,fAnchor,textClass){ svg//this block makes text .append('text') .attr('class',textClass) .attr('x',xVal)//this function causes its contents to be applied to each circle .attr("y",yVal) .attr("font-size",fSize) .attr("font-family",font) .attr("font-weight",fWeight) .attr("text-anchor",fAnchor) .style('fill', ffill) .text(text) } //lines('110','700','200','700','magenta','1','8 3','none') //lines('200','700','300','650','magenta','1','8 3','none') function lines(x1p,y1p,x2p,y2p,lstroke,lwidth,ldash,lclass){ svg .append('line') .attr('class',lclass) .attr('x1',x1p) .attr('y1',y1p) .attr('x2',x2p) .attr('y2',y2p) .attr('stroke',lstroke) .attr('stroke-width',lwidth) .attr('stroke-dasharray',ldash) } function rect(x,y,w,h,rx,ry,stroke,sw,fill,fopac){ svg .append('rect') .attr('x',x) .attr('y',y) .attr('width',w) .attr('height',h) .attr('rx',rx) .style('stroke',stroke) .style('stroke-width',sw) .style('fill',fill) .style('fill-opacity',fopac) } function staticLine(x1l,y1l,x12,y12,sOpac,lstroke,lwidth,ldash,lclass){ svg.append("line") .attr('x1',x1l) .attr('y1',y1l) .attr('x2',x12) .attr('y2',y12) .attr('stroke-opacity', sOpac) .attr('stroke',lstroke) .attr('stroke-width',lwidth) .attr('stroke-dasharray',ldash) .attr('class',lclass) } //-------------BAR GRAPH function addMultiBarChart(svg, x, y, data, { barWidth = 50, barGap = 38, maxBarHeight = 300, colors = null, // array of colors; if null, defaults will be used labelFontSize = 15, gridColor = "black", gridThickness = 1, gridCount = 5 } = {}) { // Default colors if none provided if (!colors) { colors = d3.schemeTableau10; } // Compute scale const maxValue = d3.max(data, d => d.value); const scaleY = d3.scaleLinear() .domain([0, maxValue]) .range([0, maxBarHeight]); // Group for the chart const g = svg.append("g") .attr("transform", `translate(${x},${y})`); // --- GRIDLINES --- const gridGroup = g.append("g") .attr("opacity", 0.6); for (let i = 0; i <= gridCount; i++) { const value = (maxValue / gridCount) * i; const yPos = maxBarHeight - scaleY(value); gridGroup.append("line") .attr('class','barchart') .attr("x1", -20) .attr("x2", data.length * (barWidth + barGap)) .attr("y1", yPos) .attr("y2", yPos) .attr("stroke", gridColor) .attr("stroke-width", gridThickness); // Add grid value labels gridGroup.append("text") .attr('class','barchart') .attr("x", -30) .attr("y", yPos + 4) .attr("text-anchor", "end") .attr("font-size", 25) .text(Math.round(value)); } // --- BARS --- g.selectAll("rect") .data(data) .attr('class','barchart') .join("rect") .attr("x", (_, i) => i * (barWidth + barGap)) .attr("y", d => maxBarHeight - scaleY(d.value)) .attr("width", barWidth) .attr("height", d => scaleY(d.value)) .attr("fill", (d, i) => colors[i % colors.length]); // --- LABELS --- g.selectAll("text.material-label") .data(data) .join("text") .attr("class", "material-label") .attr("x", (_, i) => i * (barWidth + barGap) + barWidth / 2) .attr("y", maxBarHeight + labelFontSize + 5) .attr("text-anchor", "middle") .attr("font-size", labelFontSize) .text(d => d.material); } //-----Radio----- if(mode == 'Normative'){ const chartFO2 = svg.append("foreignObject") .attr("x", -180) .attr("y", -195) .attr("width", 250) .attr("height", 400); const chartDiv2 = document.createElement("div"); chartFO2.node().appendChild(chartDiv2); //chartDiv2.innerHTML = "" chartDiv2.appendChild(viewof normativeView)} if (mode == 'Proposed'){ const chartFO3 = svg.append("foreignObject") .attr("x", -180) .attr("y", -195) .attr("width", 250) .attr("height", 200); const chartDiv3 = document.createElement("div"); chartFO3.node().appendChild(chartDiv3); //chartDiv2.innerHTML = "" chartDiv3.appendChild(viewof proposedView)} const chartFO4 = svg.append("foreignObject") .attr("x", -450) .attr("y", -195) .attr("width", 200) .attr("height", 800); const chartDiv4 = document.createElement("div"); chartFO4.node().appendChild(chartDiv4); //chartDiv2.innerHTML = "" chartDiv4.appendChild(viewof curView) const chartFO5 = svg.append("foreignObject") .attr("x", -450) .attr("y", -110) .attr("width", 250) .attr("height", 800); const chartDiv5 = document.createElement("div"); chartFO5.node().appendChild(chartDiv5); //chartDiv2.innerHTML = "" chartDiv5.appendChild(viewof mode) return svg.node() } 2e:T6ed, function rhinoGraphics(t){ let linesData = [] for(let i = 0; i < t.length; i=i+3){ //pfill, pOpac, sOpac, sWght, stroke,pclass,dash var lFill='0',fOpac='0',sOpac='0',sWght='0',stroke='none',lClass='none',lDash='0' if(t[i+1]==1){ lFill = 'none' //fill fOpac = '1' //fill opacity sOpac = '1' //stroke opacity sWght = '5' //stroke weight stroke = 'black' //stroke color lClass = 'thinLines' //class lDash = '1 0' //dash pattern } if(t[i+1]==2){ lFill = 'none' //fill fOpac = '1' //fill opacity sOpac = '1' //stroke opacity sWght = '2' //stroke weight stroke = 'black' //stroke color lClass = 'thinLines' //class lDash = '1 0' //dash pattern } if(t[i+1]==3){ lFill = 'none' //fill fOpac = '1' //fill opacity sOpac = '1' //stroke opacity sWght = '.5' //stroke weight stroke = 'black' //stroke color lClass = 'thinLines' //class lDash = '1 0' //dash pattern } if(t[i+1]==4){ lFill = 'none' //fill fOpac = '1' //fill opacity sOpac = '1' //stroke opacity sWght = '.20' //stroke weight stroke = 'black' //stroke color lClass = 'thinLines' //class lDash = '1 0' //dash pattern } if(t[i+1]==9){ lFill = 'yellow' //fill fOpac = '0' //fill opacity sOpac = '1' //stroke opacity sWght = '.5' //stroke weight stroke = 'gray' //stroke color lClass = 'thinLines' //class lDash = '4 4' //dash pattern } linesData.push({pts:t[i][0],material:t[i+2][0],fill:lFill,fOpac:fOpac,sOpac:sOpac,sWght:sWght,stroke:stroke,class:t[i+2][0],dash:lDash}) } return linesData }2f:T5ed,function makeLines(t){ console.log(t.length) let linesData = [] for(let i = 0; i < t.length; i=i+3){ //pfill, pOpac, sOpac, sWght, stroke,pclass,dash var lFill='0',fOpac='0',sOpac='0',sWght='0',stroke='none',lClass='none',lDash='0' if(t[i+1]==1){ lFill = 'none' //fill fOpac = '1' //fill opacity sOpac = '1' //stroke opacity sWght = '5' //stroke weight stroke = 'black' //stroke color lClass = 'thinLines' //class lDash = '1 0' //dash pattern } if(t[i+1]==2){ lFill = 'none' //fill fOpac = '1' //fill opacity sOpac = '1' //stroke opacity sWght = '2' //stroke weight stroke = 'black' //stroke color lClass = 'thinLines' //class lDash = '1 0' //dash pattern } if(t[i+1]==3){ lFill = 'none' //fill fOpac = '1' //fill opacity sOpac = '1' //stroke opacity sWght = '.5' //stroke weight stroke = 'black' //stroke color lClass = 'thinLines' //class lDash = '1 0' //dash pattern } if(t[i+1]==4){ lFill = 'none' //fill fOpac = '1' //fill opacity sOpac = '1' //stroke opacity sWght = '.25' //stroke weight stroke = 'gray' //stroke color lClass = 'thinLines' //class lDash = '4 4' //dash pattern } linesData.push({pts:t[i][0],material:t[i+2][0],fill:lFill,fOpac:fOpac,sOpac:sOpac,sWght:sWght,stroke:stroke,class:lClass,dash:lDash}) } return linesData }30:T1972,// 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 = d3.schemeTableau10, // array of colors colors = d3.schemeOranges[9], 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", 16); const node = svg.selectAll("a") .data(leaves) .join("a") .attr("xlink:href", link == null ? null : (d, i) => link(d.data, d)) .attr("target", link == null ? null : linkTarget) .attr("transform", d => `translate(${d.x0},${d.y0})`); node.append("rect") .attr("fill", color ? (d, i) => color(G[i]) : fill) .attr("fill-opacity", fillOpacity) .attr("stroke", stroke) .attr("stroke-width", strokeWidth) .attr("stroke-opacity", strokeOpacity) .attr("stroke-linejoin", strokeLinejoin) .attr("width", d => d.x1 - d.x0) .attr("height", d => d.y1 - d.y0); if (T) { node.append("title").text((d, i) => T[i]); } if (L) { // A unique identifier for clip paths (to avoid conflicts). const uid = `O-${Math.random().toString(16).slice(2)}`; node.append("clipPath") .attr("id", (d, i) => `${uid}-clip-${i}`) .append("rect") .attr("width", d => d.x1 - d.x0) .attr("height", d => d.y1 - d.y0); node.append("text") .attr("clip-path", (d, i) => `url(${new URL(`#${uid}-clip-${i}`, location)})`) .selectAll("tspan") .data((d, i) => `${L[i]}`.split(/\n/g)) .join("tspan") .attr("x", 3) .attr("y", (d, i, D) => `${(i === D.length - 1) * 0.3 + 1.1 + i * 0.9}em`) .attr("fill-opacity", (d, i, D) => i === D.length - 1 ? 0.7 : null) .text(d => d); } return Object.assign(svg.node(), {scales: {color}}); }31:[{"id":"d6a9a9cf4cd882f1c3980b72b477497cfb06a3bcb70ffd30e0c5b30233584c1b6c1d8016bf794a134cf72f23b465273e12a9722af8a3b40246aa4ef4ff4ccd2e","href":"https://static.observableusercontent.com/files/d6a9a9cf4cd882f1c3980b72b477497cfb06a3bcb70ffd30e0c5b30233584c1b6c1d8016bf794a134cf72f23b465273e12a9722af8a3b40246aa4ef4ff4ccd2e","name":"moshmycelium@1.txt","type":"text/plain","lastModified":1764571234693.421,"size":282553},{"id":"64cbf3e1488a31e228c0a4491efa8860f6ae632d50b4aa01b051742033c326999e86857c4507607b858cb73043fe1a09cb6e378e13393357b4869f5e069322ac","href":"https://static.observableusercontent.com/files/64cbf3e1488a31e228c0a4491efa8860f6ae632d50b4aa01b051742033c326999e86857c4507607b858cb73043fe1a09cb6e378e13393357b4869f5e069322ac","name":"moshrammedearth@1.txt","type":"text/plain","lastModified":1764571241139.627,"size":22200},{"id":"ad969861d1d846c0c980cfd672fd22ffd2e177936c6f977f39c5e043621c17db4f2a25fb3ec1626088be8aa2ecece6ad41b3b634d1e7586e83260f2f2fddc2d1","href":"https://static.observableusercontent.com/files/ad969861d1d846c0c980cfd672fd22ffd2e177936c6f977f39c5e043621c17db4f2a25fb3ec1626088be8aa2ecece6ad41b3b634d1e7586e83260f2f2fddc2d1","name":"moshtimber@1.txt","type":"text/plain","lastModified":1764571247787.519,"size":644350},{"id":"86a119dc04a656ec9c9e93fe85e4cad8b420f1e3004c37092b1599dc34fd1d15d405ba612fe77621b425ec53eaf833423f597c1633ed31fc13f3e335d117c2b7","href":"https://static.observableusercontent.com/files/86a119dc04a656ec9c9e93fe85e4cad8b420f1e3004c37092b1599dc34fd1d15d405ba612fe77621b425ec53eaf833423f597c1633ed31fc13f3e335d117c2b7","name":"moshglass@5.txt","type":"text/plain","lastModified":1764573601731.749,"size":36788},{"id":"91768be205f8d374eeb4af80a50e171ce5115a068b4de1d8fa97f5378b2ca4101666b97a2a06338ad035543c539f946d0aeca09a14715c2058dd9843edae8268","href":"https://static.observableusercontent.com/files/91768be205f8d374eeb4af80a50e171ce5115a068b4de1d8fa97f5378b2ca4101666b97a2a06338ad035543c539f946d0aeca09a14715c2058dd9843edae8268","name":"moshglulam@1.txt","type":"text/plain","lastModified":1764571212406.532,"size":47265},{"id":"bdf7d1110c281372834e29633af95abbaab0b6c03833c200ca83a89aeefc0757b0f6a296c72f1a1086837f0ecded4df08b1315ce166b88b1870733d5da4d5d28","href":"https://static.observableusercontent.com/files/bdf7d1110c281372834e29633af95abbaab0b6c03833c200ca83a89aeefc0757b0f6a296c72f1a1086837f0ecded4df08b1315ce166b88b1870733d5da4d5d28","name":"moshwoodash@2.txt","type":"text/plain","lastModified":1764571364058.855,"size":910},{"id":"ac5b6d636f65620efd0209b4cbf0193c88728563ea95b5aaccd95444b53fd49cd4772bc7a6d4b019e9cd45d494cc0311d304c68e3194f209b5492e9a003bc8eb","href":"https://static.observableusercontent.com/files/ac5b6d636f65620efd0209b4cbf0193c88728563ea95b5aaccd95444b53fd49cd4772bc7a6d4b019e9cd45d494cc0311d304c68e3194f209b5492e9a003bc8eb","name":"moshCLT@1.txt","type":"text/plain","lastModified":1764571200189.639,"size":5042},{"id":"91951a84dc8566e67a98c1386c3f2cd43c713038efad8f5b87efeff4412accf0a41bc16ac1e02414b477b85944ef9f4c84c2b3fef26ddc84e95986f3aabc530e","href":"https://static.observableusercontent.com/files/91951a84dc8566e67a98c1386c3f2cd43c713038efad8f5b87efeff4412accf0a41bc16ac1e02414b477b85944ef9f4c84c2b3fef26ddc84e95986f3aabc530e","name":"moshexterior@1.txt","type":"text/plain","lastModified":1764571191666.174,"size":92408},{"id":"dbd342643c8c771ee147f272997860e0e1d030a1e3f969cc4d011178449d0b18012e218d1da012eac5ba694125410c91efa11e746c2ea80a64ea450148ae1179","href":"https://static.observableusercontent.com/files/dbd342643c8c771ee147f272997860e0e1d030a1e3f969cc4d011178449d0b18012e218d1da012eac5ba694125410c91efa11e746c2ea80a64ea450148ae1179","name":"moshinterior@1.txt","type":"text/plain","lastModified":1764571221194.517,"size":347211},{"id":"2c96d58327e85834f8d87506f9199e77a932f2203076bc0dc4f978cd8b391ef670d4b053241b8c79f42c09c7a7dc48b90dabe2163c5d4a69cbe08c69ea5e4925","href":"https://static.observableusercontent.com/files/2c96d58327e85834f8d87506f9199e77a932f2203076bc0dc4f978cd8b391ef670d4b053241b8c79f42c09c7a7dc48b90dabe2163c5d4a69cbe08c69ea5e4925","name":"moshmorf@1.txt","type":"text/plain","lastModified":1764571227404.731,"size":85692},{"id":"9d611c96610e5497f3652abf5c976398b5658969df95d62f5c351c8a1de5e268fb65d86d0cdb051730490aefe04e03c7bca22da0ab9d06fc8a3eec85b04a63d1","href":"https://static.observableusercontent.com/files/9d611c96610e5497f3652abf5c976398b5658969df95d62f5c351c8a1de5e268fb65d86d0cdb051730490aefe04e03c7bca22da0ab9d06fc8a3eec85b04a63d1","name":"moshfull@2.txt","type":"text/plain","lastModified":1764620030241.327,"size":127955},{"id":"fd20fe3e5b678df19abedbfec7db5f16934d9441ed70c0025f70b822aed579a15dedf57384fe8a93de03a66209caf72aba79c0911417b5d534fb0427490e08ef","href":"https://static.observableusercontent.com/files/fd20fe3e5b678df19abedbfec7db5f16934d9441ed70c0025f70b822aed579a15dedf57384fe8a93de03a66209caf72aba79c0911417b5d534fb0427490e08ef","name":"moshfullVE@2.txt","type":"text/plain","lastModified":1764620038425.838,"size":123058},{"id":"3ce584974e0390ad2357e5d4158d779cfc1ea415f7e5bf4a710882d15890b3ce24ff19e46476a00ac262d85597e17038c371482d4c5fff0142c1faef4190ff63","href":"https://static.observableusercontent.com/files/3ce584974e0390ad2357e5d4158d779cfc1ea415f7e5bf4a710882d15890b3ce24ff19e46476a00ac262d85597e17038c371482d4c5fff0142c1faef4190ff63","name":"moshwood@2.txt","type":"text/plain","lastModified":1764624683063.503,"size":9849},{"id":"9269e4bd797bdffd5a35a11719ba9205794334440419e132915e591995e4de99ee7d739c47e14548315ec50ef2f177956161acb4550457cdd066d2b81203b0b1","href":"https://static.observableusercontent.com/files/9269e4bd797bdffd5a35a11719ba9205794334440419e132915e591995e4de99ee7d739c47e14548315ec50ef2f177956161acb4550457cdd066d2b81203b0b1","name":"moshfullVE@6.txt","type":"text/plain","lastModified":1764807110246.246,"size":125978},{"id":"fdb989686b97aee380500a0f623996d990d7c744d33c33051247b1801ab06386171382681174531391210bd5daad681cb50f9415053e3ff546399255f7f49824","href":"https://static.observableusercontent.com/files/fdb989686b97aee380500a0f623996d990d7c744d33c33051247b1801ab06386171382681174531391210bd5daad681cb50f9415053e3ff546399255f7f49824","name":"moshexterior@2.txt","type":"text/plain","lastModified":1764803929577.902,"size":93828},{"id":"d5077f5d683f94f5ae38c04d2f305cec8eba83148cbcb0d1fd47a800faf9b6a43a182bbf4aedb3b183b885438b03cc31f1a5b3446b28a1acb167024353da14b5","href":"https://static.observableusercontent.com/files/d5077f5d683f94f5ae38c04d2f305cec8eba83148cbcb0d1fd47a800faf9b6a43a182bbf4aedb3b183b885438b03cc31f1a5b3446b28a1acb167024353da14b5","name":"moshfullVE@3.txt","type":"text/plain","lastModified":1764805884369.968,"size":125960},{"id":"616a30af2c2de68dbb4a35fd52b5e12244d2483539df5e637bf6c86c39511ad622018d44a46b1c490f431e0b9039dd94b25edc74971a5a1f5533e9db46f92f26","href":"https://static.observableusercontent.com/files/616a30af2c2de68dbb4a35fd52b5e12244d2483539df5e637bf6c86c39511ad622018d44a46b1c490f431e0b9039dd94b25edc74971a5a1f5533e9db46f92f26","name":"moshfullVE@5.txt","type":"text/plain","lastModified":1764806984960.159,"size":125978},{"id":"52d40c4a26b574d765f85d2f9370aec87aa9e58dbbdb6ae04c80834e48b82d02a4c98bf31ce6234624e96a6bf021dcea4abd8985ddbb42e60bec5ef83722c6c8","href":"https://static.observableusercontent.com/files/52d40c4a26b574d765f85d2f9370aec87aa9e58dbbdb6ae04c80834e48b82d02a4c98bf31ce6234624e96a6bf021dcea4abd8985ddbb42e60bec5ef83722c6c8","name":"moshfull@3.txt","type":"text/plain","lastModified":1764883331652.692,"size":358085},{"id":"9c1fd4b6cf842778153dd7a54221425f39578cf0ac4d2f4aaefdfe6390223ec7ee418ace32a3c4bd9c1030d43872a0d979d663ad9f5cef1c884e08edb3e269ce","href":"https://static.observableusercontent.com/files/9c1fd4b6cf842778153dd7a54221425f39578cf0ac4d2f4aaefdfe6390223ec7ee418ace32a3c4bd9c1030d43872a0d979d663ad9f5cef1c884e08edb3e269ce","name":"TREE MAP - Sheet1 (2).csv","type":"text/csv","lastModified":1765132389821.108,"size":323},{"id":"d1a52600bcdbd8d5a8e49c521d1db0cb97d862b72d3bafa5ddbcab10e1efbf6fcd74b7198b492ce9e9e8fb982d91b0a665b9172f600a80f4377dfe9e8dffac7f","href":"https://static.observableusercontent.com/files/d1a52600bcdbd8d5a8e49c521d1db0cb97d862b72d3bafa5ddbcab10e1efbf6fcd74b7198b492ce9e9e8fb982d91b0a665b9172f600a80f4377dfe9e8dffac7f","name":"moshinterior@3.txt","type":"text/plain","lastModified":1765154828509.775,"size":1047659},{"id":"1b19cfd56914e85af6a15e4593e7bbb33be1c226e0b808712c9c0fa0be042bffa5a8e741d04893f26850af17cbb4e88ce0106468cc388f4cf13876478ac9e749","href":"https://static.observableusercontent.com/files/1b19cfd56914e85af6a15e4593e7bbb33be1c226e0b808712c9c0fa0be042bffa5a8e741d04893f26850af17cbb4e88ce0106468cc388f4cf13876478ac9e749","name":"moshwood@3.txt","type":"text/plain","lastModified":1765153760660.635,"size":834780},{"id":"ae54e933d605bc00275e12e70b6296d033937e66a97d33db170c65df6dcc7aeb835fb6ba151b7ef7f724dcd0e163bd40eb2563fad8f27445ccf8dcebe30cac84","href":"https://static.observableusercontent.com/files/ae54e933d605bc00275e12e70b6296d033937e66a97d33db170c65df6dcc7aeb835fb6ba151b7ef7f724dcd0e163bd40eb2563fad8f27445ccf8dcebe30cac84","name":"moshinterior@2.txt","type":"text/plain","lastModified":1765154256856.068,"size":1184695},{"id":"9c1fd4b6cf842778153dd7a54221425f39578cf0ac4d2f4aaefdfe6390223ec7ee418ace32a3c4bd9c1030d43872a0d979d663ad9f5cef1c884e08edb3e269ce","href":"https://static.observableusercontent.com/files/9c1fd4b6cf842778153dd7a54221425f39578cf0ac4d2f4aaefdfe6390223ec7ee418ace32a3c4bd9c1030d43872a0d979d663ad9f5cef1c884e08edb3e269ce","name":"TREE MAP - Sheet1 (3).csv","type":"text/csv","lastModified":1765304076492.81,"size":323},{"id":"fe9914f9bb8b2e5284e61d4b7538141235e473357ad8281cc0534232e59b499ee25f2ef3b2e645abba20fbd4d508cec801803629d38ef28721d5a835e11b71e2","href":"https://static.observableusercontent.com/files/fe9914f9bb8b2e5284e61d4b7538141235e473357ad8281cc0534232e59b499ee25f2ef3b2e645abba20fbd4d508cec801803629d38ef28721d5a835e11b71e2","name":"TREE MAP - Sheet1 (3)@1.csv","type":"text/csv","lastModified":1765469891076.789,"size":209},{"id":"4a334ff640e1b689300c0aec7ad541dfc5c7f5a4521c70979fac059cc67134069ad11f576a91f91153e79e4c186befcc7fd453035a9251986df53a65f771bf2c","href":"https://static.observableusercontent.com/files/4a334ff640e1b689300c0aec7ad541dfc5c7f5a4521c70979fac059cc67134069ad11f576a91f91153e79e4c186befcc7fd453035a9251986df53a65f771bf2c","name":"TREE MAP - Sheet1 (3)@2.csv","type":"text/csv","lastModified":1765470367700.036,"size":215},{"id":"014065065eb9a8e74d219cefe9eb0ca1acaefcd983ee9089844946f9b89d1aef4c121725a87ba67cd1104cc5242daf367a261744ef783fe010fbb992153a2ef5","href":"https://static.observableusercontent.com/files/014065065eb9a8e74d219cefe9eb0ca1acaefcd983ee9089844946f9b89d1aef4c121725a87ba67cd1104cc5242daf367a261744ef783fe010fbb992153a2ef5","name":"TREE MAP - Sheet1 (2)@2.csv","type":"text/csv","lastModified":1765469633046.373,"size":206},{"id":"9c1fd4b6cf842778153dd7a54221425f39578cf0ac4d2f4aaefdfe6390223ec7ee418ace32a3c4bd9c1030d43872a0d979d663ad9f5cef1c884e08edb3e269ce","href":"https://static.observableusercontent.com/files/9c1fd4b6cf842778153dd7a54221425f39578cf0ac4d2f4aaefdfe6390223ec7ee418ace32a3c4bd9c1030d43872a0d979d663ad9f5cef1c884e08edb3e269ce","name":"TREE MAP - Sheet1 (2)@1.csv","type":"text/csv","lastModified":1765468427957.228,"size":323}] 2b:{"id":"b2231fc7738f6ff5","slug":null,"title":"353 E Mosholu Pkwy N - VTX","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2025-12-01T05:20:27.846Z","update_time":"$D2025-12-17T21:07:42.101Z","view_time":null,"first_public_time":"$D2025-12-01T15:10:14.343Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"0db7c8d181c130e4","login":"howerteaching","name":"hower_teaching","avatar_url":"https://avatars-next.observableusercontent.com/c84680807127542e6943c4528de050d301ffcd4bf3ba76bd86d9acdec0397b29","tier":"education_2026"},"version":3390,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fc9846765345dfe5","login":"vivi-li","name":"Vivi Li","avatar_url":"https://avatars-next.observableusercontent.com/8125409e19c1d9ba71f5152cd1da81fd983724c955e02d5dbca95b1c36815614","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"},{"type":"individual","id":"fc9846765345dfe5","login":"vivi-li","name":"Vivi Li","avatar_url":"https://avatars-next.observableusercontent.com/8125409e19c1d9ba71f5152cd1da81fd983724c955e02d5dbca95b1c36815614","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"96e71a743213d235","slug":"f_25_studio","title":"f_25_studio","owner":{"id":"0db7c8d181c130e4","login":"howerteaching","name":"hower_teaching"}},"type":"notebook","body":{"title":"353 E Mosholu Pkwy N - VTX","cells":[{"id":0,"value":"# 353 E Mosholu Pkwy N - VTX","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":865,"value":"curView","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":849,"value":"viewof curView = {\n const radio = Inputs.radio(\n [\"Full\", \"Chunk\", \"Interior\"],\n {\n label: \"Current View\",\n value: \"Interior\"\n }\n )\n\n radio.classList.add(\"curview-radio\")\n return radio\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2750,"value":"\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2714,"value":"viewof mode = {\n const radio = Inputs.radio(\n [\"Proposed\", \"Normative\"],\n { label: \"View Mode\" }\n )\n radio.classList.add(\"mode-radio\")\n return radio\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2843,"value":"\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":878,"value":"viewof proposedView = {\n const radio = Inputs.radio(\n [\n \"Rammed Earth\",\n \"Glulam\",\n \"Mycelium\",\n \"Glass\",\n \"Timber\",\n \"MORF\",\n \"CLT\",\n \"Wood Ash Concrete\",\n ],\n {\n label: \"Proposed View\",\n disabled: mode !== \"Proposed\"\n }\n )\n\n if (curView === \"Full\" || curView === \"Chunk\") {\n radio.style.display = \"none\"\n }\n\n radio.classList.add(\"pro-radio\")\n\n return radio\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2940,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1786,"value":"viewof normativeView = {\n const radio = Inputs.radio(\n [\n \"Steel\",\n \"Concrete(CLT)\",\n \"Concrete(WA)\",\n \"Glass\",\n \"EPS\",\n \"Timber\",\n \"Brick\",\n ],\n {\n label: \"Normative View\",\n disabled: mode !== \"Normative\"\n }\n )\n\n if (curView === \"Full\" || curView === \"Chunk\") {\n radio.style.display = \"none\"\n }\n\n radio.classList.add(\"nor-radio\")\n\n return radio\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2981,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":954,"value":"$2d","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1129,"value":"moshfullve1 = FileAttachment(\"moshfullVE@6.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1131,"value":"fullve = rhinoGraphics(moshfullve1)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1115,"value":"moshfull = FileAttachment(\"moshfull@3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1120,"value":"full = rhinoGraphics(moshfull)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":961,"value":"moshwoodash = FileAttachment(\"moshwoodash@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":983,"value":"woodash = rhinoGraphics(moshwoodash)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":962,"value":"moshclt = FileAttachment(\"moshCLT@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":994,"value":"CLT = rhinoGraphics(moshclt)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":963,"value":"moshexterior = FileAttachment(\"moshexterior@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":998,"value":"exteriorMosh = rhinoGraphics(moshexterior)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":964,"value":"moshglass = FileAttachment(\"moshglass@5.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1001,"value":"glass = rhinoGraphics(moshglass)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":965,"value":"moshglulam = FileAttachment(\"moshglulam@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1005,"value":"glulam = rhinoGraphics(moshglulam)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":966,"value":"moshinterior = FileAttachment(\"moshinterior@3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1027,"value":"interiorMosh = rhinoGraphics(moshinterior)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":967,"value":"moshmorf = FileAttachment(\"moshmorf@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1029,"value":"morf = rhinoGraphics(moshmorf)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":968,"value":"moshmycelium = FileAttachment(\"moshmycelium@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1031,"value":"mycelium = rhinoGraphics(moshmycelium)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":969,"value":"moshrammedearth = FileAttachment(\"moshrammedearth@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1033,"value":"rammedearth = rhinoGraphics(moshrammedearth)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":970,"value":"moshtimber = FileAttachment(\"moshtimber@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1035,"value":"timber = rhinoGraphics(moshtimber)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":971,"value":"moshwood = FileAttachment(\"moshwood@3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1037,"value":"wood = rhinoGraphics(moshwood)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":687,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"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":758,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":803,"value":"matData_moshproposedmat = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQkXbh_Egj0y9VZUjKb649RLbbeH6ELpO0cuomlqcqnnmShT8lN9ZM7yvyJ-9OR7J8TnxA06QCnq3M-/pub?gid=1275074136&single=true&output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":805,"value":"matDatapropmat = d3.csv(matData_moshproposedmat,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1604,"value":"matData_moshnormativemat='https://docs.google.com/spreadsheets/d/e/2PACX-1vQkXbh_Egj0y9VZUjKb649RLbbeH6ELpO0cuomlqcqnnmShT8lN9ZM7yvyJ-9OR7J8TnxA06QCnq3M-/pub?gid=827963834&single=true&output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1612,"value":"matDatanormmat = d3.csv(matData_moshnormativemat,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":886,"value":"//import {Treemap} from \"@d3/treemap-component\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2011,"value":"treemapChart = Treemap(treeMapSheet12, {\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: 850,\n height: 1100\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2627,"value":"treemapChart2 = Treemap(treeMapSheet13, {\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: 850,\n height: 1100\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2013,"value":"treeMapSheet12 = await FileAttachment(\"TREE MAP - Sheet1 (2)@2.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"treeMapSheet12","database":"$undefined"},{"id":2580,"value":"treeMapSheet13 = await FileAttachment(\"TREE MAP - Sheet1 (3)@2.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"treeMapSheet13","database":"$undefined"},{"id":891,"value":"import {Swatches} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":896,"value":"mapVar = \"MATERIAL\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":907,"value":"mapVal = \"transport\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2238,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2c:"$2b:body"