2f:T2ba8, chart = { const width = 700, height = 600; const svg = d3.create("svg") .attr("viewBox", [50, 50, width-120, height-100]); // Use Mercator projection var projection = d3 .geoMercator() .fitSize([width - 60, height - 50], bbox); var path1 = d3.geoPath().projection(projection); var path2 = d3.geoPath().projection(projection); var path3 = 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','.5') .style("stroke-width", '.2') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") //d3 geopath .data(highwaylines.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", '2') .style("stroke", "palevioletred") g.selectAll("path3") //d3 geopath .data(portlandBoundary.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", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "floralwhite") .style("fill-opacity", '.2') .style('stroke-opacity','.6') .style("stroke-width", '1') .style("stroke", "rgb(119,94,148)") g.selectAll("path3") //d3 geopath .data(parks.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", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "mediumvioletred") .style("fill-opacity", ".5") .style('stroke-opacity','1') .style("stroke-width", '.6') .style("stroke", "lightslategrey") g.selectAll("path3") //d3 geopath .data(water.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", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "teal") .style("fill-opacity", ".5") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "lightslategrey") g.selectAll("path3") //d3 geopath .data(sideWater.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", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "slategrey") .style("fill-opacity", ".05") .style('stroke-opacity','.1') .style("stroke-width", '.1') .style("stroke", "black") g.selectAll("path2") //d3 geopath .data(ferryline.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", '2') .style("stroke", "blueviolet") .style('stroke-dasharray','2 2') var c = svg.selectAll("circle") //d3 geopath .data(locs) .enter() //there are more data than elements, this selects them .append("circle") //appends path to data .attr("cx", function(d) {return projection([d.longitude, d.latitude])[0]}) .attr("cy", function(d) {return projection([d.longitude, d.latitude])[1]}) .attr('r',4) .attr('fill',colorType) .style('fill-opacity','2') .style('stroke','darkviolet') .style('stroke-width','1') .on('mouseover', spotText) .on('mouseout', removespotText) function colorType(d,i){ var color = 'gold' if(d.type=='morgue'){color = 'gold'} if(d.type=='house'){color = 'gold'} if(d.type=='house'){color = 'gold'} if(d.type=='house'){color = 'gold'} if(d.type=='saloon'){color = 'gold'} if(d.type=='scow'){color = 'gold'} return color } function spotText(event,d){ d3.select(this).attr('fill','mediumslateblue') .attr('r', 6) .style('stroke', 'mediumslateblue') .style("stroke-opacity",'.5') .style("stroke-width", '5') svg.append('text') .attr('class','spots') .attr('x', '340') .attr('y','320') .attr('font-family','Helvetica') .attr('font-size', '.7em') .attr('text.anchor','start') .attr('font-weight', 'bold') .text(d.name) svg.append('text') .attr('class','spots') .attr('x', '340') .attr('y','330') .attr('font-family','Helvetica') .attr('font-size', '.65em') .attr('text.anchor','start') .attr('font-weight', 'normal') .text(d.description) svg.append('line') .attr('class','spotLine') .attr('x1', '340') .attr('y1', '318') .attr('x2', projection([d.longitude, d.latitude])[0]) .attr('y2', '318') .style('stroke-width','.5') .style('stroke','black') .style('stroke-dasharray','2 2') svg.append('line') .attr('class','spotLine') .attr('x1', projection([d.longitude, d.latitude])[0]) .attr('y1', '318') .attr('x2', projection([d.longitude, d.latitude])[0]) .attr('y2', projection([d.longitude, d.latitude])[1]) .style('stroke-width','.7') .style('stroke','darkblue') .style('stroke-dasharray','2 2') } function removespotText(event,d){ d3.select(this).attr('fill',colorType) d3.select(this).attr('r', 4) d3.select(this).style('stroke-opacity','.65') d3.select(this).style('stroke-width', '1') d3.selectAll('text.spots').remove() d3.selectAll('line.spotLine').remove() } svg.append("rect") .attr("x", 497) .attr("y", 97) .attr("width", 85) .attr("height", 27) .attr('fill', 'white') .style('fill-opacity','.5') .style('stroke', 'teal') .style('stroke-width', '1.5') svg.append('image') .attr('href',jamesTurk) .attr('class','spotImage') .attr('x', '500') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile1) .on('mouseout', removespotProfile) svg.append('image') .attr('href',bridgetGrant) .attr('class','spotImage') .attr('x', '520') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile2) .on('mouseout', removespotProfile) svg.append('image') .attr('href',larrySullivan) .attr('class','spotImage') .attr('x', '540') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile3) .on('mouseout', removespotProfile) svg.append('image') .attr('href',buncoKelly) .attr('class','spotImage') .attr('x', '560') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile) .on('mouseout', removespotProfile) function spotProfile(i,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',joeBuncoKelly) .attr('class','spotProfile') .attr('x', '150') .attr('y','103') .attr('width', 300) .attr('height', 150) } function spotProfile1(i,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',jamesTurkProfile) .attr('class','spotProfile1') .attr('x', '155') .attr('y','103') .attr('width', 295) .attr('height', 145) } /* function removespotProfile1(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotProfile1').remove() d3.selectAll('rect.whitebox').remove() } */ function spotProfile2(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',grantProfile) .attr('class','spotProfile2') .attr('x', '155') .attr('y','103') .attr('width', 295) .attr('height', 145) } /* function removespotProfile2(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotProfile2').remove() d3.selectAll('rect.whitebox').remove() } */ function spotProfile3(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',larryProfile) .attr('class','spotProfile3') .attr('x', '155') .attr('y','103') .attr('width', 295) .attr('height', 145) } /* function removespotProfile3(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotProfile3').remove() d3.selectAll('rect.whitebox').remove() } */ function removespotProfile(i,d){ d3.selectAll('image.spotProfile').remove() d3.selectAll('image.spotProfile1').remove() d3.selectAll('image.spotProfile2').remove() d3.selectAll('image.spotProfile3').remove() d3.selectAll('rect.whitebox').remove() } setInterval(myTimer, 1800); function myTimer() { const d = new Date(); document.getElementById("demo").innerHTML = d.toLocaleTimeString(); svg.append('timer') .attr('class','myTimer') .attr('x', '450') .attr('y','100') } return svg.node(); } 30:T81b,frame = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(footstepsBorder1) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(footstepsBorder2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(footstepsBorder3) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(timerBorder) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '3') .style("stroke", "deeppink") return svg.node(); }31:T5c0,smallmap = { const width = 350, height = 220; const svg = d4.create("svg") .attr("viewBox", [100, 100, width-20, height-20]); // Use Mercator projection var projection = d4 .geoModifiedStereographicLee() // .fitSize([width - 60, height - 50], bbox); var path1 = d4.geoPath().projection(projection); var path2 = d4.geoPath().projection(projection); var path3 = d4.geoPath().projection(projection); var g = svg.append("g").attr("id", "paths"); g.selectAll("path2") //d3 geopath .data(pdcBase.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", "pink") .style("fill-opacity", '.6') .style('stroke-opacity','.5') .style("stroke-width", '1.5') .style("stroke", "palevioletred") g.selectAll("path3") //d3 geopath .data(allRoutes.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", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','.6') .style("stroke-width", '1') .style("stroke", "teal") return svg.node(); }32:T6c9,dashboard = html`

${border}

${frame}

${md`The Investigator`}

${chart}

${rectangle}

${smallmap}

${viewof pages}

${viewof startTimerButton}

${time}

${md`Clue #1`}

${md`Clue #2`}

${md`Clue #3`}

${md`Clue #4`}

` 33:T1154,characters = { const width = 110, height = 70; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var p = svg.selectAll('polyline') .data(jamesTurk) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','spotImage') .attr('points', function(d) {return d}) .attr('x', '500') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile1) .on('mouseout', removespotProfile) svg.append("rect") .attr("x", 497) .attr("y", 97) .attr("width", 85) .attr("height", 27) .attr('fill', 'white') .style('fill-opacity','.5') .style('stroke', 'teal') .style('stroke-width', '1.5') svg.append('image') .attr('href',jamesTurk) .attr('class','spotImage') .attr('x', '500') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile1) .on('mouseout', removespotProfile) svg.append('image') .attr('href',bridgetGrant) .attr('class','spotImage') .attr('x', '520') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile2) .on('mouseout', removespotProfile) svg.append('image') .attr('href',larrySullivan) .attr('class','spotImage') .attr('x', '540') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile3) .on('mouseout', removespotProfile) svg.append('image') .attr('href',buncoKelly) .attr('class','spotImage') .attr('x', '560') .attr('y','90') .attr('width', 17) .attr('height', 40) .on('mouseover', spotProfile) .on('mouseout', removespotProfile) function spotProfile(i,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',joeBuncoKelly) .attr('class','spotProfile') .attr('x', '150') .attr('y','103') .attr('width', 300) .attr('height', 150) } function spotProfile1(i,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',jamesTurkProfile) .attr('class','spotProfile1') .attr('x', '155') .attr('y','103') .attr('width', 295) .attr('height', 145) } function spotProfile2(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',grantProfile) .attr('class','spotProfile2') .attr('x', '155') .attr('y','103') .attr('width', 295) .attr('height', 145) } function spotProfile3(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append("rect") .attr('class','whitebox') .attr("x", 150) .attr("y", 100) .attr("height", 154) .attr("width", 300) .attr('stroke','gold') .attr("stroke-width", '2') .attr('stroke-opacity', '1') .style("fill", 'white'); svg.append('image') .attr('href',larryProfile) .attr('class','spotProfile3') .attr('x', '155') .attr('y','103') .attr('width', 295) .attr('height', 145) } function removespotProfile(i,d){ d3.selectAll('image.spotProfile').remove() d3.selectAll('image.spotProfile1').remove() d3.selectAll('image.spotProfile2').remove() d3.selectAll('image.spotProfile3').remove() d3.selectAll('rect.whitebox').remove() } return svg.node(); }34:T1df5, border = { const width = 1200, height = 800; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); var g = svg.append("g").attr("id", "paths"); var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(colorUnderlay) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "peachpuff") .style("fill-opacity", '.4') var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(mapFrame1) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "rbg(87,52,11)") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "rosybrown") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(mapFrame2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "rbg(87,52,11)") .style("fill-opacity", '1') .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "rosybrown") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(portlandtittle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1.2') .style("stroke", "teal") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(kidnapstitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "mediumvioletred") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(lTitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "darkturquoise") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(paTitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "orange") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(onTitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "dodgerblue") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(rdTitle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(rectCharacter) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(targetCircle) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "firebrick") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(peopleBorder) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "deeppink") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(clueBorder) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "teal") /* var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(targetLine1) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "firebrick") */ /* var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(targetLine2) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "firebrick") */ var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(profileBorder) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "black") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(footsteps) //get data to define path .enter() //there are more data than elements, this selects them .append('polyline') //appends path to data .attr('class','outlines') .attr('points', function(d) {return d}) .style("fill", "teal") .style("fill-opacity", '.5') return svg.node(); }35:[{"id":"cf182b0a4d30e152a9a20e380bff362ec71055c69d77c2831809ecd9c2caa46fb944c1b68a350f9ef32700657eebaa47f570d6c25360b20a55184e7a45b4136f","href":"https://static.observableusercontent.com/files/cf182b0a4d30e152a9a20e380bff362ec71055c69d77c2831809ecd9c2caa46fb944c1b68a350f9ef32700657eebaa47f570d6c25360b20a55184e7a45b4136f","name":"Streets@1.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":17682096},{"id":"cace5a830b2e787a9d1e2f96c3605ec3fc70065e7fe50f1e3d2975ce1c60aa217534bdfd12d6cf732baef09c1ba05a7d23b955bc0602b8739594af392d835cd1","href":"https://static.observableusercontent.com/files/cace5a830b2e787a9d1e2f96c3605ec3fc70065e7fe50f1e3d2975ce1c60aa217534bdfd12d6cf732baef09c1ba05a7d23b955bc0602b8739594af392d835cd1","name":"BBox@2.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":630},{"id":"adb32c55f1dc64c7a71dc7d95a4b18d01b6edd3e06497fbae8d665bd4c7557d415893cd43310a3af179eb63ddd289181177411a73cfc9582e98d633c6295ccc0","href":"https://static.observableusercontent.com/files/adb32c55f1dc64c7a71dc7d95a4b18d01b6edd3e06497fbae8d665bd4c7557d415893cd43310a3af179eb63ddd289181177411a73cfc9582e98d633c6295ccc0","name":"parks@2.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":807489},{"id":"61ee6977218303e6548bc593f4547764606b654cde64d3e36ad5336497ed0881c2008c8cce0aafb57b18f9c70724abca3af0cf24add2771ce6aeef5297798dd8","href":"https://static.observableusercontent.com/files/61ee6977218303e6548bc593f4547764606b654cde64d3e36ad5336497ed0881c2008c8cce0aafb57b18f9c70724abca3af0cf24add2771ce6aeef5297798dd8","name":"Turk-s sailors boardinghouses.PNG","type":"image/png","lastModified":1678175776037.429,"size":316439},{"id":"0ae767749e1ccce34193b047aacb4c7f54d24e976e36960c7a1d2d01c2d3d280183c0abdf7bae47e7c1cece203cd189d3fad4f5289c5fd2dfbc492e5785c8927","href":"https://static.observableusercontent.com/files/0ae767749e1ccce34193b047aacb4c7f54d24e976e36960c7a1d2d01c2d3d280183c0abdf7bae47e7c1cece203cd189d3fad4f5289c5fd2dfbc492e5785c8927","name":"Bunco-s establishment.PNG","type":"image/png","lastModified":1678175776037.429,"size":296680},{"id":"1c0c12e0888332f8dd96baf32762ea4b71697da33fcd5fbf63a9af0234d1a2f204491670916d423833d05cd342ac5e5c8b44d11872b525cf0cf5fafefd53cf4b","href":"https://static.observableusercontent.com/files/1c0c12e0888332f8dd96baf32762ea4b71697da33fcd5fbf63a9af0234d1a2f204491670916d423833d05cd342ac5e5c8b44d11872b525cf0cf5fafefd53cf4b","name":"Sailor-s boardinghouses.PNG","type":"image/png","lastModified":1678175776037.429,"size":288575},{"id":"7e5dd46a46b10b404fbb819a67ab146713d0209b48d1e2435af1420dd47d29b67bb1327d0307eaad3d2ecefbb0fb28920c9636a69587b08b74b52300a0ad59dc","href":"https://static.observableusercontent.com/files/7e5dd46a46b10b404fbb819a67ab146713d0209b48d1e2435af1420dd47d29b67bb1327d0307eaad3d2ecefbb0fb28920c9636a69587b08b74b52300a0ad59dc","name":"Joe Bunco kelly@1.png","type":"image/png","lastModified":1678175776037.429,"size":114350},{"id":"7462b861cccd478224114ab2135bfdb4464b558e7f73a291adb110e74eec611647fa1f410547774a60e5162b83d2cf44d9fa6a54387837bbaa84f43a1d5a7b0e","href":"https://static.observableusercontent.com/files/7462b861cccd478224114ab2135bfdb4464b558e7f73a291adb110e74eec611647fa1f410547774a60e5162b83d2cf44d9fa6a54387837bbaa84f43a1d5a7b0e","name":"James Turk profile.png","type":"image/png","lastModified":1678175776037.429,"size":127283},{"id":"cca9b07e740e8311661a3d62dad00321b032e60be35d4c0085d1fcea57b107d75a6f6f1acb0459db28558b69b6d4064efd4891f5d8d83ecbea3a3ef9cf8c0283","href":"https://static.observableusercontent.com/files/cca9b07e740e8311661a3d62dad00321b032e60be35d4c0085d1fcea57b107d75a6f6f1acb0459db28558b69b6d4064efd4891f5d8d83ecbea3a3ef9cf8c0283","name":"Grant profile.png","type":"image/png","lastModified":1678175776037.429,"size":121130},{"id":"46828969cebb257a23b3e7d78b30a98b59e790dd750e5f34e695f97040c3c38c9ea7eb31ef8c2d4f9d190a736ade1e31179c5306de6f404783ae33664d716cb2","href":"https://static.observableusercontent.com/files/46828969cebb257a23b3e7d78b30a98b59e790dd750e5f34e695f97040c3c38c9ea7eb31ef8c2d4f9d190a736ade1e31179c5306de6f404783ae33664d716cb2","name":"Larry profile.png","type":"image/png","lastModified":1678175776037.429,"size":356368},{"id":"1d5c26c1474500b955b18b4ce04c6f9f96fb5bee9a2633daf311943e966419b5b06261870f76d62cc08943ae227a943e7e0396be790fc93afad71dfa27a094d6","href":"https://static.observableusercontent.com/files/1d5c26c1474500b955b18b4ce04c6f9f96fb5bee9a2633daf311943e966419b5b06261870f76d62cc08943ae227a943e7e0396be790fc93afad71dfa27a094d6","name":"image.png","type":"image/png","lastModified":1678175776037.429,"size":236677},{"id":"904a1eeaaaa24f0f2148976e6079b67019cce317d7cd099f8516915f6aac23d9da9f5b198735de56d2314371c6a2971ddd7ab91518e53bfb0daef740a398cf84","href":"https://static.observableusercontent.com/files/904a1eeaaaa24f0f2148976e6079b67019cce317d7cd099f8516915f6aac23d9da9f5b198735de56d2314371c6a2971ddd7ab91518e53bfb0daef740a398cf84","name":"Portland Boundary.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":414583},{"id":"53c4629370110cf6c3d5b7a43f300aeefcd202e82f9865a580c77f05c2a77ae4c12729486355d27e116123025f0b9873f3afb5e8bea8f42e200f8ee89a842596","href":"https://static.observableusercontent.com/files/53c4629370110cf6c3d5b7a43f300aeefcd202e82f9865a580c77f05c2a77ae4c12729486355d27e116123025f0b9873f3afb5e8bea8f42e200f8ee89a842596","name":"side water.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":19951},{"id":"9b09d0d159f2d332bd3ad11f9b80a94ee6729d064c8317f849472bbfebfee7bc180661f12c4be83fdb05b381a85b031aeacaeaa5fb22f7da4996eddfee4aff26","href":"https://static.observableusercontent.com/files/9b09d0d159f2d332bd3ad11f9b80a94ee6729d064c8317f849472bbfebfee7bc180661f12c4be83fdb05b381a85b031aeacaeaa5fb22f7da4996eddfee4aff26","name":"water@1.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":9384149},{"id":"00fe30c7e6387fcfd15f8d4f7e660bad945525aec565e6e9e8dbbc28b76cbd0b315ad945899be0586544f638321b8dab00c328eeb5b329518ce9bd5a1a78211e","href":"https://static.observableusercontent.com/files/00fe30c7e6387fcfd15f8d4f7e660bad945525aec565e6e9e8dbbc28b76cbd0b315ad945899be0586544f638321b8dab00c328eeb5b329518ce9bd5a1a78211e","name":"Ferryline.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":18687},{"id":"3dd3039cf7ba044bdc18520d120708c318c2de216ef521ae720ee387176576e5d1fd92bbcfdff6511d9b368c28bf9c3568d9bdebcd0d794d188c01dd98bfb262","href":"https://static.observableusercontent.com/files/3dd3039cf7ba044bdc18520d120708c318c2de216ef521ae720ee387176576e5d1fd92bbcfdff6511d9b368c28bf9c3568d9bdebcd0d794d188c01dd98bfb262","name":"James Turk png 2.png","type":"image/png","lastModified":1678175776037.429,"size":158115},{"id":"82d5ea6493976a4fe478c4216188bc0b081b24a06d54d243ff0fb0f9d05e268019e2d3c70eca29d249e41f72beb5bbbbd8431841ee838b1a9e218700cd235072","href":"https://static.observableusercontent.com/files/82d5ea6493976a4fe478c4216188bc0b081b24a06d54d243ff0fb0f9d05e268019e2d3c70eca29d249e41f72beb5bbbbd8431841ee838b1a9e218700cd235072","name":"Bridget Grant PNG 2.png","type":"image/png","lastModified":1678175776037.429,"size":127481},{"id":"e21ac4facfb532f674bc928eac4674d17a4fc11f9cfd6e7948155501a8c870f6bd88848c7607c6682469855a894495561df5643859b759b1e5bf99ba9b373aca","href":"https://static.observableusercontent.com/files/e21ac4facfb532f674bc928eac4674d17a4fc11f9cfd6e7948155501a8c870f6bd88848c7607c6682469855a894495561df5643859b759b1e5bf99ba9b373aca","name":"Larry Sullivan PNG 2.png","type":"image/png","lastModified":1678175776037.429,"size":183303},{"id":"cd632da468aba6127e400a6776aa62150924f9029c8542f2997265e7a2fcd6fc677d0e41479d58a2e964f4fedd20e54e3b35969bf069fe30965d122b7783a9d1","href":"https://static.observableusercontent.com/files/cd632da468aba6127e400a6776aa62150924f9029c8542f2997265e7a2fcd6fc677d0e41479d58a2e964f4fedd20e54e3b35969bf069fe30965d122b7783a9d1","name":"Bunco Kelly PNG 2.png","type":"image/png","lastModified":1678175776037.429,"size":149781},{"id":"6b53484a5d15360846074084389f75e79f1a4628bd8886daaa2cd7178994be741d1c47a76700d53907f2cb5e68aff7f1b294534f6e2c07d7cd07d1dc32cc8ba6","href":"https://static.observableusercontent.com/files/6b53484a5d15360846074084389f75e79f1a4628bd8886daaa2cd7178994be741d1c47a76700d53907f2cb5e68aff7f1b294534f6e2c07d7cd07d1dc32cc8ba6","name":"pdc base.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":2767799},{"id":"f664f1a71e25d6ef4bbb74dcd2e7aa967fe9b59629cbee5a5199c45c91aeba19739fded048c855dc46ad89b9d7a6744c15cd34c10f4e424c3d8cea7c74493d38","href":"https://static.observableusercontent.com/files/f664f1a71e25d6ef4bbb74dcd2e7aa967fe9b59629cbee5a5199c45c91aeba19739fded048c855dc46ad89b9d7a6744c15cd34c10f4e424c3d8cea7c74493d38","name":"all routes@4.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":61668},{"id":"5ae70cc8c735d6da38d804fa367118278fab0beaa0b9913bbe08bccf6b5c2db53ecf7d5c8a44b30902528b9de010eb025d029fa77b075229a375b7bce8a119b3","href":"https://static.observableusercontent.com/files/5ae70cc8c735d6da38d804fa367118278fab0beaa0b9913bbe08bccf6b5c2db53ecf7d5c8a44b30902528b9de010eb025d029fa77b075229a375b7bce8a119b3","name":"Map Frame1@1.txt","type":"text/plain","lastModified":1678175776037.429,"size":396},{"id":"a053745917712ff296b238c63e0ae89f27acf085fd239d5f31c12acc85662da6e4eb1c40080da599e30f18dfd79813198b295f8fb1b0c9db4843f0f8b0222b1c","href":"https://static.observableusercontent.com/files/a053745917712ff296b238c63e0ae89f27acf085fd239d5f31c12acc85662da6e4eb1c40080da599e30f18dfd79813198b295f8fb1b0c9db4843f0f8b0222b1c","name":"Map Frame2.txt","type":"text/plain","lastModified":1678175776037.429,"size":396},{"id":"18f5d699bfe36298a68441d641ccdb1bc56fe9031aa73bf127995bca0e5afa488b069c6dc8bbb27c89ae4713ab40d7e3386cb49f1fe631ef855badd6ffd87e60","href":"https://static.observableusercontent.com/files/18f5d699bfe36298a68441d641ccdb1bc56fe9031aa73bf127995bca0e5afa488b069c6dc8bbb27c89ae4713ab40d7e3386cb49f1fe631ef855badd6ffd87e60","name":"Map Frame.txt","type":"text/plain","lastModified":1678175776037.429,"size":1020},{"id":"f377b73bea13f1fb7d03636127e20b57e5e0a688e2497c18f992cf64f2278066512dc49b3ec6be79c42df3c6a226f5d2473f973fde9be3db6a0acdbd73b28372","href":"https://static.observableusercontent.com/files/f377b73bea13f1fb7d03636127e20b57e5e0a688e2497c18f992cf64f2278066512dc49b3ec6be79c42df3c6a226f5d2473f973fde9be3db6a0acdbd73b28372","name":"L title.txt","type":"text/plain","lastModified":1678175776037.429,"size":114},{"id":"424ee2c85bbc56e7da27bac16dace45adb3443e8fa73924779a019badb1aa162e6f6b4f488875188b652d9d668a266e5f7b9665a3efc097ba58c7e2ae468af08","href":"https://static.observableusercontent.com/files/424ee2c85bbc56e7da27bac16dace45adb3443e8fa73924779a019badb1aa162e6f6b4f488875188b652d9d668a266e5f7b9665a3efc097ba58c7e2ae468af08","name":"ON title.txt","type":"text/plain","lastModified":1678175776037.429,"size":1068},{"id":"4993bc8ab3b782aa0968b013c36c55e7bdcf47ab95cf504e83e027d5d02ee4a800d16ff1dd816172dde3cfbbe6be1deee3c3f54f18bd5e2a4ceef5e4a48344bd","href":"https://static.observableusercontent.com/files/4993bc8ab3b782aa0968b013c36c55e7bdcf47ab95cf504e83e027d5d02ee4a800d16ff1dd816172dde3cfbbe6be1deee3c3f54f18bd5e2a4ceef5e4a48344bd","name":"PA title.txt","type":"text/plain","lastModified":1678175776037.429,"size":732},{"id":"5d583a009b7e0598aa97ab0c48e99decd9b73fe097d40358db325a6597659d153e42a530fb09580681824c711a6ee1407f7d6e50d11ab4dd3d104572d3e35fc2","href":"https://static.observableusercontent.com/files/5d583a009b7e0598aa97ab0c48e99decd9b73fe097d40358db325a6597659d153e42a530fb09580681824c711a6ee1407f7d6e50d11ab4dd3d104572d3e35fc2","name":"RD title.txt","type":"text/plain","lastModified":1678175776037.429,"size":564},{"id":"ab25f1fb4c99232be8e98f53444f2074cc0f9da42a5d67e948079592ff52f9acacc23c86b0d6b3e29e95abeef7526520a68b9167a55eacf2c38961e75167ea01","href":"https://static.observableusercontent.com/files/ab25f1fb4c99232be8e98f53444f2074cc0f9da42a5d67e948079592ff52f9acacc23c86b0d6b3e29e95abeef7526520a68b9167a55eacf2c38961e75167ea01","name":"kidnapstitle.txt","type":"text/plain","lastModified":1678175776037.429,"size":5788},{"id":"350594a4b43076f608954e21d716bd6ae907a4aaf6f47c6157255bbe1be0aa9a368cab7314a91b1989450c48a6c31454dfab08e9eac544b578fd77e3afba7d54","href":"https://static.observableusercontent.com/files/350594a4b43076f608954e21d716bd6ae907a4aaf6f47c6157255bbe1be0aa9a368cab7314a91b1989450c48a6c31454dfab08e9eac544b578fd77e3afba7d54","name":"PortlandTittle@1.txt","type":"text/plain","lastModified":1678175776037.429,"size":1842},{"id":"9983fd76b37e2f42195c866ffadef8dcfe494351fa1435b4e97d5c75ff31dce68f219526da231ba24ad5749d261c37e3811169d4224266ed7ff0edfb3f7fbc40","href":"https://static.observableusercontent.com/files/9983fd76b37e2f42195c866ffadef8dcfe494351fa1435b4e97d5c75ff31dce68f219526da231ba24ad5749d261c37e3811169d4224266ed7ff0edfb3f7fbc40","name":"Color underlay.txt","type":"text/plain","lastModified":1678175776037.429,"size":148},{"id":"b7d5a1ae32c24c2061581d41681b62e3ba172cfa6867e5a5993fee45eb5b7ee2847af4cadb0e6025613fb69786497a400047ec9a8ecbabc3ea2a18f5c891ec02","href":"https://static.observableusercontent.com/files/b7d5a1ae32c24c2061581d41681b62e3ba172cfa6867e5a5993fee45eb5b7ee2847af4cadb0e6025613fb69786497a400047ec9a8ecbabc3ea2a18f5c891ec02","name":"HighwayLines.geojson","type":"application/geo+json","lastModified":1678175776037.429,"size":134940},{"id":"7f0192ce2bf0445e56cc6859dccf67eb30b694fd526b776230a7c0e61658009935b66de10e5c996524c71ca3bb69de1f22209938568a722a3238caca25326f67","href":"https://static.observableusercontent.com/files/7f0192ce2bf0445e56cc6859dccf67eb30b694fd526b776230a7c0e61658009935b66de10e5c996524c71ca3bb69de1f22209938568a722a3238caca25326f67","name":"Footsteps border2.txt","type":"text/plain","lastModified":1678175776037.429,"size":48900},{"id":"c29aec521a7e0a738df48a309fe92a938523579626872672d093be6f360fc234d429e28cc37bf2ccc0ebce286f800d4b584be96ce3b5307625e0141f0006a3c9","href":"https://static.observableusercontent.com/files/c29aec521a7e0a738df48a309fe92a938523579626872672d093be6f360fc234d429e28cc37bf2ccc0ebce286f800d4b584be96ce3b5307625e0141f0006a3c9","name":"Footsteps border1.txt","type":"text/plain","lastModified":1678175776037.429,"size":48900},{"id":"5ba98ddbea7c0032053f4d13e0ea909e47af6ed3bb7f1ac70f3c53a9fade192135e7b732aed4ea1319d01d17baf92232e57c4c6b9aa016991147066167d6424f","href":"https://static.observableusercontent.com/files/5ba98ddbea7c0032053f4d13e0ea909e47af6ed3bb7f1ac70f3c53a9fade192135e7b732aed4ea1319d01d17baf92232e57c4c6b9aa016991147066167d6424f","name":"timer border.txt","type":"text/plain","lastModified":1678175776037.429,"size":142},{"id":"ff0bc8b14a7e1dccb7d53391f9144a90274eab690c917ef90b3dee3c8035d50bf5018df463273f5308d88ff6e33e4a80a4b6f5a754ed194dee49ef108a86a053","href":"https://static.observableusercontent.com/files/ff0bc8b14a7e1dccb7d53391f9144a90274eab690c917ef90b3dee3c8035d50bf5018df463273f5308d88ff6e33e4a80a4b6f5a754ed194dee49ef108a86a053","name":"Footsteps border3.txt","type":"text/plain","lastModified":1678175776037.429,"size":852},{"id":"f0b0f2bf35c6fff39c0f5424dd52b199b851db89b8455cff9a3fb5fe6870e3cf7b020d16258eed95e5a366eae73dfff2dbd4a6b9aadcc09800f06d7c13d9836f","href":"https://static.observableusercontent.com/files/f0b0f2bf35c6fff39c0f5424dd52b199b851db89b8455cff9a3fb5fe6870e3cf7b020d16258eed95e5a366eae73dfff2dbd4a6b9aadcc09800f06d7c13d9836f","name":"rect border.txt","type":"text/plain","lastModified":1678175776037.429,"size":568},{"id":"8b8ef6df6c38e64cb76d7bbf0ceedcda625aef96f38381349339f33fe73b51ad1ab170871702189cf38d627cc93989177335d35c3ae9cbd6a8a01beff37e04b5","href":"https://static.observableusercontent.com/files/8b8ef6df6c38e64cb76d7bbf0ceedcda625aef96f38381349339f33fe73b51ad1ab170871702189cf38d627cc93989177335d35c3ae9cbd6a8a01beff37e04b5","name":"clue border.txt","type":"text/plain","lastModified":1678175776037.429,"size":568},{"id":"331c1b5f150a49e340bc73def2494e36c2ca23c64d6465340a2012261059913f84f40dfec72b2b5b1eeeb1075b1f63f42a02068459981dd47a55d002cd533fe2","href":"https://static.observableusercontent.com/files/331c1b5f150a49e340bc73def2494e36c2ca23c64d6465340a2012261059913f84f40dfec72b2b5b1eeeb1075b1f63f42a02068459981dd47a55d002cd533fe2","name":"rect character.txt","type":"text/plain","lastModified":1678175776037.429,"size":142},{"id":"5675e3eaa52512adfe47f25a0b5758c1ec526ac0508560bdec4fc6781790a1aee24b8351e28ed65ad3d25a57a0670d450c24575289344e442dce7b08eb6cc5b5","href":"https://static.observableusercontent.com/files/5675e3eaa52512adfe47f25a0b5758c1ec526ac0508560bdec4fc6781790a1aee24b8351e28ed65ad3d25a57a0670d450c24575289344e442dce7b08eb6cc5b5","name":"people border.txt","type":"text/plain","lastModified":1678175776037.429,"size":568},{"id":"7caeadc035ef91f059d478f52665439f9ce3f7a5c760e303b3a5384564c58ed405a0a7c64c1969b9a1322b30c66952dac93ccf6e0d1693874529add6d5d71d11","href":"https://static.observableusercontent.com/files/7caeadc035ef91f059d478f52665439f9ce3f7a5c760e303b3a5384564c58ed405a0a7c64c1969b9a1322b30c66952dac93ccf6e0d1693874529add6d5d71d11","name":"Footsteps@1.txt","type":"text/plain","lastModified":1678175776037.429,"size":30686},{"id":"55d9c2ca96fcd9f3b341318dd307ef6e8dbc38d9a8028021adf4d093604d26572b83086c3f07e2eee011ccb646bf6409fdfe494be6dc669bd5d74832c5295b58","href":"https://static.observableusercontent.com/files/55d9c2ca96fcd9f3b341318dd307ef6e8dbc38d9a8028021adf4d093604d26572b83086c3f07e2eee011ccb646bf6409fdfe494be6dc669bd5d74832c5295b58","name":"target line1.txt","type":"text/plain","lastModified":1678175776037.429,"size":344},{"id":"801dbbac88a6f17cf87155c673a2b1877136f218ed2523bcdbf45c9b79efe28e2e389b87f2cc367e3794e76134062d1ff043cf419c17c5e7586beb57b99afb88","href":"https://static.observableusercontent.com/files/801dbbac88a6f17cf87155c673a2b1877136f218ed2523bcdbf45c9b79efe28e2e389b87f2cc367e3794e76134062d1ff043cf419c17c5e7586beb57b99afb88","name":"target line2.txt","type":"text/plain","lastModified":1678175776037.429,"size":228},{"id":"f055c339c384e8fbf8be30b10c8984a69d00e12dac65ff4b8b99eda3d9cc19ef78cc9a7bc7da68b430fca90b8a0a2fdfbb785d4440b9c379bacc91e5fa29e473","href":"https://static.observableusercontent.com/files/f055c339c384e8fbf8be30b10c8984a69d00e12dac65ff4b8b99eda3d9cc19ef78cc9a7bc7da68b430fca90b8a0a2fdfbb785d4440b9c379bacc91e5fa29e473","name":"profile border@1.txt","type":"text/plain","lastModified":1678175776037.429,"size":142},{"id":"059dcdcfe3caf0a57cda2833ef4210cb45667f897cc245e2db441b6f817da8f033075ead9f92d83e7590e7e8d3c6cee4a57c889f830f98a56a15e0df9971caf2","href":"https://static.observableusercontent.com/files/059dcdcfe3caf0a57cda2833ef4210cb45667f897cc245e2db441b6f817da8f033075ead9f92d83e7590e7e8d3c6cee4a57c889f830f98a56a15e0df9971caf2","name":"target circle@1.txt","type":"text/plain","lastModified":1678175776037.429,"size":4064},{"id":"a89ac52347217c0a55d4c596873784f0316c884d1b499fb3d615b818a68411bb17142d0b79722e5cd871cc49c674b2efb26dabbfa98706ebcdc72265551ae9cd","href":"https://static.observableusercontent.com/files/a89ac52347217c0a55d4c596873784f0316c884d1b499fb3d615b818a68411bb17142d0b79722e5cd871cc49c674b2efb26dabbfa98706ebcdc72265551ae9cd","name":"1280px-White_box_55x90.png","type":"image/png","lastModified":1678175776037.429,"size":763}] 2d:{"title":"Portland Kidnap Map Test","cells":[{"id":11,"value":"# Portland Kidnap Map Test","pinned":true,"hidden":false,"mode":"md"},{"id":245,"value":"portlandBoundary = FileAttachment(\"Portland Boundary.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":248,"value":"sideWater = FileAttachment(\"side water.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":283,"value":"water = FileAttachment(\"water@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1091,"value":"viewof pages= Inputs.radio(['Home', 'Profile', 'First Clue','Main Game'], {step: 1, label: \"\", value:0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":1023,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":646,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":917,"value":"rectangle = {\n const svg = d4.create(\"svg\")\n svg.append(\"rect\")\n .attr('class','whitebox')\n .attr(\"height\", 350)\n .attr(\"width\", 200)\n .style(\"fill\", \"snow\")\n .attr('fill-opacity', '1')\n .attr('stroke','rosybrown')\n .attr(\"stroke-width\", '2')\n .attr('stroke-opacity', '1')\n\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1322,"value":"buttonsTest = {\n var buttonTest = ' '\n\n var p = pages\n if(p == 'Home')(buttonTest = homePage)\n if(p == 'Profile')(buttonTest = profilePage)\n if(p == 'First Clue')(buttonTest = firstcluePage)\n if(p == 'Main Game')(buttonTest = chart)\n\n \n return button\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":741,"value":"$32","pinned":true,"hidden":false,"mode":"html"},{"id":1060,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1282,"value":"## This code if for the Border of dashboard","pinned":false,"hidden":false,"mode":"md"},{"id":743,"value":"$34","pinned":true,"hidden":false,"mode":"ojs"},{"id":1284,"value":"## This code is for the timer","pinned":false,"hidden":false,"mode":"md"},{"id":1205,"value":"mutable stops = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1187,"value":"viewof seconds = Inputs.range([0, 59], {value: 0, step:1, label: \"seconds\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1189,"value":"viewof minutes = Inputs.range([0, 59], {value: 0, step:2, label: \"minutes\", value:2}) ","pinned":true,"hidden":false,"mode":"ojs"},{"id":1191,"value":"hours = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1193,"value":"function* timer(i = 0) {\n yield i;\n while (true) {\n yield Promises.tick(1000).then(() => i++);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1195,"value":"currentTime = {\n if(startTimerButton>0){\n return timer();\n }else{mutable stops = 0}\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1197,"value":"countdownTime = {\n return minutes*60 + seconds;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1199,"value":"//mutable timesup = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":1201,"value":"time = {\nlet result = countdownTime - currentTime;\n if (currentTime == undefined){result = 0} \nif ( result < 0 )\n result = \"Time Up!\";\n \nelse {\n const remainHours = \"\"+parseInt(result/3600);\n result = result - remainHours*3600;\n const remainMinutes = \"\"+parseInt(result/60);\n const remainSeconds = \"\"+parseInt(result%60);\n result = remainMinutes.padStart(2,\"0\") + \":\" + \n remainSeconds.padStart(2,\"0\") ;\n}\n\nreturn html`\n\n${result}\n`\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1203,"value":"viewof startTimerButton = Inputs.button([\n [\"Start\", value => value + 1],\n [\"Reset\", value => 0]\n], {value: 0})\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":1286,"value":"## this code is for the homepage of our game: add the homepage content here","pinned":false,"hidden":false,"mode":"md"},{"id":1243,"value":"homePage = {\n const width = 1200,\n height = 800;\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n \n\n var g = svg.append(\"g\").attr(\"id\", \"paths\");\n \n var p = svg.selectAll('polyline')\n g.selectAll(\"path3\") //d3 geopath\n .data(colorUnderlay) //get data to define path\n .enter() //there are more data than elements, this selects them\n .append('polyline') //appends path to data\n .attr('class','outlines')\n .attr('points', function(d) {return d})\n .style(\"fill\", \"peachpuff\")\n .style(\"fill-opacity\", '.4')\n\n var p = svg.selectAll('polyline')\n g.selectAll(\"path3\") //d3 geopath\n svg.append(\"rect\")\n .attr('class','outlines')\n .attr(\"height\", 500)\n .attr(\"width\", 400)\n .attr(\"x\", 400)\n .attr(\"y\", 100)\n .style(\"fill\", \"snow\")\n .attr('fill-opacity', '1')\n .attr('stroke','rosybrown')\n .attr(\"stroke-width\", '2')\n .attr('stroke-opacity', '1')\n\n \n\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1289,"value":"## this code is for the Profile Page of our game: add the profile page content here","pinned":false,"hidden":false,"mode":"md"},{"id":1267,"value":"profilePage = {\n const width = 1200,\n height = 800;\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n \n\n var g = svg.append(\"g\").attr(\"id\", \"paths\");\n \n var p = svg.selectAll('polyline')\n g.selectAll(\"path3\") //d3 geopath\n .data(colorUnderlay) //get data to define path\n .enter() //there are more data than elements, this selects them\n .append('polyline') //appends path to data\n .attr('class','outlines')\n .attr('points', function(d) {return d})\n .style(\"fill\", \"peachpuff\")\n .style(\"fill-opacity\", '.4')\n\n var p = svg.selectAll('polyline')\n g.selectAll(\"path3\") //d3 geopath\n svg.append(\"rect\")\n .attr('class','outlines')\n .attr(\"height\", 500)\n .attr(\"width\", 400)\n .attr(\"x\", 400)\n .attr(\"y\", 100)\n .style(\"fill\", \"deeppink\")\n .attr('fill-opacity', '1')\n .attr('stroke','rosybrown')\n .attr(\"stroke-width\", '2')\n .attr('stroke-opacity', '1')\n\n \n\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1293,"value":"## this code is for the First Clue page of our game: add the 1st clue content here","pinned":false,"hidden":false,"mode":"md"},{"id":1271,"value":"firstcluePage = {\n const width = 1200,\n height = 800;\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n \n\n var g = svg.append(\"g\").attr(\"id\", \"paths\");\n \n var p = svg.selectAll('polyline')\n g.selectAll(\"path3\") //d3 geopath\n .data(colorUnderlay) //get data to define path\n .enter() //there are more data than elements, this selects them\n .append('polyline') //appends path to data\n .attr('class','outlines')\n .attr('points', function(d) {return d})\n .style(\"fill\", \"peachpuff\")\n .style(\"fill-opacity\", '.4')\n\n var p = svg.selectAll('polyline')\n g.selectAll(\"path3\") //d3 geopath\n svg.append(\"rect\")\n .attr('class','outlines')\n .attr(\"height\", 500)\n .attr(\"width\", 400)\n .attr(\"x\", 400)\n .attr(\"y\", 100)\n .style(\"fill\", \"lime\")\n .attr('fill-opacity', '1')\n .attr('stroke','rosybrown')\n .attr(\"stroke-width\", '2')\n .attr('stroke-opacity', '1')\n\n \n\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1319,"value":"viewof continueButton = Inputs.button(\"Continue\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1295,"value":"## this code is for the buttons on the dashboard to allow us to switch from one page to the other ","pinned":false,"hidden":false,"mode":"md"},{"id":1263,"value":"buttons = {\n\n\n var currentPage\n \n if(buttons == 'Home'){ \n currentPage = html`\n \n

\n ${homepage}\n

\n `\n }\n if(buttons == 'Profile'){\n currentPage = html`\n \n

\n ${profile}\n

\n `\n }\n\n if(buttons == 'First Clue'){\n currentPage = html`\n

\n ${firstclue}\n

\n `\n }\n\n if(buttons == 'Main Game'){\n currentPage = html`\n

\n ${chart}\n

\n `\n }\n\n return currentPage\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1297,"value":"## This code is to embed fonts on the dahsboard: adjust font here","pinned":false,"hidden":false,"mode":"md"},{"id":1260,"value":"*/svg_embed = svg` /*","pinned":true,"hidden":false,"mode":"ojs"},{"id":1148,"value":"whitebox = FileAttachment(\"1280px-White_box_55x90.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1110,"value":"footsteps = FileAttachment(\"Footsteps@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1080,"value":"targetLine1 = FileAttachment(\"target line1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1081,"value":"targetLine2 = FileAttachment(\"target line2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1082,"value":"profileBorder = FileAttachment(\"profile border@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1064,"value":"clueBorder = FileAttachment(\"clue border.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1066,"value":"peopleBorder = FileAttachment(\"people border.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1067,"value":"rectCharacter = FileAttachment(\"rect character.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1068,"value":"targetCircle = FileAttachment(\"target circle@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1042,"value":"footstepsBorder3 = FileAttachment(\"Footsteps border3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1043,"value":"timerBorder = FileAttachment(\"timer border.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1024,"value":"rectBorder = FileAttachment(\"rect border.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1016,"value":"footstepsBorder1 = FileAttachment(\"Footsteps border1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1015,"value":"footstepsBorder2 = FileAttachment(\"Footsteps border2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":843,"value":"highwaylines = FileAttachment(\"HighwayLines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":835,"value":"kidnapstitle = FileAttachment(\"kidnapstitle.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":814,"value":"lTitle = FileAttachment(\"L title.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":816,"value":"onTitle = FileAttachment(\"ON title.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":817,"value":"paTitle = FileAttachment(\"PA title.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":818,"value":"rdTitle = FileAttachment(\"RD title.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":809,"value":"portlandtittle = FileAttachment(\"PortlandTittle@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":799,"value":"mapFrame2 = FileAttachment(\"Map Frame2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":782,"value":"mapFrame1 = FileAttachment(\"Map Frame1@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":757,"value":"colorUnderlay = FileAttachment(\"Color underlay.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":779,"value":"mapFrame = FileAttachment(\"Map Frame.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":691,"value":"image = FileAttachment(\"image.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":670,"value":"allRoutes = FileAttachment(\"all routes@4.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":558,"value":"bridgetGrant = FileAttachment(\"Bridget Grant PNG 2.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":559,"value":"buncoKelly = FileAttachment(\"Bunco Kelly PNG 2.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":560,"value":"jamesTurk = FileAttachment(\"James Turk png 2.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":561,"value":"larrySullivan = FileAttachment(\"Larry Sullivan PNG 2.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":533,"value":"larryProfile = FileAttachment(\"Larry profile.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":526,"value":"grantProfile = FileAttachment(\"Grant profile.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":518,"value":"jamesTurkProfile = FileAttachment(\"James Turk profile.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":479,"value":"buncoEstablishment = FileAttachment(\"Bunco-s establishment.PNG\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":480,"value":"sailorBoardinghouses = FileAttachment(\"Sailor-s boardinghouses.PNG\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":481,"value":"turkSailorsBoardinghouses = FileAttachment(\"Turk-s sailors boardinghouses.PNG\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":350,"value":"import {skullTest} from \"@mariamth/shanghai\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":313,"value":"locslink = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vSut7Wsg8_yeIPEsnv2N58WmYFgzQMnVz2pB3nogWV5s3k7o29gjn_cRABO8vXV-1dP-g92qkCYGkqn/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs"},{"id":315,"value":"locs = d3.csv(locslink, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":430,"value":"bbox = FileAttachment(\"BBox@2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":431,"value":"streets = FileAttachment(\"Streets@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":432,"value":"parks = FileAttachment(\"parks@2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":668,"value":"pdcBase = FileAttachment(\"pdc base.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":550,"value":"ferryline = FileAttachment(\"Ferryline.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":578,"value":"joeBuncoKelly = FileAttachment(\"Joe Bunco kelly@1.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":653,"value":"import {map} with {projection, outline} from \"@d3/world-map\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":657,"value":"d4 = require(\"d3@6\", \"d3-geo-projection@3\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W35","stdlib":"1","titling":"auto"}