28:null 29:["$","title",null,{"children":"Manhattan Map 11/21/2024 - LYDIA | Seilsl's Workspace | Observable"}] 2e:T1b5e,chart = { const width = 900,//pixel size of the map height = 1200; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); // Use Mercator projection var projection = d3 .geoMercator()//projection system used .fitSize([width, height], qgisBorder); var path1 = 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 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 var t = svg.selectAll("text") //static lines from qgis staticLines(path1, qgisBorder.features,"none",'1','1',"rgb(0,0,0)") staticLines(path2, manhattanDistrictOutlines.features,"none",'1','5.',"rgb(0,0,0)") staticLines(path3, buildingFootprints.features,"none",'1','.35',"black") staticLines(path4, roadCenterlines.features,"none",'.5','1',"white") staticLines(path5, manhattanOutline.features,"none",'1','.125',"black") staticLines(path7, qgiscds.features,"none",'1','1',"white") function staticLines(path, data, sfill, 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('stroke-opacity',sOpac) .style("stroke-width", sW) .style("stroke", stroke) } g.enter().append("path") .data(buildingFootprints.features) //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", path7) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", fillColor) .style('stroke-opacity','1') .style("stroke-width",'0') .style("stroke", 'none') function fillColor(d, i) { var year = 2024 - d.properties.cnstrct_yr; // Scale and exaggerate the year for variation year = Math.min(255, Math.max(0, Math.pow(year, 1.2))); var scaledYear = year % 255; var red = Math.min(180, scaledYear * 0.6); var green = Math.min(180, scaledYear * 0.3); var blue = Math.min(255, scaledYear * 1.2); var color = `rgb(${red},${green},${blue})`; //console.log("color"); //console.log(color); return color; } g.enter().append("path") .data(qgiscds.features) //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", path7) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", RiskCalc) .style('stroke-opacity','1') .style("stroke-width",'0') .style("stroke", 'none') ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// function RiskCalc(d, i) { ////////////////////////////////////////////////////////Asbestos var Asbestos = d.properties.AsbestosMain; Asbestos = Number(Asbestos) //console.log("Asbestos as a number"); //console.log(Asbestos); var aRisk = [] if(Asbestos<= 165){aRisk.push(1)} if(Asbestos>= 166 && Asbestos<= 330){aRisk.push(2)} if(Asbestos>= 331 && Asbestos<= 500){aRisk.push(3)} if(Asbestos>= 501 && Asbestos<= 665){aRisk.push(4)} //return aRisk; //console.log(aRisk); //////////////////////////////////////////////////////Fine Particles var FineParticles = d.properties.FineParticles; FineParticles = Number(FineParticles) var FPRisk = [] if(FineParticles<= 5){FPRisk.push(1)} if(FineParticles>= 6 && FineParticles<= 9){FPRisk.push(2)} if(FineParticles>= 10 && FineParticles<= 12){FPRisk.push(3)} if(FineParticles>= 13 && FineParticles<= 20){FPRisk.push(4)} //return FPRisk; //console.log("FP Risk"); //console.log(FPRisk); //////////////////////////////////////////////////////VOC var VOC = d.properties.VOC; VOC = Number(VOC) //console.log("VOC"); //console.log(VOC); //console.log(typeof VOC); //VOC = Number(VOC) var VOCRisk = [] if(VOC<= 30){VOCRisk.push(1)} if(VOC>= 31 && VOC<= 50){VOCRisk.push(2)} if(VOC>= 51 && VOC<= 82){VOCRisk.push(3)} if(VOC>= 83 && VOC<= 500){VOCRisk.push(4)} //return VOCRisk; //console.log(VOCRisk); //////////////////////////////////////////////////////Mold var Mold = d.properties.MoldPoints; //Mold = Number(Mold) //console.log("Mold"); //console.log(Mold); //console.log(typeof Mold); var MoldRisk = [] if(Mold<= 800){MoldRisk.push(1)} if(Mold>= 801 && Mold<= 1600){MoldRisk.push(2)} if(Mold>= 1601 && Mold<= 2400){MoldRisk.push(3)} if(Mold>= 2401 && Mold<= 4000){MoldRisk.push(4)} //return MoldRisk; //console.log(MoldRisk); /////////////////////////////////////////////////////Lead var Lead = d.properties.LeadPoints; //Lead = Number(Lead) var LeadRisk = [] if(Lead<= 800){LeadRisk.push(1)} if(Lead>= 801 && Lead<= 1600){LeadRisk.push(2)} if(Lead>= 1601 && Lead<= 2400){LeadRisk.push(3)} if(Lead>= 2401 && Lead<= 4000){LeadRisk.push(4)} //return LeadRisk; //console.log(LeadRisk); ////////////////////////////////////////////////////////////Total Calc var added = aRisk[0] + FPRisk[0] + VOCRisk[0] + MoldRisk[0] + LeadRisk[0] var totalRisk = 0 if(added<= 7){totalRisk = 1} if(added>= 8 && added<= 10){totalRisk = 2} if(added>= 11 && added<= 14){totalRisk = 3} if(added>= 15 && added<= 20){totalRisk = 4} //return totalRisk; console.log("TOTALRISK"); console.log(totalRisk); ///////////////////////////////////////////////////////////Color Indicator //totalRisk = Math.min(255, Math.max(0, Math.pow(totalRisk, 1.2))); // var scaledRisk = totalRisk % 255; console.log(totalRisk); //var riskcolor = "none"; var riskcolor = "rgb(10, 10, 10)"; if(totalRisk == 0){riskcolor = "rgb(10, 10, 40)"} if(totalRisk == 1){riskcolor = "rgb(20, 20, 80)"} if(totalRisk == 2){riskcolor = "rgb(50, 20, 110)"} if(totalRisk == 3){riskcolor = "rgb(80, 20, 140)"} if(totalRisk == 4){riskcolor = "rgb(110, 20, 170)"} return riskcolor; //var red = Math.min(180, scaledRisk * 20); // var green = Math.min(180, scaledRisk * 15); //var blue = Math.min(255, scaledRisk * 15); //var color2 = `rgb(${red},${green},${blue})`; //console.log(color2); //return color2; } return svg.node(); }2f:[{"id":"61d4fea980fed0b140b1bd2e4aaa5db4e03c7e74452cb0abf8443356cc628aaa99bdcdc541b8f5f7e5118ecdb8e64b81c58a6cd9270a346abd2f5fe1568d7a16","href":"https://static.observableusercontent.com/files/61d4fea980fed0b140b1bd2e4aaa5db4e03c7e74452cb0abf8443356cc628aaa99bdcdc541b8f5f7e5118ecdb8e64b81c58a6cd9270a346abd2f5fe1568d7a16","name":"Building Footprints.geojson","type":"application/geo+json","lastModified":1732129994659.844,"size":38727967},{"id":"05fd2d2fdd5c0e35c8b7451fdbb2e94fe88c24aa9df9a42a0bc05b6f338f211e92228d916016e363e331ad9921e047d4c850aec625a1de33292c6d77c9b8c20f","href":"https://static.observableusercontent.com/files/05fd2d2fdd5c0e35c8b7451fdbb2e94fe88c24aa9df9a42a0bc05b6f338f211e92228d916016e363e331ad9921e047d4c850aec625a1de33292c6d77c9b8c20f","name":"Manhattan District Outlines.geojson","type":"application/geo+json","lastModified":1732129994659.844,"size":387146},{"id":"e5cf2d941e663a20b649984e0e5343a468e0e19ff1b28356166dc8c19c2dcf1ab5c990bfe001a00fb56276d6f5df9ab467bf2ce919c96c260c66db0b5f8e3934","href":"https://static.observableusercontent.com/files/e5cf2d941e663a20b649984e0e5343a468e0e19ff1b28356166dc8c19c2dcf1ab5c990bfe001a00fb56276d6f5df9ab467bf2ce919c96c260c66db0b5f8e3934","name":"Manhattan Outline.geojson","type":"application/geo+json","lastModified":1732129994659.844,"size":1832093},{"id":"d8ffbe11baff12f27935f931c1f1f54c7b7a607fa683655eae18015cb0e0f9999d30af793be4d77aa428574d75dafcc27e97508424349469a2fe07a11002fd6b","href":"https://static.observableusercontent.com/files/d8ffbe11baff12f27935f931c1f1f54c7b7a607fa683655eae18015cb0e0f9999d30af793be4d77aa428574d75dafcc27e97508424349469a2fe07a11002fd6b","name":"QGIS Border.geojson","type":"application/geo+json","lastModified":1732129994659.844,"size":502},{"id":"975f1193075ee82fef90722c6264f011d681f37e5ee31d3d0ce08d3585625052c4572b97efa083043cdc54936c3fa32297fd9d6399d9522204d4218013fb514a","href":"https://static.observableusercontent.com/files/975f1193075ee82fef90722c6264f011d681f37e5ee31d3d0ce08d3585625052c4572b97efa083043cdc54936c3fa32297fd9d6399d9522204d4218013fb514a","name":"Road Centerlines.geojson","type":"application/geo+json","lastModified":1732129994659.844,"size":12130958},{"id":"ba6fba40161b6d4801d731cfba927b6fd12a433393ad237af409d3eb06eed6269390f1e98ef73c8b6f55c88b347aea8acda0bf5dd8129dde413481681c82e994","href":"https://static.observableusercontent.com/files/ba6fba40161b6d4801d731cfba927b6fd12a433393ad237af409d3eb06eed6269390f1e98ef73c8b6f55c88b347aea8acda0bf5dd8129dde413481681c82e994","name":"QGISCDS.geojson","type":"application/geo+json","lastModified":1733931121987.96,"size":4430681}] 2c:{"id":"4387cf2c9fc48c39","slug":null,"title":"Manhattan Map 11/21/2024 - LYDIA","thumbnail":"a426a1ec9f79b7061da96f3ad426e7d2bd8cb3f2f9e579e40959896338d07dbd","access_level":"public","create_time":"$D2024-11-20T19:13:14.659Z","update_time":"$D2024-12-11T16:34:30.097Z","view_time":null,"first_public_time":"$D2024-11-21T15:51:32.349Z","fork":{"id":"488db88b83de44c5","slug":null,"title":"Manhattan Map 11/21/2024","owner":{"id":"2c50f30bddb2fe61","login":"cooper-myers-ws","name":"Cooper Myers's Workspace"}},"stars":0,"starred":false,"owner":{"type":"team","id":"64ca8db2f27412bb","login":"seilsl-ws","name":"Seilsl's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/cc49ebd6a16e2f972d1963115a1aaf033207bcfb809d5e5d5cefc5fb83346a1e","tier":"starter_2024"},"version":253,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2131a4adb7d9e0ad","login":"seilsl","name":"Seilsl","avatar_url":"https://avatars-next.observableusercontent.com/07170afc9f8ebac3df2d6861615afc374f319f40b2513a11ac311dfefd6c47df","tier":null}],"members":[{"type":"individual","id":"2131a4adb7d9e0ad","login":"seilsl","name":"Seilsl","avatar_url":"https://avatars-next.observableusercontent.com/07170afc9f8ebac3df2d6861615afc374f319f40b2513a11ac311dfefd6c47df","tier":null,"role":"editor"},{"type":"team","id":"64ca8db2f27412bb","login":"seilsl-ws","name":"Seilsl's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/cc49ebd6a16e2f972d1963115a1aaf033207bcfb809d5e5d5cefc5fb83346a1e","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Manhattan Map 11/21/2024 - LYDIA","cells":[{"id":0,"value":"# Manhattan Map 11/21/2024 - LYDIA","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":5,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":148,"value":"qgisBorder = FileAttachment(\"QGIS Border.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":218,"value":"qgiscds = FileAttachment(\"QGISCDS.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":59,"value":"buildingFootprints = FileAttachment(\"Building Footprints.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":32,"value":"manhattanDistrictOutlines = FileAttachment(\"Manhattan District Outlines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":65,"value":"manhattanOutline = FileAttachment(\"Manhattan Outline.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":66,"value":"roadCenterlines = FileAttachment(\"Road Centerlines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"