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", "white") .style("fill-opacity", '.6') .style('stroke-opacity','.5') .style("stroke-width", '.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:T1057,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") return svg.node(); }33:[{"id":"cf182b0a4d30e152a9a20e380bff362ec71055c69d77c2831809ecd9c2caa46fb944c1b68a350f9ef32700657eebaa47f570d6c25360b20a55184e7a45b4136f","href":"https://static.observableusercontent.com/files/cf182b0a4d30e152a9a20e380bff362ec71055c69d77c2831809ecd9c2caa46fb944c1b68a350f9ef32700657eebaa47f570d6c25360b20a55184e7a45b4136f","name":"Streets@1.geojson","type":"application/geo+json","lastModified":1676938814572.423,"size":17682096},{"id":"cace5a830b2e787a9d1e2f96c3605ec3fc70065e7fe50f1e3d2975ce1c60aa217534bdfd12d6cf732baef09c1ba05a7d23b955bc0602b8739594af392d835cd1","href":"https://static.observableusercontent.com/files/cace5a830b2e787a9d1e2f96c3605ec3fc70065e7fe50f1e3d2975ce1c60aa217534bdfd12d6cf732baef09c1ba05a7d23b955bc0602b8739594af392d835cd1","name":"BBox@2.geojson","type":"application/geo+json","lastModified":1676938814572.423,"size":630},{"id":"adb32c55f1dc64c7a71dc7d95a4b18d01b6edd3e06497fbae8d665bd4c7557d415893cd43310a3af179eb63ddd289181177411a73cfc9582e98d633c6295ccc0","href":"https://static.observableusercontent.com/files/adb32c55f1dc64c7a71dc7d95a4b18d01b6edd3e06497fbae8d665bd4c7557d415893cd43310a3af179eb63ddd289181177411a73cfc9582e98d633c6295ccc0","name":"parks@2.geojson","type":"application/geo+json","lastModified":1676938814572.423,"size":807489},{"id":"61ee6977218303e6548bc593f4547764606b654cde64d3e36ad5336497ed0881c2008c8cce0aafb57b18f9c70724abca3af0cf24add2771ce6aeef5297798dd8","href":"https://static.observableusercontent.com/files/61ee6977218303e6548bc593f4547764606b654cde64d3e36ad5336497ed0881c2008c8cce0aafb57b18f9c70724abca3af0cf24add2771ce6aeef5297798dd8","name":"Turk-s sailors boardinghouses.PNG","type":"image/png","lastModified":1676938814572.423,"size":316439},{"id":"0ae767749e1ccce34193b047aacb4c7f54d24e976e36960c7a1d2d01c2d3d280183c0abdf7bae47e7c1cece203cd189d3fad4f5289c5fd2dfbc492e5785c8927","href":"https://static.observableusercontent.com/files/0ae767749e1ccce34193b047aacb4c7f54d24e976e36960c7a1d2d01c2d3d280183c0abdf7bae47e7c1cece203cd189d3fad4f5289c5fd2dfbc492e5785c8927","name":"Bunco-s establishment.PNG","type":"image/png","lastModified":1676938814572.423,"size":296680},{"id":"1c0c12e0888332f8dd96baf32762ea4b71697da33fcd5fbf63a9af0234d1a2f204491670916d423833d05cd342ac5e5c8b44d11872b525cf0cf5fafefd53cf4b","href":"https://static.observableusercontent.com/files/1c0c12e0888332f8dd96baf32762ea4b71697da33fcd5fbf63a9af0234d1a2f204491670916d423833d05cd342ac5e5c8b44d11872b525cf0cf5fafefd53cf4b","name":"Sailor-s boardinghouses.PNG","type":"image/png","lastModified":1676938814572.423,"size":288575},{"id":"7e5dd46a46b10b404fbb819a67ab146713d0209b48d1e2435af1420dd47d29b67bb1327d0307eaad3d2ecefbb0fb28920c9636a69587b08b74b52300a0ad59dc","href":"https://static.observableusercontent.com/files/7e5dd46a46b10b404fbb819a67ab146713d0209b48d1e2435af1420dd47d29b67bb1327d0307eaad3d2ecefbb0fb28920c9636a69587b08b74b52300a0ad59dc","name":"Joe Bunco kelly@1.png","type":"image/png","lastModified":1676938814572.423,"size":114350},{"id":"7462b861cccd478224114ab2135bfdb4464b558e7f73a291adb110e74eec611647fa1f410547774a60e5162b83d2cf44d9fa6a54387837bbaa84f43a1d5a7b0e","href":"https://static.observableusercontent.com/files/7462b861cccd478224114ab2135bfdb4464b558e7f73a291adb110e74eec611647fa1f410547774a60e5162b83d2cf44d9fa6a54387837bbaa84f43a1d5a7b0e","name":"James Turk profile.png","type":"image/png","lastModified":1676938814572.423,"size":127283},{"id":"cca9b07e740e8311661a3d62dad00321b032e60be35d4c0085d1fcea57b107d75a6f6f1acb0459db28558b69b6d4064efd4891f5d8d83ecbea3a3ef9cf8c0283","href":"https://static.observableusercontent.com/files/cca9b07e740e8311661a3d62dad00321b032e60be35d4c0085d1fcea57b107d75a6f6f1acb0459db28558b69b6d4064efd4891f5d8d83ecbea3a3ef9cf8c0283","name":"Grant profile.png","type":"image/png","lastModified":1676938814572.423,"size":121130},{"id":"46828969cebb257a23b3e7d78b30a98b59e790dd750e5f34e695f97040c3c38c9ea7eb31ef8c2d4f9d190a736ade1e31179c5306de6f404783ae33664d716cb2","href":"https://static.observableusercontent.com/files/46828969cebb257a23b3e7d78b30a98b59e790dd750e5f34e695f97040c3c38c9ea7eb31ef8c2d4f9d190a736ade1e31179c5306de6f404783ae33664d716cb2","name":"Larry profile.png","type":"image/png","lastModified":1676938814572.423,"size":356368},{"id":"1d5c26c1474500b955b18b4ce04c6f9f96fb5bee9a2633daf311943e966419b5b06261870f76d62cc08943ae227a943e7e0396be790fc93afad71dfa27a094d6","href":"https://static.observableusercontent.com/files/1d5c26c1474500b955b18b4ce04c6f9f96fb5bee9a2633daf311943e966419b5b06261870f76d62cc08943ae227a943e7e0396be790fc93afad71dfa27a094d6","name":"image.png","type":"image/png","lastModified":1676938814572.423,"size":236677},{"id":"904a1eeaaaa24f0f2148976e6079b67019cce317d7cd099f8516915f6aac23d9da9f5b198735de56d2314371c6a2971ddd7ab91518e53bfb0daef740a398cf84","href":"https://static.observableusercontent.com/files/904a1eeaaaa24f0f2148976e6079b67019cce317d7cd099f8516915f6aac23d9da9f5b198735de56d2314371c6a2971ddd7ab91518e53bfb0daef740a398cf84","name":"Portland Boundary.geojson","type":"application/geo+json","lastModified":1676938814572.423,"size":414583},{"id":"53c4629370110cf6c3d5b7a43f300aeefcd202e82f9865a580c77f05c2a77ae4c12729486355d27e116123025f0b9873f3afb5e8bea8f42e200f8ee89a842596","href":"https://static.observableusercontent.com/files/53c4629370110cf6c3d5b7a43f300aeefcd202e82f9865a580c77f05c2a77ae4c12729486355d27e116123025f0b9873f3afb5e8bea8f42e200f8ee89a842596","name":"side water.geojson","type":"application/geo+json","lastModified":1676938814572.423,"size":19951},{"id":"9b09d0d159f2d332bd3ad11f9b80a94ee6729d064c8317f849472bbfebfee7bc180661f12c4be83fdb05b381a85b031aeacaeaa5fb22f7da4996eddfee4aff26","href":"https://static.observableusercontent.com/files/9b09d0d159f2d332bd3ad11f9b80a94ee6729d064c8317f849472bbfebfee7bc180661f12c4be83fdb05b381a85b031aeacaeaa5fb22f7da4996eddfee4aff26","name":"water@1.geojson","type":"application/geo+json","lastModified":1676938814572.423,"size":9384149},{"id":"00fe30c7e6387fcfd15f8d4f7e660bad945525aec565e6e9e8dbbc28b76cbd0b315ad945899be0586544f638321b8dab00c328eeb5b329518ce9bd5a1a78211e","href":"https://static.observableusercontent.com/files/00fe30c7e6387fcfd15f8d4f7e660bad945525aec565e6e9e8dbbc28b76cbd0b315ad945899be0586544f638321b8dab00c328eeb5b329518ce9bd5a1a78211e","name":"Ferryline.geojson","type":"application/geo+json","lastModified":1676938814572.423,"size":18687},{"id":"3dd3039cf7ba044bdc18520d120708c318c2de216ef521ae720ee387176576e5d1fd92bbcfdff6511d9b368c28bf9c3568d9bdebcd0d794d188c01dd98bfb262","href":"https://static.observableusercontent.com/files/3dd3039cf7ba044bdc18520d120708c318c2de216ef521ae720ee387176576e5d1fd92bbcfdff6511d9b368c28bf9c3568d9bdebcd0d794d188c01dd98bfb262","name":"James Turk png 2.png","type":"image/png","lastModified":1676938814572.423,"size":158115},{"id":"82d5ea6493976a4fe478c4216188bc0b081b24a06d54d243ff0fb0f9d05e268019e2d3c70eca29d249e41f72beb5bbbbd8431841ee838b1a9e218700cd235072","href":"https://static.observableusercontent.com/files/82d5ea6493976a4fe478c4216188bc0b081b24a06d54d243ff0fb0f9d05e268019e2d3c70eca29d249e41f72beb5bbbbd8431841ee838b1a9e218700cd235072","name":"Bridget Grant PNG 2.png","type":"image/png","lastModified":1676938814572.423,"size":127481},{"id":"e21ac4facfb532f674bc928eac4674d17a4fc11f9cfd6e7948155501a8c870f6bd88848c7607c6682469855a894495561df5643859b759b1e5bf99ba9b373aca","href":"https://static.observableusercontent.com/files/e21ac4facfb532f674bc928eac4674d17a4fc11f9cfd6e7948155501a8c870f6bd88848c7607c6682469855a894495561df5643859b759b1e5bf99ba9b373aca","name":"Larry Sullivan PNG 2.png","type":"image/png","lastModified":1676938814572.423,"size":183303},{"id":"cd632da468aba6127e400a6776aa62150924f9029c8542f2997265e7a2fcd6fc677d0e41479d58a2e964f4fedd20e54e3b35969bf069fe30965d122b7783a9d1","href":"https://static.observableusercontent.com/files/cd632da468aba6127e400a6776aa62150924f9029c8542f2997265e7a2fcd6fc677d0e41479d58a2e964f4fedd20e54e3b35969bf069fe30965d122b7783a9d1","name":"Bunco Kelly PNG 2.png","type":"image/png","lastModified":1676938814572.423,"size":149781},{"id":"6b53484a5d15360846074084389f75e79f1a4628bd8886daaa2cd7178994be741d1c47a76700d53907f2cb5e68aff7f1b294534f6e2c07d7cd07d1dc32cc8ba6","href":"https://static.observableusercontent.com/files/6b53484a5d15360846074084389f75e79f1a4628bd8886daaa2cd7178994be741d1c47a76700d53907f2cb5e68aff7f1b294534f6e2c07d7cd07d1dc32cc8ba6","name":"pdc base.geojson","type":"application/geo+json","lastModified":1676938814572.423,"size":2767799},{"id":"f664f1a71e25d6ef4bbb74dcd2e7aa967fe9b59629cbee5a5199c45c91aeba19739fded048c855dc46ad89b9d7a6744c15cd34c10f4e424c3d8cea7c74493d38","href":"https://static.observableusercontent.com/files/f664f1a71e25d6ef4bbb74dcd2e7aa967fe9b59629cbee5a5199c45c91aeba19739fded048c855dc46ad89b9d7a6744c15cd34c10f4e424c3d8cea7c74493d38","name":"all routes@4.geojson","type":"application/geo+json","lastModified":1676938814572.423,"size":61668},{"id":"5ae70cc8c735d6da38d804fa367118278fab0beaa0b9913bbe08bccf6b5c2db53ecf7d5c8a44b30902528b9de010eb025d029fa77b075229a375b7bce8a119b3","href":"https://static.observableusercontent.com/files/5ae70cc8c735d6da38d804fa367118278fab0beaa0b9913bbe08bccf6b5c2db53ecf7d5c8a44b30902528b9de010eb025d029fa77b075229a375b7bce8a119b3","name":"Map Frame1@1.txt","type":"text/plain","lastModified":1677014493280.099,"size":396},{"id":"a053745917712ff296b238c63e0ae89f27acf085fd239d5f31c12acc85662da6e4eb1c40080da599e30f18dfd79813198b295f8fb1b0c9db4843f0f8b0222b1c","href":"https://static.observableusercontent.com/files/a053745917712ff296b238c63e0ae89f27acf085fd239d5f31c12acc85662da6e4eb1c40080da599e30f18dfd79813198b295f8fb1b0c9db4843f0f8b0222b1c","name":"Map Frame2.txt","type":"text/plain","lastModified":1677014669539.585,"size":396},{"id":"18f5d699bfe36298a68441d641ccdb1bc56fe9031aa73bf127995bca0e5afa488b069c6dc8bbb27c89ae4713ab40d7e3386cb49f1fe631ef855badd6ffd87e60","href":"https://static.observableusercontent.com/files/18f5d699bfe36298a68441d641ccdb1bc56fe9031aa73bf127995bca0e5afa488b069c6dc8bbb27c89ae4713ab40d7e3386cb49f1fe631ef855badd6ffd87e60","name":"Map Frame.txt","type":"text/plain","lastModified":1677014071619.907,"size":1020},{"id":"0810220e24c1fa39e76fa2aa44ffbdbd3a8a6f3d4f4f492326e95abad3066dca338c0f0f4835be8be88137867c054ee092eae1dd24ca6ffff6201bbd0d37c265","href":"https://static.observableusercontent.com/files/0810220e24c1fa39e76fa2aa44ffbdbd3a8a6f3d4f4f492326e95abad3066dca338c0f0f4835be8be88137867c054ee092eae1dd24ca6ffff6201bbd0d37c265","name":"PortlandTittle.txt","type":"text/plain","lastModified":1677015865062.633,"size":7630},{"id":"f377b73bea13f1fb7d03636127e20b57e5e0a688e2497c18f992cf64f2278066512dc49b3ec6be79c42df3c6a226f5d2473f973fde9be3db6a0acdbd73b28372","href":"https://static.observableusercontent.com/files/f377b73bea13f1fb7d03636127e20b57e5e0a688e2497c18f992cf64f2278066512dc49b3ec6be79c42df3c6a226f5d2473f973fde9be3db6a0acdbd73b28372","name":"L title.txt","type":"text/plain","lastModified":1677016105042.402,"size":114},{"id":"424ee2c85bbc56e7da27bac16dace45adb3443e8fa73924779a019badb1aa162e6f6b4f488875188b652d9d668a266e5f7b9665a3efc097ba58c7e2ae468af08","href":"https://static.observableusercontent.com/files/424ee2c85bbc56e7da27bac16dace45adb3443e8fa73924779a019badb1aa162e6f6b4f488875188b652d9d668a266e5f7b9665a3efc097ba58c7e2ae468af08","name":"ON title.txt","type":"text/plain","lastModified":1677016105041.356,"size":1068},{"id":"4993bc8ab3b782aa0968b013c36c55e7bdcf47ab95cf504e83e027d5d02ee4a800d16ff1dd816172dde3cfbbe6be1deee3c3f54f18bd5e2a4ceef5e4a48344bd","href":"https://static.observableusercontent.com/files/4993bc8ab3b782aa0968b013c36c55e7bdcf47ab95cf504e83e027d5d02ee4a800d16ff1dd816172dde3cfbbe6be1deee3c3f54f18bd5e2a4ceef5e4a48344bd","name":"PA title.txt","type":"text/plain","lastModified":1677016105040.192,"size":732},{"id":"5d583a009b7e0598aa97ab0c48e99decd9b73fe097d40358db325a6597659d153e42a530fb09580681824c711a6ee1407f7d6e50d11ab4dd3d104572d3e35fc2","href":"https://static.observableusercontent.com/files/5d583a009b7e0598aa97ab0c48e99decd9b73fe097d40358db325a6597659d153e42a530fb09580681824c711a6ee1407f7d6e50d11ab4dd3d104572d3e35fc2","name":"RD title.txt","type":"text/plain","lastModified":1677016105046.818,"size":564},{"id":"ab25f1fb4c99232be8e98f53444f2074cc0f9da42a5d67e948079592ff52f9acacc23c86b0d6b3e29e95abeef7526520a68b9167a55eacf2c38961e75167ea01","href":"https://static.observableusercontent.com/files/ab25f1fb4c99232be8e98f53444f2074cc0f9da42a5d67e948079592ff52f9acacc23c86b0d6b3e29e95abeef7526520a68b9167a55eacf2c38961e75167ea01","name":"kidnapstitle.txt","type":"text/plain","lastModified":1677016515928.151,"size":5788},{"id":"350594a4b43076f608954e21d716bd6ae907a4aaf6f47c6157255bbe1be0aa9a368cab7314a91b1989450c48a6c31454dfab08e9eac544b578fd77e3afba7d54","href":"https://static.observableusercontent.com/files/350594a4b43076f608954e21d716bd6ae907a4aaf6f47c6157255bbe1be0aa9a368cab7314a91b1989450c48a6c31454dfab08e9eac544b578fd77e3afba7d54","name":"PortlandTittle@1.txt","type":"text/plain","lastModified":1677016598397.188,"size":1842},{"id":"9983fd76b37e2f42195c866ffadef8dcfe494351fa1435b4e97d5c75ff31dce68f219526da231ba24ad5749d261c37e3811169d4224266ed7ff0edfb3f7fbc40","href":"https://static.observableusercontent.com/files/9983fd76b37e2f42195c866ffadef8dcfe494351fa1435b4e97d5c75ff31dce68f219526da231ba24ad5749d261c37e3811169d4224266ed7ff0edfb3f7fbc40","name":"Color underlay.txt","type":"text/plain","lastModified":1677013007352.361,"size":148},{"id":"b7d5a1ae32c24c2061581d41681b62e3ba172cfa6867e5a5993fee45eb5b7ee2847af4cadb0e6025613fb69786497a400047ec9a8ecbabc3ea2a18f5c891ec02","href":"https://static.observableusercontent.com/files/b7d5a1ae32c24c2061581d41681b62e3ba172cfa6867e5a5993fee45eb5b7ee2847af4cadb0e6025613fb69786497a400047ec9a8ecbabc3ea2a18f5c891ec02","name":"HighwayLines.geojson","type":"application/geo+json","lastModified":1677018540482.24,"size":134940},{"id":"7f0192ce2bf0445e56cc6859dccf67eb30b694fd526b776230a7c0e61658009935b66de10e5c996524c71ca3bb69de1f22209938568a722a3238caca25326f67","href":"https://static.observableusercontent.com/files/7f0192ce2bf0445e56cc6859dccf67eb30b694fd526b776230a7c0e61658009935b66de10e5c996524c71ca3bb69de1f22209938568a722a3238caca25326f67","name":"Footsteps border2.txt","type":"text/plain","lastModified":1677623415279.944,"size":48900},{"id":"c29aec521a7e0a738df48a309fe92a938523579626872672d093be6f360fc234d429e28cc37bf2ccc0ebce286f800d4b584be96ce3b5307625e0141f0006a3c9","href":"https://static.observableusercontent.com/files/c29aec521a7e0a738df48a309fe92a938523579626872672d093be6f360fc234d429e28cc37bf2ccc0ebce286f800d4b584be96ce3b5307625e0141f0006a3c9","name":"Footsteps border1.txt","type":"text/plain","lastModified":1677623415287.837,"size":48900},{"id":"5ba98ddbea7c0032053f4d13e0ea909e47af6ed3bb7f1ac70f3c53a9fade192135e7b732aed4ea1319d01d17baf92232e57c4c6b9aa016991147066167d6424f","href":"https://static.observableusercontent.com/files/5ba98ddbea7c0032053f4d13e0ea909e47af6ed3bb7f1ac70f3c53a9fade192135e7b732aed4ea1319d01d17baf92232e57c4c6b9aa016991147066167d6424f","name":"timer border.txt","type":"text/plain","lastModified":1677624623966.123,"size":142},{"id":"ff0bc8b14a7e1dccb7d53391f9144a90274eab690c917ef90b3dee3c8035d50bf5018df463273f5308d88ff6e33e4a80a4b6f5a754ed194dee49ef108a86a053","href":"https://static.observableusercontent.com/files/ff0bc8b14a7e1dccb7d53391f9144a90274eab690c917ef90b3dee3c8035d50bf5018df463273f5308d88ff6e33e4a80a4b6f5a754ed194dee49ef108a86a053","name":"Footsteps border3.txt","type":"text/plain","lastModified":1677624623999.286,"size":852},{"id":"f0b0f2bf35c6fff39c0f5424dd52b199b851db89b8455cff9a3fb5fe6870e3cf7b020d16258eed95e5a366eae73dfff2dbd4a6b9aadcc09800f06d7c13d9836f","href":"https://static.observableusercontent.com/files/f0b0f2bf35c6fff39c0f5424dd52b199b851db89b8455cff9a3fb5fe6870e3cf7b020d16258eed95e5a366eae73dfff2dbd4a6b9aadcc09800f06d7c13d9836f","name":"rect border.txt","type":"text/plain","lastModified":1677623730080.854,"size":568}] 2d:{"title":"Portland Map Feb.20 Sample Graphics","cells":[{"id":11,"value":"# Portland Map Feb.20 Sample Graphics","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":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\", \"white\")\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":729,"value":"

TIMER

\n\n

","pinned":false,"hidden":false,"mode":"html"},{"id":741,"value":"dashboard =\n\nhtml`\n\n

\n ${border}\n

\n \n

\n ${frame}\n

\n \n

\n ${md`TIMER`}\n

\n\n \n

\n ${chart}\n

\n\n

\n ${rectangle}\n

\n\n

\n ${smallmap}\n

\n\n

\n\n`","pinned":true,"hidden":false,"mode":"html"},{"id":743,"value":"$32","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":"$W33","stdlib":"1","titling":"auto"}