2f:T3010,chart = { const width = 1000, height = 700; const svg = d3.create("svg") .attr("viewBox", [0, 0, 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"); 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", '1') .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','-5000') .attr('y','13000') .style('font-family','helvetica') .style('font-size','25px') .style('font-weight','bold') .text('Historic Troy') svg .append("text") .attr('x','-5000') .attr('y','14000') .style('font-family','helvetica') .style('font-size','25px') .style('font-weight','bold') .text('Building Description:') svg .append("line") .attr('x1','25') .attr('y1','50') .attr('x2','0') .attr('y2','133') .style("stroke-width", '110') .style("stroke", "rgb(0,0,0)") //haunted locations start........................................................................................................................... var c = svg.selectAll("polyline") .data(ghostIconForMap) .enter() .append("polyline") .attr('points', function(d){return d}) .attr('transform', 'translate(1000,1400)') .style('fill', 'red') .style('stroke','black') .style('stroke-width','1') .style('stroke-fill', '4,4,8,8') var c = svg.selectAll("circle") //d3 geopath .data(haunted) .enter() //there are more data than elements, this selects them .append("circle") //appends path to data .attr('class','hauntedPts') .attr("cx", function(d) {return projection([d.Long,d.Lat])[0]}) .attr("cy", function(d) {return projection([d.Long,d.Lat])[1]}) .attr('r',3) .style('fill','black') .style('fill-opacity','1') c.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','-1250') .attr('y','13500') .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','-1250') .attr('y','13000') .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','-5000') .attr('y','14700') .attr('class','ghostIconForMap_position') .style('font-family','helvetica') .style('font-size','425px') .style('font-weight','bold') .text(d.properties.Name) svg .append("text") .attr('x','-5000') .attr('y','15600') .attr('class','ghostIconForMap_position') .style('font-family','helvetica') .style('font-size','400px') .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','-2000') .attr('y1','15000') .attr('x2', path1.centroid(d)[0]) .attr('y2', path1.centroid(d)[1]) .attr('class','hauntedLine') .style("stroke-width", '1') .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 d = svg.selectAll("circle") .data(mypointsHistory) .enter() //there are more data than elements, this selects them .append("circle") .attr("cx", function(d) {return projection([d.Long,d.Lat])[0]}) .attr("cy", function(d) {return projection([d.Long,d.Lat])[1]}) .attr('r',15) .style('fill','red') .style('stroke','black') .style('stroke-width','.5') //Reset button code................................................................................................................................... var p = svg.selectAll("polyline") .data(drawghost2) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d}) .attr('transform','translate(25000,14000)') .attr('r',10000) .style('fill','red') .style('stroke','black') .style('stroke-width','3') .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.drawghost2').remove() d3.selectAll('text.historicText').remove() mutable wallet = 100 } //Start of click code................................................................................................................................. p.enter().append("polyline") .data(ghostIconForMap) .enter() .append("polyline") .attr('points',function(d){return d}) .style('stroke','black') .style('stroke-width','35') .style('fill','cyan') .style('fill-opacity','1') p.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.Lat,d.data.Long])[0]+','+projection([d.data.Lat,d.data.Long])[1]+')'}) .style('fill','white') .style('stroke','black') .style('stroke-width','.5') .on('mouseover',historictext) .on('mouseout',removehistorictext) .on('click', historicClick) function historictext(event,d){ console.log(d) //change where description text goes.................................................................................................................. svg .append("text") .attr('x','-5000') .attr('y','14700') .attr('class','mypoints_position') .style('font-family','helvetica') .style('font-size','425px') .style('font-weight','bold') .text(d.properties.Name) svg .append("text") .attr('x','-5000') .attr('y','15600') .attr('class','mypoints_position') .style('font-family','helvetica') .style('font-size','400px') .style('font-weight','light') .text(d.properties.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','-2000') .attr('y1','15000') .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() } function historicClick(event,d){ console.log('historic click') //remove any cow icon d3.selectAll('polyline.drawghost2').remove() d3.selectAll('text.historicText').remove() //draw cow icon at click p.enter().append("polyline") .data(drawghost) .enter() //there are more data than elements, this selects them .append("polyline") .attr('points',function(d){return d}) .attr('class','drawghost2') .attr('transform','translate('+projection([d.data.Long,d.data.Lat])[0]+','+projection([d.data.Long,d.data.Lat])[1]+')') .style('fill','black') //information for removing text........................................................................................................................ for (let i = 0; i < historyData.length; i=i+1) { //console.log(d.data.Name) //console.log(histroicData[i].name) if(d.data.Name==historyData[i].name){//match our clicked icon name w/ time scare name //write our time here: p.enter().append('text') .data(historyData[i].clue) .enter() .append('text') .attr('class','historicText') .attr('x','20000') .attr('y',function(d,i){return 13000+(i*20)}) .style("font-family", "Helvetica") .style('font-size','.75em') .style('fill','rgb(0,00,0)') .style('text-anchor','start') .text(function(d){return d.order}) .on('click',haunt) function haunt(event,d){ mutable wallet = mutable wallet -d.price } p.enter().append('text') .data(historyData[i].clue) .enter() .append('text') .attr('class','historicText') .attr('x','20000') .attr('y',function(d,i){return 13500+(i*20)}) .style("font-family", "Helvetica") .style('font-size','.75em') .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','-20000') .attr('y','13000') .style("font-family", "Helvetica") .style('font-size','.75em') .style('fill','rgb(0,0,0)') .style('text-anchor','start') .text(d.data.Prompt) } } } return svg.node(); }30: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}

`31: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] }32:[{"id":"70a04a6bd297bf1b8b6c9af71ada84e8c9e01bb3228a5bb72793bfd1ef5255450f396d04af8746c0eec666a15342849dfc8554e716c6d319804b7b70ea2d6505","href":"https://static.observableusercontent.com/files/70a04a6bd297bf1b8b6c9af71ada84e8c9e01bb3228a5bb72793bfd1ef5255450f396d04af8746c0eec666a15342849dfc8554e716c6d319804b7b70ea2d6505","name":"ghost icon for map@4.txt","type":"text/plain","lastModified":1708639209153.238,"size":2384},{"id":"8b084ecd5f47097bd64db28d99da810e70aeb42aa5ab4f860d9155953a02c476edbe24c837780e85370cd88244f6e9b912d9d6d3be91eb42a6d0ba3410805185","href":"https://static.observableusercontent.com/files/8b084ecd5f47097bd64db28d99da810e70aeb42aa5ab4f860d9155953a02c476edbe24c837780e85370cd88244f6e9b912d9d6d3be91eb42a6d0ba3410805185","name":"troy-historic.geojson","type":"application/geo+json","lastModified":1708639209153.238,"size":10298},{"id":"6324611c44224e46c1d3a07da6ac0f9bd02783e24c6a72d06e3b1effb270ac858ec44035e59abff3a1b0cf924561a52a0c32e4f76fc5cd9b9a14f24ac52e20ff","href":"https://static.observableusercontent.com/files/6324611c44224e46c1d3a07da6ac0f9bd02783e24c6a72d06e3b1effb270ac858ec44035e59abff3a1b0cf924561a52a0c32e4f76fc5cd9b9a14f24ac52e20ff","name":"boxerererer.geojson","type":"application/geo+json","lastModified":1708639209153.238,"size":3520},{"id":"035b13fb44fb237d6d2dda15a90f63804558c23df3397f0de82b76784eba2a9a3bacd6ecb6d3c53210168c2472770c0fbfc12e6f6b741f8a588d0b3a9f77e2ce","href":"https://static.observableusercontent.com/files/035b13fb44fb237d6d2dda15a90f63804558c23df3397f0de82b76784eba2a9a3bacd6ecb6d3c53210168c2472770c0fbfc12e6f6b741f8a588d0b3a9f77e2ce","name":"Streets.geojson","type":"application/geo+json","lastModified":1708639209153.238,"size":1810061},{"id":"80dc93e484bd0d91a60bb0155de40c36a273b822dc0d4393768865bc95ad4030a7e5a90fa429d911a28d3e21ef42cec7f7d07a8ce2fcd85103298f27fd9b7f50","href":"https://static.observableusercontent.com/files/80dc93e484bd0d91a60bb0155de40c36a273b822dc0d4393768865bc95ad4030a7e5a90fa429d911a28d3e21ef42cec7f7d07a8ce2fcd85103298f27fd9b7f50","name":"aa RensBuildingFP.geojson","type":"application/geo+json","lastModified":1708639209153.238,"size":3014799},{"id":"0c9f7f9f46063df168b2660879dad27c78a607eab0ee8202f5004f0778866e23db0122dea01142233f7e19b05424786df3336da01fe94155c371ed660b0af8f7","href":"https://static.observableusercontent.com/files/0c9f7f9f46063df168b2660879dad27c78a607eab0ee8202f5004f0778866e23db0122dea01142233f7e19b05424786df3336da01fe94155c371ed660b0af8f7","name":"traffic.geojson","type":"application/geo+json","lastModified":1708639209153.238,"size":29947},{"id":"98fc87b2c430a7ab1365fc623e10817ca94abad83d91f55ee469ffe22fd57f06594aeec39993239b1f0a8633a584dfaffec90bf6d7f126d8213952f68750bfbe","href":"https://static.observableusercontent.com/files/98fc87b2c430a7ab1365fc623e10817ca94abad83d91f55ee469ffe22fd57f06594aeec39993239b1f0a8633a584dfaffec90bf6d7f126d8213952f68750bfbe","name":"firre4.geojson","type":"application/geo+json","lastModified":1708639209153.238,"size":1283},{"id":"76e50107984b8d61be6c26f435bb4aa191c7906f58d4181714f9e57dc9a5dbda9f77c6a82fe84d85f115cd7a95e470727dda19de68407bd3278c6d8178e1c485","href":"https://static.observableusercontent.com/files/76e50107984b8d61be6c26f435bb4aa191c7906f58d4181714f9e57dc9a5dbda9f77c6a82fe84d85f115cd7a95e470727dda19de68407bd3278c6d8178e1c485","name":"dashboard@2.txt","type":"text/plain","lastModified":1708639209153.238,"size":149},{"id":"88ee5da3a687783e58f96c562700ebebc1175a164e6dca7c2420c12a69f8bf64ae6d4f858866d4aee6b24605f073756b74620a0867cc19022d9e0a7389e4d0ed","href":"https://static.observableusercontent.com/files/88ee5da3a687783e58f96c562700ebebc1175a164e6dca7c2420c12a69f8bf64ae6d4f858866d4aee6b24605f073756b74620a0867cc19022d9e0a7389e4d0ed","name":"dashboard 2.txt","type":"text/plain","lastModified":1708639209153.238,"size":298},{"id":"ac3e7b45a72a450af9228088862799196c205b9f8cab8dfd1fa1584512387e59aefc0eab1cddb1267906f3e68cfb4b03fe7f5f1f9afd58cdd63f9616b7a37e45","href":"https://static.observableusercontent.com/files/ac3e7b45a72a450af9228088862799196c205b9f8cab8dfd1fa1584512387e59aefc0eab1cddb1267906f3e68cfb4b03fe7f5f1f9afd58cdd63f9616b7a37e45","name":"ghost icon for map.txt","type":"text/plain","lastModified":1708640853663.966,"size":2385}] 2d:{"title":"base map - UD Spring 2024 - TroyV4 2.21 class v2","cells":[{"id":11,"value":"# base map - UD Spring 2024 - TroyV4 2.21 class v2","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":"historyData = {\n\n var array = []\n\n //add restaurants and menu items to array\n\n array.push({name:\"National State Bank Building\",clue:[{hours:\"1\",scare:'30'},{hours:\"2\",scare:'40'},{hours:\"3\",scare:'60'}]})\n\n\n return array\n}","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.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":"$30","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":"$31","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":"$W32","stdlib":"1","titling":"auto"}