2f:T3e9e,chart = { const width = 700, height = 700; const svg = d3.create("svg") .attr("viewBox", [9, 68, width-100, height-80]); // Use Mercator projection var projection = d3 .geoMercator() .fitSize([width - 60, height - 50], boundingBox); var path1 = d3.geoPath().projection(projection); var path2 = d3.geoPath().projection(projection); var path3 = d3.geoPath().projection(projection); var path4 = d3.geoPath().projection(projection); var g = svg.append("g").attr("id", "paths"); /* svg.append('image') .attr('href',streetsUnderlay) //.attr('class','spotImage') .attr('x', '-9') .attr('y','1') .attr('width', 635) .attr('height', 575) */ g.selectAll("path3") //d3 geopath .data(boroughs1.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','1') .style("stroke-width", '1.25') .style("stroke", "slategrey") g.selectAll("path3") //d3 geopath .data(boroughs2.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", ".1") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "slategrey") g.selectAll("path3") //d3 geopath .data(parks2V2.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", "lightsteelblue") .style("fill-opacity", ".5") .style('stroke-opacity','.1') .style("stroke-width", '.1') .style("stroke", "lightsteelgrey") g.selectAll("path3") //d3 geopath .data(parks3.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("fill-opacity", ".5") .style('stroke-opacity','.1') .style("stroke-width", '.1') .style("stroke", "lightsteelgrey") g.selectAll("path3") //d3 geopath .data(waterfrontParks2.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", ".1") .style('stroke-opacity','.1') .style("stroke-width", '.1') .style("stroke", "lightslategrey") g.selectAll("path3") //d3 geopath .data(parkWaters.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','.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", "dodgerblue") .style('stroke-dasharray','2 2') g.selectAll("path2") //d3 geopath .data(trail1.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", "dodgerblue") .style('stroke-dasharray','2 2') g.selectAll("path2") //d3 geopath .data(trail2.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", "dodgerblue") .style('stroke-dasharray','2 2') var c = svg.selectAll("circle") //d3 geopath .data(spots) .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','black') .style('stroke-width','.8') .on('mouseover', spotText) .on('mouseout', removespotText) function colorType(d,i){ var color = 'steelblue' if(d.type=='Food'){color = 'steelblue'} if(d.type=='Academics'){color = 'steelblue'} if(d.type=='House'){color = 'steelblue'} if(d.type=='Sports Facility'){color = 'steelblue'} if(d.type=='Social Facility'){color = 'steelblue'} if(d.type=='Market'){color = 'steelblue'} if(d.type=='Field'){color = 'steelblue'} return color } svg.append('text') //.attr('class','spotInfo') .attr('x','145') .attr('y','585') .attr('font-family','Helvetica') .attr('font-size','.8em') .attr('font-weight','light') .attr('text-anchor','end') .text(totalValues[0]) svg.append('text') //.attr('class','spotInfo') .attr('x','40') .attr('y','585') .attr('font-family','Helvetica') .attr('font-size','.8em') .attr('font-weight','bold') .attr('text-anchor','start') .text('Total Hours: ') svg.append('text') //.attr('class','spotInfo') .attr('x','190') .attr('y','605') .attr('font-family','Helvetica') .attr('font-size','.8em') .attr('font-weight','light') .attr('text-anchor','end') .text(totalValues[1]) svg.append('text') //.attr('class','spotInfo') .attr('x','40') .attr('y','605') .attr('font-family','Helvetica') .attr('font-size','.8em') .attr('font-weight','bold') .attr('text-anchor','start') .text('Total Experience: ') svg.append("rect") .attr("x", 33) .attr("y", 570) .attr("width", 162) .attr("height", 44) .attr('fill', 'lightsteelblue') .style('fill-opacity','.1') .style('stroke', 'slategrey') .style('stroke-width', '0.75') if(emojis.feeling == "(10/10 Highly recommend!)"){ svg.selectAll('text.emojitexts').remove() svg.append('text') .attr('class','emojitexts') .attr('x','110') .attr('y','637') .attr('font-family','Helvetica') .attr('font-size','.75em') .attr('text-anchor','middle') .attr('font-weight','bold') .attr('fill', 'steelblue') .text(tripemoji[0].feeling) } if(emojis.feeling == "(It is a one and done trip)"){ svg.selectAll('text.emojitexts').remove() svg.append('text') .attr('class','emojitexts') .attr('x','120') .attr('y','637') .attr('font-family','Helvetica') .attr('font-size','.75em') .attr('text-anchor','middle') .attr('font-weight','bold') .attr('fill', 'steelblue') .text(tripemoji[1].feeling) } if(emojis.feeling == "(1/10 Not my rodeo)"){ svg.selectAll('text.emojitexts').remove() svg.append('text') .attr('class','emojitexts') .attr('x','100') .attr('y','637') .attr('font-family','Helvetica') .attr('font-size','.75em') .attr('text-anchor','middle') .attr('font-weight','bold') .attr('fill', 'steelblue') .text(tripemoji[2].feeling) } if(totalValues[0]>7){ svg.append('text') .attr('class','spots') .attr('x','350') .attr('y','120') .attr('font-family','Helvetica') .attr('font-size','1.4em') .attr('text-anchor','middle') .attr('font-weight','bold') .text('⌛TOO SLOW⌛') } if(totalValues[0]<5){ svg.append('text') .attr('class','spots') .attr('x','350') .attr('y','120') .attr('font-family','Helvetica') .attr('font-size','1.4em') .attr('text-anchor','middle') .attr('font-weight','bold') .text('🏃🏻TOO RUSHED🏃🏻') } if(totalValues[0]<7 && totalValues[1]>450 ){ svg.append('text') .attr('class','spots') .attr('x','350') .attr('y','120') .attr('font-family','Helvetica') .attr('font-size','1.4em') .attr('text-anchor','middle') .attr('font-weight','bold') .text('💯 PERFECT TRIP 💯') } function spotText(event,d){ d3.select(this).attr('fill','dodgerblue') .attr('r', 6) .style('stroke', 'dodgerblue') .style("stroke-opacity",'.5') .style("stroke-width", '5') svg.append('text') .attr('class','spots') .attr('x', '290') .attr('y','547') .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', '290') .attr('y','565') .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', '290') .attr('y1', '553') .attr('x2', projection([d.longitude, d.latitude])[0]) .attr('y2', '553') .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', '553') .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() } g.selectAll("path2") //d3 geopath .data(batBoundary.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", "slategrey") .style("fill-opacity", ".3") .style('stroke-opacity','.1') .style("stroke-width", '.1') .style("stroke", "lightslategrey") .on('mouseover', spotImage3) .on('mouseout', removespotImage3) g.selectAll("path2") //d3 geopath .data(rockawayBeachBoundary.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", "slategrey") .style("fill-opacity", ".3") .style('stroke-opacity','.1') .style("stroke-width", '.1') .style("stroke", "lightslategrey") .on('mouseover', spotImage2) .on('mouseout', removespotImage2) g.selectAll("path2") //d3 geopath .data(cemeteryBoundary.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", "slategrey") .style("fill-opacity", ".3") .style('stroke-opacity','.1') .style("stroke-width", '.1') .style("stroke", "lightslategrey") .on('mouseover', spotImage1) .on('mouseout', removespotImage1) g.selectAll("path4") //d3 geopath .data(twaBoundary2.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", path4) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "slategrey") .style("fill-opacity", ".3") .style('stroke-opacity','.1') .style("stroke-width", '.1') .style("stroke", "lightslategrey") .on('mouseover', spotImage) .on('mouseout', removespotImage) function spotImage(event,d){ console.log("hello") d3.select(this).attr('fill','lavenderblush') svg.append('image') .attr('xlink:href','https://api.time.com/wp-content/uploads/2019/08/twa-hotel-queens-new-york.jpg') .attr('class','spotImage') .attr('x', '210') .attr('y','570') .attr('width', 200) .attr('height', 100) } function removespotImage(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotImage').remove() } function spotImage1(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append('image') .attr('xlink:href','https://upload.wikimedia.org/wikipedia/commons/thumb/1/18/Green-Wood_Cemetery_gate_%2853784p%29_cropped.jpg/1200px-Green-Wood_Cemetery_gate_%2853784p%29_cropped.jpg') .attr('class','spotImage1') .attr('x', '210') .attr('y','570') .attr('width', 200) .attr('height', 100) console.log("hello") } function removespotImage1(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotImage1').remove() } function spotImage2(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append('image') .attr('xlink:href','https://media.timeout.com/images/103881813/750/562/image.jpg') .attr('class','spotImage2') .attr('x', '210') .attr('y','570') .attr('width', 200) .attr('height', 100) } function removespotImage2(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotImage2').remove() } function spotImage3(event,d){ d3.select(this).attr('fill','lavenderblush') svg.append('image') .attr('xlink:href','https://www.nycgo.com/images/venues/30801/brooklyn-army-terminal-sunset-park-manhattan-nyc-freightnyc_july_2018-071__large.jpg') .attr('class','spotImage3') .attr('x', '210') .attr('y','570') .attr('width', 200) .attr('height', 100) } function removespotImage3(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('image.spotImage3').remove() } /* svg.append('image') .attr('href',streetsUnderlay) //.attr('class','spotImage') .attr('x', '-9') .attr('y','1') .attr('width', 635) .attr('height', 575) */ return svg.node(); }30:T652,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(dahsboardFrame01) //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", "steelblue") .style("fill-opacity", '.7') .style('stroke-opacity','1') .style("stroke-width", '2') .style("stroke", "slategrey") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(dahsboardFrame02) //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", "steelblue") .style("fill-opacity", '.1') .style('stroke-opacity','1') .style("stroke-width", '2') .style("stroke", "slategrey") var p = svg.selectAll('polyline') g.selectAll("path3") //d3 geopath .data(dahsboardFrame03) //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", "white") .style('stroke-opacity','1') .style("stroke-width", '2') .style("stroke", "slategrey") return svg.node(); }31:T9ff,dashboard = html`

${border}

${md`CASE Brooklyn Field Trip`}

${md`This map is an overview of the Brooklyn destinations that we covered as a group during the field trip. As a group, we started the day at the Greenwood Cemetery and ended at the TWA Hotel. To complete our trip, we used a combination of transportation, including, the subway and the ferry.`}

${md`Goal`}

${md`Find the ideal time and feeling it took to have the ‘Perfect Trip’ as a collective group that day.`}

${md`Note`}

${md`(If you zoom through the trip or soak it in too much, you’ll miss out on the Perfect CASE Trip)`}

${md`Hours`}

${md`Location`}

${viewof cemetery} ${viewof bat} ${viewof ferry} ${viewof rockawaybeach} ${viewof twa}

${viewof emojis}

${emojisdropdown}

${underlay}

${chart}

`32:[{"id":"0a65205eacf77aea30b207db3591e9269568edc3a3111dd0f44f0766ed960c0f966240789077033be69ca86f8934fc7115a3f679b082597ae4292b8dc6963991","href":"https://static.observableusercontent.com/files/0a65205eacf77aea30b207db3591e9269568edc3a3111dd0f44f0766ed960c0f966240789077033be69ca86f8934fc7115a3f679b082597ae4292b8dc6963991","name":"Boroughs 1.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":2212939},{"id":"02e85da5bde98de7e3319c52d8c25c99ba184de04f843212d25c6e1619d141676b79560fa398c99985439ddee6188424a093ea96614c62b5353743cdff1c3771","href":"https://static.observableusercontent.com/files/02e85da5bde98de7e3319c52d8c25c99ba184de04f843212d25c6e1619d141676b79560fa398c99985439ddee6188424a093ea96614c62b5353743cdff1c3771","name":"Boroughs 2.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":679404},{"id":"0a58da092b8e116b5acab99526bbb6095e51add755b72d4400d3cdac4febd0779e4244da4371536f7dc0b4f8bcae38ad21914d8a05415c5fbda2205991e256b7","href":"https://static.observableusercontent.com/files/0a58da092b8e116b5acab99526bbb6095e51add755b72d4400d3cdac4febd0779e4244da4371536f7dc0b4f8bcae38ad21914d8a05415c5fbda2205991e256b7","name":"bbox hatch.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":641},{"id":"9044d60f6afe628e47de133a2b8b28ac5cc70b3a47d71e412837f75d2eb3e56a84e4d02a95492fad2c421ecb580e14cd63b02737bae9c3b9a5f30394eb291ace","href":"https://static.observableusercontent.com/files/9044d60f6afe628e47de133a2b8b28ac5cc70b3a47d71e412837f75d2eb3e56a84e4d02a95492fad2c421ecb580e14cd63b02737bae9c3b9a5f30394eb291ace","name":"Parks 2 v3.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":2466488},{"id":"581d254e4fd6f9265f13e7ffb908b60ffee779fd11d9027289c74795f3b993446e994511e37ef025685e22fed00c6f4cd44558a7434902ff772422ff17c282e1","href":"https://static.observableusercontent.com/files/581d254e4fd6f9265f13e7ffb908b60ffee779fd11d9027289c74795f3b993446e994511e37ef025685e22fed00c6f4cd44558a7434902ff772422ff17c282e1","name":"Parks 3.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":2466571},{"id":"963056705f53a1baee7ac843407bc363469f88b65e2779c9c57d53930e8d845887a8a733f5abbcb9458103589246e308863aff0d57e8d8670430e493cf7ac96c","href":"https://static.observableusercontent.com/files/963056705f53a1baee7ac843407bc363469f88b65e2779c9c57d53930e8d845887a8a733f5abbcb9458103589246e308863aff0d57e8d8670430e493cf7ac96c","name":"trail.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":23614},{"id":"c0e9bad7ba624bf36b542140348454d7851a06e33b6ad64ed69366b9f0783828d23b1658fe63c9c76869e94d15f0dab66b69744e40ddd5beda010e1c8cea7092","href":"https://static.observableusercontent.com/files/c0e9bad7ba624bf36b542140348454d7851a06e33b6ad64ed69366b9f0783828d23b1658fe63c9c76869e94d15f0dab66b69744e40ddd5beda010e1c8cea7092","name":"trail 1.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":1830},{"id":"981527bbcf40b03fef8054d80f184fcd3575a7d410c9ce7aaf345b54d7d46661bf9ac931f2243cdef296d180130fad08271938baf2b02e28df792831ea12bc46","href":"https://static.observableusercontent.com/files/981527bbcf40b03fef8054d80f184fcd3575a7d410c9ce7aaf345b54d7d46661bf9ac931f2243cdef296d180130fad08271938baf2b02e28df792831ea12bc46","name":"trail 2.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":22071},{"id":"aea1977cd87f056322ed63b31b9749be4af5eba6102b807880d739351e8785d1a798a24db040028f5c25e93dcd9b179b211ce61d5c20398366920f93e5a7ac86","href":"https://static.observableusercontent.com/files/aea1977cd87f056322ed63b31b9749be4af5eba6102b807880d739351e8785d1a798a24db040028f5c25e93dcd9b179b211ce61d5c20398366920f93e5a7ac86","name":"PARK 3.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":2466570},{"id":"24969533fc0492b0800ac206547a989e9dd2db105d0b878e8bf08faaf3181904a868e29a8d77537baebdf2d32c0b56d5b9fe392cf784381320decf9b0015e78f","href":"https://static.observableusercontent.com/files/24969533fc0492b0800ac206547a989e9dd2db105d0b878e8bf08faaf3181904a868e29a8d77537baebdf2d32c0b56d5b9fe392cf784381320decf9b0015e78f","name":"Bounding Box 2.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":645},{"id":"20aaba88a3dddb03d953bf5804ac15bba58e4b99f894623a6af3f58507cf7c5b02b1568a04c29cbea47cec5e305d048cb89cdd8b084fed94796c167f6c9f7e7a","href":"https://static.observableusercontent.com/files/20aaba88a3dddb03d953bf5804ac15bba58e4b99f894623a6af3f58507cf7c5b02b1568a04c29cbea47cec5e305d048cb89cdd8b084fed94796c167f6c9f7e7a","name":"Ferry Line.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":3815},{"id":"38a2b3f7b89ac00fe40eb004a9e370e685468e29b046b4aa636c39cc802db810d3391eb1ed9e42cc9f6fde04f97eed6f0fe554697cf8508174ba48bc433e0726","href":"https://static.observableusercontent.com/files/38a2b3f7b89ac00fe40eb004a9e370e685468e29b046b4aa636c39cc802db810d3391eb1ed9e42cc9f6fde04f97eed6f0fe554697cf8508174ba48bc433e0726","name":"Borough Boundaries.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":3307506},{"id":"e9014bac2371bb7c9ab3e091b98c7de5a4c298751d6e43dcbae7ce92ae44954ab4d124268f0831f0f83e7bb93d18d1ccc73815eaf808c0fc96d9a48d41df9883","href":"https://static.observableusercontent.com/files/e9014bac2371bb7c9ab3e091b98c7de5a4c298751d6e43dcbae7ce92ae44954ab4d124268f0831f0f83e7bb93d18d1ccc73815eaf808c0fc96d9a48d41df9883","name":"Parks 2 v2.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":41155},{"id":"578755f4646593343d97a7f28ea0f6fcbbec2b4c4e33dd67f0da2f79ee0627a5425656a7d57ed7f2def58655447f61d3e17a0387b961d63a23f88e9290a64faa","href":"https://static.observableusercontent.com/files/578755f4646593343d97a7f28ea0f6fcbbec2b4c4e33dd67f0da2f79ee0627a5425656a7d57ed7f2def58655447f61d3e17a0387b961d63a23f88e9290a64faa","name":"Parks v2.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":2466486},{"id":"ac0ce2a9c6c86ef7c73edd1c32900d4bce036a914ca34d7bb931c58eadc8e55631779aac68725b363bbbf127e19a4c3f2d9261a75df71717799d0dcd11dc44e6","href":"https://static.observableusercontent.com/files/ac0ce2a9c6c86ef7c73edd1c32900d4bce036a914ca34d7bb931c58eadc8e55631779aac68725b363bbbf127e19a4c3f2d9261a75df71717799d0dcd11dc44e6","name":"Waterfront Parks 2.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":170448},{"id":"e76fc5b725a44178bbf9b745eb7d3ad73db76db03d3aec62ebcfd8584d0dc607ae5f545522abb5d5b774e4d73474c34443f772498a7d3ca679e172004df358d2","href":"https://static.observableusercontent.com/files/e76fc5b725a44178bbf9b745eb7d3ad73db76db03d3aec62ebcfd8584d0dc607ae5f545522abb5d5b774e4d73474c34443f772498a7d3ca679e172004df358d2","name":"Park Waters.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":805803},{"id":"5913f4868a7d7e13af79b63917f7355e240458fef1cc8fc0ac1fb6c664de09c806d61dd9fb704a05a9f1a3fae5a7cec20aeba5bd3c0b5983f39763ab2b512807","href":"https://static.observableusercontent.com/files/5913f4868a7d7e13af79b63917f7355e240458fef1cc8fc0ac1fb6c664de09c806d61dd9fb704a05a9f1a3fae5a7cec20aeba5bd3c0b5983f39763ab2b512807","name":"TWA boundary 2.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":648},{"id":"4109e888efdc417038195b58d40eb6be2cf687ea507ab62bead955a5161d987192015dcb82fb91ed775894135b3e1219b3a68566ab89a7c9428e18f624f8b5a4","href":"https://static.observableusercontent.com/files/4109e888efdc417038195b58d40eb6be2cf687ea507ab62bead955a5161d987192015dcb82fb91ed775894135b3e1219b3a68566ab89a7c9428e18f624f8b5a4","name":"BAT boundary@1.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":745},{"id":"bcf828ff406b44ac892af595138bbd7024eed00e730d57727222e84a5e24ff168a8199069bc1fe089b1c0ceb2f55fba97300f896b2ee316bbe4220cde9920571","href":"https://static.observableusercontent.com/files/bcf828ff406b44ac892af595138bbd7024eed00e730d57727222e84a5e24ff168a8199069bc1fe089b1c0ceb2f55fba97300f896b2ee316bbe4220cde9920571","name":"Cemetery boundary.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":1048},{"id":"babd993170cc9f204a5fbb8b024830310c78b5a48a6b945a5e93e7be2f6ef73089f3d206a685dfb5526f741a14e13aeba47592b48e5e51fe672a12399298602e","href":"https://static.observableusercontent.com/files/babd993170cc9f204a5fbb8b024830310c78b5a48a6b945a5e93e7be2f6ef73089f3d206a685dfb5526f741a14e13aeba47592b48e5e51fe672a12399298602e","name":"Rockaway beach boundary.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":13629},{"id":"cb015d2a68fcbb74f20c781686b2af78f951938f38a37f6cf95fd74cad3a5dca309315b8d5ebab733ff7ea87feca459bc9c07d2b0cbd2b142a8e0af5e5aedbe8","href":"https://static.observableusercontent.com/files/cb015d2a68fcbb74f20c781686b2af78f951938f38a37f6cf95fd74cad3a5dca309315b8d5ebab733ff7ea87feca459bc9c07d2b0cbd2b142a8e0af5e5aedbe8","name":"TWA boundary.geojson","type":"application/geo+json","lastModified":1675643587750.341,"size":696},{"id":"c9f12c67a2106095f87275b3317b3b06ba3bc5c6d262af908430c52eaa5502d457e6613d7bc51af796f694a37aed14ca7e78def8c354c13a05e1fc9da32794d4","href":"https://static.observableusercontent.com/files/c9f12c67a2106095f87275b3317b3b06ba3bc5c6d262af908430c52eaa5502d457e6613d7bc51af796f694a37aed14ca7e78def8c354c13a05e1fc9da32794d4","name":"Streets Underlay.png","type":"image/png","lastModified":1675643587750.341,"size":2022037},{"id":"4f6efc479ef68a2e6e3f1de76f4104b01cd168f0194816ecee96f147632a865de0bf34acc65a1b31675f5bd6c09f94c20c572d216acbe0b232436fc265496a58","href":"https://static.observableusercontent.com/files/4f6efc479ef68a2e6e3f1de76f4104b01cd168f0194816ecee96f147632a865de0bf34acc65a1b31675f5bd6c09f94c20c572d216acbe0b232436fc265496a58","name":"Dahsboard Frame 02@1.txt","type":"text/plain","lastModified":1675652461822.272,"size":704},{"id":"7c330a3f27cefc7567ba9fe2032df941618d936d431daaafc1cf7c8b5598929d8a3e578de5fab3349b8afcaf231c1cc95b2a4894f342d2ad6acb028cbf87acc5","href":"https://static.observableusercontent.com/files/7c330a3f27cefc7567ba9fe2032df941618d936d431daaafc1cf7c8b5598929d8a3e578de5fab3349b8afcaf231c1cc95b2a4894f342d2ad6acb028cbf87acc5","name":"Heart.txt","type":"text/plain","lastModified":1675873508055.548,"size":422},{"id":"d68b60b340e5310e6459a13ddb97e9dd5945da8a10c62a3fa669a45f59ea46a6d7854904730d4a532ab74c4fbe4d2e2c8ec36e830233dac6ec9b2532786f6600","href":"https://static.observableusercontent.com/files/d68b60b340e5310e6459a13ddb97e9dd5945da8a10c62a3fa669a45f59ea46a6d7854904730d4a532ab74c4fbe4d2e2c8ec36e830233dac6ec9b2532786f6600","name":"inner heart.txt","type":"text/plain","lastModified":1675873508042.493,"size":422},{"id":"30e7f5b78fd2ff1e85227928433b85047ea5cf3916ac33401ac6753f0e827b71b4c3423a240a88fc92dd1fbd6770ba39eac25e143d9a9ee2650711a9dd1b4a5c","href":"https://static.observableusercontent.com/files/30e7f5b78fd2ff1e85227928433b85047ea5cf3916ac33401ac6753f0e827b71b4c3423a240a88fc92dd1fbd6770ba39eac25e143d9a9ee2650711a9dd1b4a5c","name":"Dahsboard Frame 01.txt","type":"text/plain","lastModified":1675650388775.569,"size":740},{"id":"a0600e8e08ebfea466a1346e6dbfd10fefffba1f6708e07ac55a10f7a6ff62dac17032ac9a234b292e1cfb93a06dfb5b3209e682ee38d384306b1bfaeaa12d52","href":"https://static.observableusercontent.com/files/a0600e8e08ebfea466a1346e6dbfd10fefffba1f6708e07ac55a10f7a6ff62dac17032ac9a234b292e1cfb93a06dfb5b3209e682ee38d384306b1bfaeaa12d52","name":"Dahsboard Frame 02.txt","type":"text/plain","lastModified":1675652317959.987,"size":846},{"id":"e415951e57aebe01dae1cb1dc348e4da5bbc2aa3539b29425b358ab70f7e5fe613c97ecba3bdcf72440d08293015b9b80b1f77e014e0adc2e39c219d2eeced9a","href":"https://static.observableusercontent.com/files/e415951e57aebe01dae1cb1dc348e4da5bbc2aa3539b29425b358ab70f7e5fe613c97ecba3bdcf72440d08293015b9b80b1f77e014e0adc2e39c219d2eeced9a","name":"Dahsboard Frame 03.txt","type":"text/plain","lastModified":1675652468230.058,"size":142}] 2d:{"title":"CASE Field Trip Game Dashboard","cells":[{"id":11,"value":"# CASE Field Trip Game Dashboard","pinned":true,"hidden":false,"mode":"md"},{"id":68,"value":"boundingBox = FileAttachment(\"Bounding Box 2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":69,"value":"boroughBoundaries = FileAttachment(\"Borough Boundaries.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":70,"value":"ferryLine = FileAttachment(\"Ferry Line.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":71,"value":"parkWaters = FileAttachment(\"Park Waters.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":72,"value":"parks2V2 = FileAttachment(\"Parks 2 v2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":73,"value":"parksV2 = FileAttachment(\"Parks v2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":75,"value":"waterfrontParks2 = FileAttachment(\"Waterfront Parks 2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":331,"value":"/* totalValues = {\n var totalTime = 0\n totalTime = totalTime +(triptime[0].time*cemetery)\n totalTime = totalTime +(triptime[1].time*bat)\n totalTime = totalTime +(triptime[2].time*ferry)\n totalTime = totalTime +(triptime[3].time*rockawaybeach)\n totalTime = totalTime +(triptime[4].time*twa)\n\n var totalExperience = 0\n totalExperience = totalExperience +(triptime[0].experience*cemetery)\n totalExperience = totalExperience +(triptime[1].experience*bat)\n totalExperience = totalExperience +(triptime[2].experience*ferry)\n totalExperience = totalExperience +(triptime[3].experience*rockawaybeach)\n totalExperience = totalExperience +(triptime[4].experience*twa)\n\nreturn [totalTime,totalExperience]\n}\n*/","pinned":true,"hidden":false,"mode":"ojs"},{"id":345,"value":"tripemoji = [\n { emoji: \"🤩\", feeling: \"(10/10 Highly recommend!)\",},\n { emoji: \"🤷\", feeling: \"(It is a one and done trip)\" },\n { emoji: \"💩\", feeling: \"(1/10 Not my rodeo)\" }\n ]","pinned":true,"hidden":false,"mode":"ojs"},{"id":371,"value":"totalEmotions = {\n var totalEmoji = 0\n totalEmoji = totalEmoji +(cemetery)\n totalEmoji = totalEmoji +(bat)\n totalEmoji = totalEmoji +(ferry)\n totalEmoji = totalEmoji +(rockawaybeach)\n totalEmoji = totalEmoji +(twa)\n \n var totalFeeling = 0\n totalFeeling = totalFeeling +(cemetery)\n totalFeeling = totalFeeling +(bat)\n totalFeeling = totalFeeling +(ferry)\n totalFeeling = totalFeeling +(rockawaybeach)\n totalFeeling = totalFeeling +(twa)\n\n return [totalEmoji, totalFeeling]\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":338,"value":"//viewof emojis = tripemoji.select([\"🤩\", \"🤷\", \"💩\"])","pinned":true,"hidden":false,"mode":"ojs"},{"id":245,"value":"triptime = [//create time to complete all field trip stops tt: trip time\n {name:\"cemetery\", time:2, experience:\"60\"},\n {name:\"bat\", time:1.5, experience:\"95\"},\n {name:\"ferry\", time:0.5, experience:\"90\"},\n {name:\"rockawaybeach\", time:.5, experience:\"85\"},\n {name:\"twa\", time:2, experience:\"100\"},\n\n ]","pinned":true,"hidden":false,"mode":"ojs"},{"id":251,"value":"totalValues = {\n var totalTime = 0\n totalTime = totalTime +(cemetery)\n totalTime = totalTime +(bat)\n totalTime = totalTime +(ferry)\n totalTime = totalTime +(rockawaybeach)\n totalTime = totalTime +(twa)\n\n var totalExperience = 0\n totalExperience = totalExperience +(triptime[0].experience*cemetery)\n totalExperience = totalExperience +(triptime[1].experience*bat)\n totalExperience = totalExperience +(triptime[2].experience*ferry)\n totalExperience = totalExperience +(triptime[3].experience*rockawaybeach)\n totalExperience = totalExperience +(triptime[4].experience*twa)\n\nreturn [totalTime,totalExperience]\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":356,"value":"viewof emojis = Inputs.select(tripemoji, {label: \"Rate the trip's vibe\", format: x => x.emoji, value: tripemoji.find(s => s.emoji === \"🤩\")})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1012,"value":"emojis.feeling","pinned":true,"hidden":false,"mode":"ojs"},{"id":253,"value":"viewof cemetery = Inputs.range([0, 3], {step: .5, label: \"Greenwood Cemetery\", value:0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":261,"value":"viewof bat = Inputs.range([0, 3], {step: .5, label: \"BAT\", value:0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":263,"value":"viewof ferry = Inputs.range([0, 3], {step: .5, label: \"Ferry\", value:0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":265,"value":"viewof rockawaybeach = Inputs.range([0, 3], {step: .5, label: \"Rockaway Beach\", value:0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":267,"value":"viewof twa = Inputs.range([0, 3], {step: .5, label: \"TWA Hotel\", value:0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1040,"value":"underlay = {\n const width = 700,\n height = 700;\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [9, 68, width-100, height-80]);\n\n // Use Mercator projectio\n \n\n svg.append('image')\n .attr('href',streetsUnderlay) \n //.attr('class','spotImage')\n .attr('x', '-9')\n .attr('y','1')\n .attr('width', 635)\n .attr('height', 575)\n\nreturn svg.node();\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":538,"value":"dahsboardFrame01 = FileAttachment(\"Dahsboard Frame 01.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":810,"value":"heart = FileAttachment(\"Heart.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":812,"value":"innerHeart = FileAttachment(\"inner heart.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":541,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":589,"value":"dahsboardFrame02 = FileAttachment(\"Dahsboard Frame 02@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":582,"value":"dahsboardFrame03 = FileAttachment(\"Dahsboard Frame 03.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":827,"value":"emojisdropdown = {\n var button = ' '\n\n var e = emojis\n if(e == '🤩')(button = '(10/10 Highly recommend!)')\n if(e == '🤷')(button = '(It is a one and done kinda trip)')\n if(e == '💩')(button = '(1/10 Not my rodeo)')\n \n return button \n}\n\n\n//copy this to the dahsboard code below","pinned":true,"hidden":false,"mode":"ojs"},{"id":935,"value":"tripemoji[2].emoji","pinned":true,"hidden":false,"mode":"ojs"},{"id":975,"value":"tripemoji[1].emoji","pinned":true,"hidden":false,"mode":"ojs"},{"id":977,"value":"tripemoji[0].emoji","pinned":true,"hidden":false,"mode":"ojs"},{"id":979,"value":"tripemoji[0].feeling","pinned":true,"hidden":false,"mode":"ojs"},{"id":992,"value":"tripemoji[0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":555,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":453,"value":"streetsUnderlay = FileAttachment(\"Streets Underlay.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":227,"value":"twaBoundary2 = FileAttachment(\"TWA boundary 2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":224,"value":"twaBoundary = FileAttachment(\"TWA boundary.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":221,"value":"batBoundary = FileAttachment(\"BAT boundary@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":222,"value":"cemeteryBoundary = FileAttachment(\"Cemetery boundary.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":223,"value":"rockawayBeachBoundary = FileAttachment(\"Rockaway beach boundary.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":194,"value":"park3 = FileAttachment(\"PARK 3.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":186,"value":"trail1 = FileAttachment(\"trail 1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":187,"value":"trail2 = FileAttachment(\"trail 2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":184,"value":"trail = FileAttachment(\"trail.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":179,"value":"parks3 = FileAttachment(\"Parks 3.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":170,"value":"parks2V3 = FileAttachment(\"Parks 2 v3.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":159,"value":"bboxHatch = FileAttachment(\"bbox hatch.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":148,"value":"boroughs1 = FileAttachment(\"Boroughs 1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":149,"value":"boroughs2 = FileAttachment(\"Boroughs 2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":106,"value":"spotsLink = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQN7ElG8iTelk2n3jgGsf_pMAOFYfQoR7M9IB2GI1SmChla4frLqoHSFpg2eFHfu_NAL2sjlDEanA1v/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":108,"value":"spots = d3.csv(spotsLink,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}