2f:T2c03,chart = { const width = 6000, height = 6000; const svg = d3.create("svg") .attr("viewBox", [-100, 2000, width-0, height-0]); //use in tandom to create a better square var projection = d3 .geoMercator() .fitSize([width - 50, height - 50], bbox); var path1 = d3.geoPath().projection(projection);//any path that comes from qgis var path2 = d3.geoPath().projection(projection); var path3 = d3.geoPath().projection(projection); var path4 = d3.geoPath().projection(projection); var g = svg.append("g").attr("id", "paths"); var t = svg.selectAll('text') g.selectAll("path2") //d3 geopath .data(streets.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", path2) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '5') .style("stroke", "red") g.selectAll("path3") .data(bldgs.features) .enter() .append("path") .attr('class','outlines') .attr("d", path3) .style("fill", "rgb(240,240,240)") .style("fill-opacity", "1") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "black") //Title............................................................................................................................................... svg .append("text") .attr('x','500') .attr('y','500') .style('font-family','helvetica') .style('font-size','8px') .style('font-weight','bold') .text('Historic Troy') svg .append("text") .attr('x','500') .attr('y','550') .style('font-family','helvetica') .style('font-size','4px') .style('font-weight','bold') .text('Building Description:') svg .append("line") .attr('x1','-500') .attr('y1','600') .attr('x2','0') .attr('y2','13300') .style("stroke-width", '110') .style("stroke", "rgb(0,0,0)") //haunted locations start........................................................................................................................... //RESET BUTTON HERE TOO var p = svg.selectAll("polyline") .data(ghostIconForMap) .enter() .append("polyline") .attr('points', function(d){return d}) .attr('transform', 'translate(4000,4400)') .style('fill', 'red') .style('stroke','black') .style('stroke-width','1') .style('stroke-fill', '4,4,8,8') .on('click',reset) //resets to original map when the white barn is clicked on function reset(){ d3.selectAll('polyline.selected').remove() d3.selectAll('text.historicText').remove() } p.enter().append("polyline") .data(icon_list) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon2') .attr('points', function(d){return d.pts}) .attr('transform',function(d){return 'translate('+projection([d.data.Long,d.data.Lat])[0]+','+projection([d.data.Long,d.data.Lat])[1]+')'}) .style('stroke','black') .style('fill','white') .style('stroke-width','1') .style('stroke-fill', '4,4,8,8') .on('mouseover',hauntedInfo)//listens for a mousover, and calls function .on('mouseout', hauntedInfoOut) function hauntedInfo(event,d){ d3.select(this).style('fill','cyan') svg .append('text') .attr('class','hauntedText') .attr('x','-500') .attr('y','700') .style("font-family", "Helvetica") .style('font-size','1em') .style('font-weight','10') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Name) svg .append('text') .attr('class','hauntedText') .attr('x','500') .attr('y','700') .style("font-family", "Helvetica") .style('font-size','.60em') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Description) //change where description text goes............................................................................................................. svg .append("text") .attr('x','500') .attr('y','700') .attr('class','ghostIconForMap_position') .style('font-family','helvetica') .style('font-size','4px') .style('font-weight','bold') .text(d.properties.Name) svg .append("text") .attr('x','500') .attr('y','700') .attr('class','ghostIconForMap_position') .style('font-family','helvetica') .style('font-size','4px') .style('font-weight','light') .text(d.properties.Description) //change number to see how far text can reach......................................................................................................... var wrap = svg.selectAll("text.ghostIconForMap_position") .each(function(d, i) { wrap_text(d3.select(this), 200) }); //Adds pointer line................................................................................................................................... svg .append("line") .attr('x1','500') .attr('y1','500') .attr('x2', path1.centroid(d)[0]) .attr('y2', path1.centroid(d)[1]) .attr('class','hauntedLine') .style("stroke-width", '25') .style("stroke", "black") .style('stroke-dasharray', '6 4') } function hauntedInfoOut(event, d){ d3.selectAll('text.hauntedText').remove() d3.selectAll('line.hauntedLine').remove() d3.selectAll('line.ghostIconForMap_position').remove() } //start of Firehouse/historical data.............................................................................................................. var e = svg.selectAll("polyline") .data(mypointsHistory) .enter() //there are more data than elements, this selects them .append('class','historypts') .attr("cx", function(d) {return projection([d.Long,d.Lat])[0]}) .attr("cy", function(d) {return projection([d.Long,d.Lat])[1]}) .style('fill','green') .style('stroke','black') .style('stroke-width','.5') var c = svg.selectAll("polyline") .data(ghostIconForMap) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d}) .attr('transform','translate(1000,2000)') .style('fill','yellow') .style('stroke','black') .style('stroke-width','3') //Start of Clicker..................................................................................................... c.enter().append("polyline") .data(icon_list2) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon') .attr('points',function(d){return d.pts}) .attr('transform',function(d){return 'translate('+projection([d.data.Long,d.data.Lat])[0]+','+projection([d.data.Long,d.data.Lat])[1]+')'}) .style('fill','black') .style('stroke','black') .style('stroke-width','.5') .on('mouseover',historictext) .on('mouseout',removehistorictext) .on('click', historicClick) function historicClick(event,d){ console.log('historic click') //remove any cow icon d3.selectAll('polyline.selected').remove() d3.selectAll('text.historicText').remove() //draw cow icon at click c.enter().append("polyline") .data(selected) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d}) .attr('class','selected') .attr('transform','translate('+projection([d.data.Long,d.data.Lat])[0]+','+projection([d.data.Long,d.data.Lat])[1]+')') .style('fill','cyan') //information for removing text........................................................................................................................ for (let i = 0; i < historyData.length; i=i+1) { console.log(d.data.Name) console.log(historyData[i].name) if(d.data.Name==historyData[i].name){//match our clicked icon name w/ time scare name console.log('match') //write our time here: t.enter().append('text') .data(historyData[i].clue) .enter() .append('text') .attr('class','historicText') .attr('x','500') .attr('y',function(d,i){return 300+(i*20)}) .style("font-family", "Helvetica") .style('font-size','5px') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(function(d){return d.hours}) .on('click',haunt) t.enter().append('text') .data(historyData[i].clue) .enter() .append('text') .attr('class','historicText') .attr('x','500') .attr('y',function(d,i){return 100+(i*20)}) .style("font-family", "Helvetica") .style('font-size','300em') .style('font-weight','1000') .style('fill','rgb(0,00,0)') .style('text-anchor','start') .text(function(d){return d.scare}) ////write prompt from google sheets svg .append('text') .attr('class','historicText') .attr('x','1000') .attr('y','1300') .style("font-family", "Helvetica") .style('font-size','100em') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Prompt) } } } function historictext(event,d){ console.log(d) //change where description text goes.................................................................................................................. svg .append("text") .attr('x','500') .attr('y','1470') .attr('class','mypoints_position') .style('font-family','helvetica') .style('font-size','4px') .style('font-weight','bold') .text(d.data.Name) svg .append("text") .attr('x','500') .attr('y','1500') .attr('class','mypoints_position') .style('font-family','helvetica') .style('font-size','4px') .style('font-weight','light') .text(d.data.Description) //change number to see how far text can reach......................................................................................................... var wrap = svg.selectAll("text.mypoints_position") .each(function(d, i) { wrap_text(d3.select(this), 200) }); //Adds pointer line................................................................................................................................... svg .append("line") .attr('x1','500') .attr('y1','550') .attr('x2', path1.centroid(d)[0]) .attr('y2', path1.centroid(d)[1]) .attr('class','fireLine') .style("stroke-width", '25') .style("stroke", "black") .style('stroke-dasharray', '6 4') } function removehistorictext(){ d3.selectAll('text.mypoints_position').remove() d3.selectAll('line.fireLine').remove() } return svg.node(); }30:T8e5,historyData = { var array = [] //add restaurants and menu items to array array.push({name:"National State Bank Building",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"McCarthy Building",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Llium Building",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Church of the Holy Cross",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Chapel and Cultural Center",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Winslow Chemical Lab",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Theta Xi",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Troy Savings Bank and Music Hall",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Proctor's Theater",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"W. & L.E. Gurley Building",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Hart-Cluett House",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Troy Public Library",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Pumpkin House",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Public School No. 10",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"St. Paul's Episcopal Church",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"U.S Post Office",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"RSE",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) array.push({name:"Fire Alarm, Telegraph, and Police Signaling Building",clue:[{hours:"1",scare:'30'},{hours:"2",scare:'40'},{hours:"3",scare:'60'}]}) return array }31:Tda6,dashboard1 = html`

${dashboard_graphics}

${dashboard_graphics2}

${chart}

${viewof NSBB}

${viewof MCCB}

${viewof IB}

${viewof WLE}

${viewof CHC}

${viewof CCC}

${viewof PO}

${viewof WCL}

${viewof TX}

${viewof BMH}

${viewof SPC}

${viewof PT}

${viewof FA}

${viewof RSE}

${viewof HCH}

${viewof TPL}

${viewof PH}

${viewof PS}

${md`Ghost Option 1: **${calculatedValues[0]}** `}

${DrawGhostMap}

${md`Ghost Option 2: **${calculatedValues[1]}** `}

${DrawGhostMap}

${md`Ghost Option 3: **${calculatedValues[2]}** `}

${DrawGhostMap}

`32:T9fd,calculatedValues = { var haunt1 = 0 var haunt2 = 0 var haunt3 = 0 haunt1 = haunt1+Haunt1Dataset[0].haunt*NSBB haunt1 = haunt1+Haunt1Dataset[1].haunt*MCCB haunt1 = haunt1+Haunt1Dataset[2].haunt*IB haunt1 = haunt1+Haunt1Dataset[3].haunt*WLE haunt1 = haunt1+Haunt1Dataset[4].haunt*CHC haunt1 = haunt1+Haunt1Dataset[5].haunt*CCC haunt1 = haunt1+Haunt1Dataset[6].haunt*PO haunt1 = haunt1+Haunt1Dataset[7].haunt*WCL haunt1 = haunt1+Haunt1Dataset[8].haunt*TX haunt1 = haunt1+Haunt1Dataset[9].haunt*BMH haunt1 = haunt1+Haunt1Dataset[10].haunt*SPC haunt1 = haunt1+Haunt1Dataset[11].haunt*PT haunt1 = haunt1+Haunt1Dataset[12].haunt*FA haunt1 = haunt1+Haunt1Dataset[13].haunt*RSE haunt1 = haunt1+Haunt1Dataset[14].haunt*HCH haunt1 = haunt1+Haunt1Dataset[15].haunt*TPL haunt1 = haunt1+Haunt1Dataset[16].haunt*PH haunt1 = haunt1+Haunt1Dataset[17].haunt*PS haunt2 = haunt2+Haunt2Dataset[0].haunt*NSBB haunt2 = haunt2+Haunt2Dataset[1].haunt*MCCB haunt2 = haunt2+Haunt2Dataset[2].haunt*IB haunt2 = haunt2+Haunt2Dataset[3].haunt*WLE haunt2 = haunt2+Haunt2Dataset[4].haunt*CHC haunt2 = haunt2+Haunt2Dataset[5].haunt*CCC haunt2 = haunt2+Haunt2Dataset[6].haunt*PO haunt2 = haunt2+Haunt2Dataset[7].haunt*WCL haunt2 = haunt2+Haunt2Dataset[8].haunt*TX haunt2 = haunt2+Haunt2Dataset[9].haunt*BMH haunt2 = haunt2+Haunt2Dataset[10].haunt*SPC haunt2 = haunt2+Haunt2Dataset[11].haunt*PT haunt2 = haunt2+Haunt2Dataset[12].haunt*FA haunt2 = haunt2+Haunt2Dataset[13].haunt*RSE haunt2 = haunt2+Haunt2Dataset[14].haunt*HCH haunt2 = haunt2+Haunt2Dataset[15].haunt*TPL haunt2 = haunt2+Haunt2Dataset[16].haunt*PH haunt2 = haunt2+Haunt2Dataset[17].haunt*PS haunt3 = haunt3+Haunt3Dataset[0].haunt*NSBB haunt3 = haunt3+Haunt3Dataset[1].haunt*MCCB haunt3 = haunt3+Haunt3Dataset[2].haunt*IB haunt3 = haunt3+Haunt3Dataset[3].haunt*WLE haunt3 = haunt3+Haunt3Dataset[4].haunt*CHC haunt3 = haunt3+Haunt3Dataset[5].haunt*CCC haunt3 = haunt3+Haunt3Dataset[6].haunt*PO haunt3 = haunt3+Haunt3Dataset[7].haunt*WCL haunt3 = haunt3+Haunt3Dataset[8].haunt*TX haunt3 = haunt3+Haunt3Dataset[9].haunt*BMH haunt3 = haunt3+Haunt3Dataset[10].haunt*SPC haunt3 = haunt3+Haunt3Dataset[11].haunt*PT haunt3 = haunt3+Haunt3Dataset[12].haunt*FA haunt3 = haunt3+Haunt3Dataset[13].haunt*RSE haunt3 = haunt3+Haunt3Dataset[14].haunt*HCH haunt3 = haunt3+Haunt3Dataset[15].haunt*TPL haunt3 = haunt3+Haunt3Dataset[16].haunt*PH haunt3 = haunt3+Haunt3Dataset[17].haunt*PS return [haunt1, haunt2, haunt3] }33:[{"id":"7862aaea84c0a17da922eef9ce266944ced2dce80c3def75ca50d920a7ca88707d2105420ae932a640a9f3566c6cbee939f3dbe7467bf577a0c0626b646933cc","href":"https://static.observableusercontent.com/files/7862aaea84c0a17da922eef9ce266944ced2dce80c3def75ca50d920a7ca88707d2105420ae932a640a9f3566c6cbee939f3dbe7467bf577a0c0626b646933cc","name":"ghost icon for map.txt","type":"text/plain","lastModified":1710441812210.141,"size":7380},{"id":"70a04a6bd297bf1b8b6c9af71ada84e8c9e01bb3228a5bb72793bfd1ef5255450f396d04af8746c0eec666a15342849dfc8554e716c6d319804b7b70ea2d6505","href":"https://static.observableusercontent.com/files/70a04a6bd297bf1b8b6c9af71ada84e8c9e01bb3228a5bb72793bfd1ef5255450f396d04af8746c0eec666a15342849dfc8554e716c6d319804b7b70ea2d6505","name":"ghost icon for map-4.txt","type":"text/plain","lastModified":1710441922374.407,"size":2384},{"id":"3d02f8937670794173a747c1bc4124990160c57d891a3d5a143211925ef615173111e4dbc6c2e07119f3490bc404a7254be3f309dcff3f8865d5444fa5bf5c8b","href":"https://static.observableusercontent.com/files/3d02f8937670794173a747c1bc4124990160c57d891a3d5a143211925ef615173111e4dbc6c2e07119f3490bc404a7254be3f309dcff3f8865d5444fa5bf5c8b","name":"ghost icon for map@1.txt","type":"text/plain","lastModified":1710441953245.697,"size":2421},{"id":"70a04a6bd297bf1b8b6c9af71ada84e8c9e01bb3228a5bb72793bfd1ef5255450f396d04af8746c0eec666a15342849dfc8554e716c6d319804b7b70ea2d6505","href":"https://static.observableusercontent.com/files/70a04a6bd297bf1b8b6c9af71ada84e8c9e01bb3228a5bb72793bfd1ef5255450f396d04af8746c0eec666a15342849dfc8554e716c6d319804b7b70ea2d6505","name":"ghost icon for map-4@1.txt","type":"text/plain","lastModified":1710441974179.327,"size":2384},{"id":"f025d5f35d892bde387cce51f4c626cead32433fed0034a38550988a8c799619b076f0d2bc0b254b0e599170b46d441c3738a2becd49da89377417d036330f8b","href":"https://static.observableusercontent.com/files/f025d5f35d892bde387cce51f4c626cead32433fed0034a38550988a8c799619b076f0d2bc0b254b0e599170b46d441c3738a2becd49da89377417d036330f8b","name":"star.txt","type":"text/plain","lastModified":1710442187684.012,"size":311},{"id":"3d02f8937670794173a747c1bc4124990160c57d891a3d5a143211925ef615173111e4dbc6c2e07119f3490bc404a7254be3f309dcff3f8865d5444fa5bf5c8b","href":"https://static.observableusercontent.com/files/3d02f8937670794173a747c1bc4124990160c57d891a3d5a143211925ef615173111e4dbc6c2e07119f3490bc404a7254be3f309dcff3f8865d5444fa5bf5c8b","name":"ghost icon for map@2.txt","type":"text/plain","lastModified":1710442208595.36,"size":2421},{"id":"70a04a6bd297bf1b8b6c9af71ada84e8c9e01bb3228a5bb72793bfd1ef5255450f396d04af8746c0eec666a15342849dfc8554e716c6d319804b7b70ea2d6505","href":"https://static.observableusercontent.com/files/70a04a6bd297bf1b8b6c9af71ada84e8c9e01bb3228a5bb72793bfd1ef5255450f396d04af8746c0eec666a15342849dfc8554e716c6d319804b7b70ea2d6505","name":"ghost icon for map@4.txt","type":"text/plain","lastModified":1709844837345.944,"size":2384},{"id":"d438cdbb36435f4b0075b0cdbaf8830232b10d5c14a8305315e197c4a977a9a61fcc9d2ac3f231a2147b2a864f5153a2aaadb4f4a4bf13d61ac76965b2cbd76b","href":"https://static.observableusercontent.com/files/d438cdbb36435f4b0075b0cdbaf8830232b10d5c14a8305315e197c4a977a9a61fcc9d2ac3f231a2147b2a864f5153a2aaadb4f4a4bf13d61ac76965b2cbd76b","name":"whenselected@1.txt","type":"text/plain","lastModified":1709844837345.944,"size":442},{"id":"8b084ecd5f47097bd64db28d99da810e70aeb42aa5ab4f860d9155953a02c476edbe24c837780e85370cd88244f6e9b912d9d6d3be91eb42a6d0ba3410805185","href":"https://static.observableusercontent.com/files/8b084ecd5f47097bd64db28d99da810e70aeb42aa5ab4f860d9155953a02c476edbe24c837780e85370cd88244f6e9b912d9d6d3be91eb42a6d0ba3410805185","name":"troy-historic.geojson","type":"application/geo+json","lastModified":1709844837345.944,"size":10298},{"id":"6324611c44224e46c1d3a07da6ac0f9bd02783e24c6a72d06e3b1effb270ac858ec44035e59abff3a1b0cf924561a52a0c32e4f76fc5cd9b9a14f24ac52e20ff","href":"https://static.observableusercontent.com/files/6324611c44224e46c1d3a07da6ac0f9bd02783e24c6a72d06e3b1effb270ac858ec44035e59abff3a1b0cf924561a52a0c32e4f76fc5cd9b9a14f24ac52e20ff","name":"boxerererer.geojson","type":"application/geo+json","lastModified":1709844837345.944,"size":3520},{"id":"035b13fb44fb237d6d2dda15a90f63804558c23df3397f0de82b76784eba2a9a3bacd6ecb6d3c53210168c2472770c0fbfc12e6f6b741f8a588d0b3a9f77e2ce","href":"https://static.observableusercontent.com/files/035b13fb44fb237d6d2dda15a90f63804558c23df3397f0de82b76784eba2a9a3bacd6ecb6d3c53210168c2472770c0fbfc12e6f6b741f8a588d0b3a9f77e2ce","name":"Streets.geojson","type":"application/geo+json","lastModified":1709844837345.944,"size":1810061},{"id":"80dc93e484bd0d91a60bb0155de40c36a273b822dc0d4393768865bc95ad4030a7e5a90fa429d911a28d3e21ef42cec7f7d07a8ce2fcd85103298f27fd9b7f50","href":"https://static.observableusercontent.com/files/80dc93e484bd0d91a60bb0155de40c36a273b822dc0d4393768865bc95ad4030a7e5a90fa429d911a28d3e21ef42cec7f7d07a8ce2fcd85103298f27fd9b7f50","name":"aa RensBuildingFP.geojson","type":"application/geo+json","lastModified":1709844837345.944,"size":3014799},{"id":"0c9f7f9f46063df168b2660879dad27c78a607eab0ee8202f5004f0778866e23db0122dea01142233f7e19b05424786df3336da01fe94155c371ed660b0af8f7","href":"https://static.observableusercontent.com/files/0c9f7f9f46063df168b2660879dad27c78a607eab0ee8202f5004f0778866e23db0122dea01142233f7e19b05424786df3336da01fe94155c371ed660b0af8f7","name":"traffic.geojson","type":"application/geo+json","lastModified":1709844837345.944,"size":29947},{"id":"98fc87b2c430a7ab1365fc623e10817ca94abad83d91f55ee469ffe22fd57f06594aeec39993239b1f0a8633a584dfaffec90bf6d7f126d8213952f68750bfbe","href":"https://static.observableusercontent.com/files/98fc87b2c430a7ab1365fc623e10817ca94abad83d91f55ee469ffe22fd57f06594aeec39993239b1f0a8633a584dfaffec90bf6d7f126d8213952f68750bfbe","name":"firre4.geojson","type":"application/geo+json","lastModified":1709844837345.944,"size":1283},{"id":"76e50107984b8d61be6c26f435bb4aa191c7906f58d4181714f9e57dc9a5dbda9f77c6a82fe84d85f115cd7a95e470727dda19de68407bd3278c6d8178e1c485","href":"https://static.observableusercontent.com/files/76e50107984b8d61be6c26f435bb4aa191c7906f58d4181714f9e57dc9a5dbda9f77c6a82fe84d85f115cd7a95e470727dda19de68407bd3278c6d8178e1c485","name":"dashboard@2.txt","type":"text/plain","lastModified":1709844837345.944,"size":149},{"id":"88ee5da3a687783e58f96c562700ebebc1175a164e6dca7c2420c12a69f8bf64ae6d4f858866d4aee6b24605f073756b74620a0867cc19022d9e0a7389e4d0ed","href":"https://static.observableusercontent.com/files/88ee5da3a687783e58f96c562700ebebc1175a164e6dca7c2420c12a69f8bf64ae6d4f858866d4aee6b24605f073756b74620a0867cc19022d9e0a7389e4d0ed","name":"dashboard 2.txt","type":"text/plain","lastModified":1709844837345.944,"size":298}] 2d:{"title":"base map - UD Spring 2024 - Troy 3.5 class","cells":[{"id":11,"value":"# base map - UD Spring 2024 - Troy 3.5 class","pinned":true,"hidden":false,"mode":"md"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1224,"value":"mutable wallet = 100","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":1210,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":196,"value":"bbox = FileAttachment(\"boxerererer.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"streets = FileAttachment(\"Streets.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":37,"value":"bldgs = FileAttachment(\"aa RensBuildingFP.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":356,"value":"traffic = FileAttachment(\"traffic.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":364,"value":"fire = FileAttachment(\"firre4.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":442,"value":"mypoints = FileAttachment(\"troy-historic.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1238,"value":"realhistory = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQG8HcXWHsAAw44o2BILgcxKsaDuZx5dlKGLst82ViwY1fb_3X-t6qw0OSYQhdatnHiXJ8stmqsj5ip/pub?gid=0&single=true&output=csv'","pinned":true,"hidden":false,"mode":"ojs"},{"id":1240,"value":"mypointsHistory = d3.csv(realhistory,d3.autotype)","pinned":true,"hidden":false,"mode":"ojs"},{"id":688,"value":"haunt = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQG8HcXWHsAAw44o2BILgcxKsaDuZx5dlKGLst82ViwY1fb_3X-t6qw0OSYQhdatnHiXJ8stmqsj5ip/pub?gid=2010654036&single=true&output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":690,"value":"haunted = d3.csv(haunt,d3.autotype)","pinned":true,"hidden":false,"mode":"ojs"},{"id":122,"value":"personal_spots_link = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vStBhbhl6LHas8Euhs72kaCDN1uWQ0PfP8SWvAioLvAHJEgDj16BJcNpIDlb1rxB1aLDyoo4hR5VsQK/pub?output=csv'\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":138,"value":"personal_spots = d3.csv(personal_spots_link,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":142,"value":"import { wrap_text, wrap_text_nchar } from \"@ben-tanen/svg-text-and-tspan-word-wrapping\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":695,"value":"ghostIconForMap = FileAttachment(\"ghost icon for map@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1371,"value":"selected = FileAttachment(\"whenselected@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":698,"value":"icon_list = {\n\n ////create empty list\nvar list = []\n\n//// loop through google sheets list\n for (let i = 0; i < haunted.length; i++) {\n\n //function to add items to a list\n list.push({data:haunted[i],pts:ghostIconForMap})\n }\n\n\n////return list\n return list\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1268,"value":"icon_list2 = {\n\n ///create empty list\n var list = []\n\n ///loop through google sheets list\n for (let i = 0; i < mypointsHistory.length; i++) {\n //function to add item to a list\n list.push({data:mypointsHistory[i],pts:ghostIconForMap})\n } \n \n //add icon points to each google sheet item\n ////addd combined data to empty list\n\n\n //return new list\n return list\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":872,"value":"dashboard = FileAttachment(\"dashboard@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":943,"value":"dashboard2 = FileAttachment(\"dashboard 2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":869,"value":"dashboard_graphics = {\n\nconst width = 35660,\n height = 40000;\n\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\",[1000,500,width,height]);\n\nvar p = svg.selectAll(\"polyline\")\n .data(dashboard)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\") \n .attr('points', function(d){return d})\n .attr('transform', 'translate(1000,-10000)')\n .style(\"fill-opacity\", \"0.5\")\n .style('fill', 'dark grey')\n .style('stroke','black')\n .style('stroke-width','50')\n .style('stroke-fill', '4,4,8,8')\n .style(\"stroke-opacity\", \"50\")\n\n return svg.node();\n\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":940,"value":"dashboard_graphics2 = {\n\nconst width = 35660,\n height = 40000;\n\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\",[1000,500,width,height]);\n\nvar p = svg.selectAll(\"polyline\")\n .data(dashboard2)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\") \n .attr('points', function(d){return d})\n .attr('transform', 'translate(1000,-11250)')\n .style(\"fill-opacity\", \"0.75\")\n .style('fill', 'white')\n .style('stroke','black')\n .style('stroke-width','50')\n .style('stroke-fill', '4,4,8,8')\n .style(\"stroke-opacity\", \"50\")\n\n return svg.node();\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":794,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":979,"value":"DrawGhostMap = {\n var icon = ' '\n if(calculatedValues[0]>=5) {icon = drawghost}\n if(calculatedValues[1]>=4) {icon = drawghost2}\n if(calculatedValues[2]>=6) {icon = drawghost3}\n\n\n return icon\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":796,"value":"viewof NSBB = Inputs.radio([\"1\"], {label: \"National State Bank Building?\"})\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":802,"value":"viewof MCCB = Inputs.radio([\"1\"], {label: \"McCarthy Building?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":804,"value":"viewof IB = Inputs.radio([\"1\"], {label: \"Ilium Building?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":815,"value":"viewof WLE = Inputs.radio([\"1\"], {label: \"W. & L.E. Gurley Building?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":819,"value":"viewof CHC = Inputs.radio([\"1\"], {label: \"Church of the Holy Cross?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":823,"value":"viewof CCC = Inputs.radio([\"1\"], {label: \"Chapel and Cultural Center?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":827,"value":"viewof PO = Inputs.radio([\"1\"], {label: \"U.S Post Office?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":831,"value":"viewof WCL = Inputs.radio([\"1\"], {label: \"Winslow Chemical Lab?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":835,"value":"viewof TX = Inputs.radio([\"1\"], {label: \"Theta Xi?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":839,"value":"viewof BMH = Inputs.radio([\"1\"], {label: \"Troy Savings Bank and Music Hall?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":841,"value":"viewof SPC = Inputs.radio([\"1\"], {label: \"St. Paul's Episcopal Church?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":845,"value":"viewof PT = Inputs.radio([\"1\"], {label: \"Proctor's Theater?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":849,"value":"viewof FA = Inputs.radio([\"1\"], {label: \"Fire Alarm, Telegraph, and Police Signaling Building?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":854,"value":"viewof RSE = Inputs.radio([\"1\"], {label: \"RSE?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":859,"value":"viewof HCH = Inputs.radio([\"1\"], {label: \"Hart-Cluett House?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":861,"value":"viewof TPL = Inputs.radio([\"1\"], {label: \"Troy Public Library?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":863,"value":"viewof PH = Inputs.radio([\"1\"], {label: \"Pumpkin House?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":865,"value":"viewof PS = Inputs.radio([\"1\"], {label: \"Public School No. 10?\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":878,"value":"HistoricDataset = [\n {name:\"NSBB\",haunt: 1},\n\n ]","pinned":true,"hidden":false,"mode":"ojs"},{"id":981,"value":"Haunt1Dataset = [\n {name:\"NSBB\",haunt: 0},\n {name:\"MCCB\",haunt: 0},\n {name:\"IB\",haunt: 1},\n {name:\"WLE\",haunt: 0},\n {name:\"CHC\",haunt: 0},\n {name:\"CCC\",haunt: 0},\n {name:\"PO\",haunt: 0},\n {name:\"WCL\",haunt: 1},\n {name:\"TX\",haunt: 1},\n {name:\"BMH\",haunt: 1},\n {name:\"SPC\",haunt: 0},\n {name:\"PT\",haunt: 0},\n {name:\"FA\",haunt: 0},\n {name:\"RSE\",haunt: 0},\n {name:\"HCH\",haunt: 0},\n {name:\"TPL\",haunt: 0},\n {name:\"PH\",haunt: 1},\n {name:\"PS\",haunt: 0},\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1138,"value":"Haunt2Dataset = [\n {name:\"NSBB\",haunt: 0},\n {name:\"MCCB\",haunt: 0},\n {name:\"IB\",haunt: 0},\n {name:\"WLE\",haunt: 0},\n {name:\"CHC\",haunt: 0},\n {name:\"CCC\",haunt: 0},\n {name:\"PO\",haunt: 0},\n {name:\"WCL\",haunt: 0},\n {name:\"TX\",haunt: 0},\n {name:\"BMH\",haunt: 0},\n {name:\"SPC\",haunt: 1},\n {name:\"PT\",haunt: 1},\n {name:\"FA\",haunt: 0},\n {name:\"RSE\",haunt: 0},\n {name:\"HCH\",haunt: 1},\n {name:\"TPL\",haunt: 0},\n {name:\"PH\",haunt: 0},\n {name:\"PS\",haunt: 1},\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1140,"value":"Haunt3Dataset = [\n {name:\"NSBB\",haunt: 1},\n {name:\"MCCB\",haunt: 0},\n {name:\"IB\",haunt: 0},\n {name:\"WLE\",haunt: 1},\n {name:\"CHC\",haunt: 1},\n {name:\"CCC\",haunt: 0},\n {name:\"PO\",haunt: 1},\n {name:\"WCL\",haunt: 0},\n {name:\"TX\",haunt: 0},\n {name:\"BMH\",haunt: 0},\n {name:\"SPC\",haunt: 0},\n {name:\"PT\",haunt: 0},\n {name:\"FA\",haunt: 0},\n {name:\"RSE\",haunt: 0},\n {name:\"HCH\",haunt: 1},\n {name:\"TPL\",haunt: 0},\n {name:\"PH\",haunt: 1},\n {name:\"PS\",haunt: 0},\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":876,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":1082,"value":"calculatedValues[0,1,2]","pinned":true,"hidden":false,"mode":"ojs"},{"id":884,"value":"drawghost = {\n\n const width = 90,\n height = 60;\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [-40, -30, width, height]);\n\n var p = svg.selectAll(\"polyline\")\n .data(ghostIconForMap)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','cyan')\n .style('stroke','black')\n .style('stroke-width','0.5')\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1178,"value":"drawghost2 = {\n\n const width = 90,\n height = 60;\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [-40, -30, width, height]);\n\n var p = svg.selectAll(\"polyline\")\n .data(ghostIconForMap)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','white')\n .style('stroke','black')\n .style('stroke-width','0.5')\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1180,"value":"drawghost3 = {\n\n const width = 90,\n height = 60;\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [-40, -30, width, height]);\n\n var p = svg.selectAll(\"polyline\")\n .data(ghostIconForMap)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','yellow')\n .style('stroke','black')\n .style('stroke-width','0.5')\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}