2f:T5cf,stationProximity={ //console.log(stations.features[5].geometry.coordinates) var isStationClose = 0 var stationOb = 0 var stationObs = [] var from = turf.point(stations.features[0].geometry.coordinates); var to = turf.point(stations.features[1].geometry.coordinates); var options = {units: 'kilometers'}; var distance1 = turf.distance(from, to, options); console.log(distance1*1000) for (let i = 0; i < stations.features.length; i++) { for (let k= 0; k < stations.features.length; k++) { if(i!=k){ //var pt1 = stations[i].geometry.coordinates //var pt2 = stations[k].geometry.coordinates var distance = 0 var from = turf.point(stations.features[i].geometry.coordinates); var to = turf.point(stations.features[k].geometry.coordinates); var options = {units: 'kilometers'}; distance = turf.distance(from, to, options); //distance = distance*1000 if(distance*1000<500){ isStationClose = 1 } } } stationOb = {name:stations.features[i].properties.L_STATION, proximity: isStationClose} stationObs.push(stationOb) isStationClose=0 } const person = { name: 'Mateusz', lastnme: 'Choma', sayHello: function (){ console.log('Hello ' + this.name + ' ' + this.lastname) } } return stationObs }30:T2e92,

Hover for Trip Images!

31:T73d6,chart = { const width = 960, height = 900; const svg = d3.create("svg") .attr("viewBox", [0, 50, width-90, height-100]); // Use Mercator projection var projection = d3 .geoMercator() .fitSize([width - 50, height - 50], bbox1); 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"); var clickYear = 2000 var clicks = [] //i'm not using the boundary lines, so I'm going to comment them out /* g.selectAll("path1") //d3 geopath .data(boundary.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", path1) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "rgb(0,0,0)") */ //console.log(uSpots) //console.log(uSpots.latitude) function showImage(elemId, imgSrc) { console.log("Mouse is over text"); console.log("\tElemId:" + elemId + " Image Source:" + imgSrc); const elem = document.getElementById(elemId); const popImage = new Image(); popImage.src = imgSrc; popImage.style.position = "absolute"; popImage.style.zIndex = "1"; elem.appendChild(popImage); } function hideImage(elemId) { console.log("Mouse is off text"); console.log("\tElemId:" + elemId); const elem = document.getElementById(elemId); while (elem.childElementCount > 0) { elem.removeChild(elem.lastChild); } } function changeDropdownOption(event,d){ console.log(d) if(d=='Option 1: 4hr | Scooter | Cultural Date in central Paris'){ d3.selectAll('path.metrolines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(walkingScooter1.features) .enter() .append("path") .attr('class','walkingScooter1') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") } if(d=='Option 2: 4hr | Walking | Picnic at a park and River cruise'){ d3.selectAll('path.metroLines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(walkingScooter2.features) .enter() .append("path") .attr('class','walkingScooter2') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") } if(d=='Option 3: 4hr | Walk/Metro | Gardens and Historic Sites'){ d3.selectAll('path.metroLines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(metroline3.features) .enter() .append("path") .attr('class','metroline3') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter3.features) .enter() .append("path") .attr('class','walkingScooter3') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") } if(d=='Option 4: 6hr | Walking | Balloon ride and arcade'){ d3.selectAll('path.metroLines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(metroline4.features) .enter() .append("path") .attr('class','metroline4') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter4.features) .enter() .append("path") .attr('class','walkingScooter4') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") } if(d=='Option 5: 6hr | Walkable | Museum/historic sites followed by a movie'){ d3.selectAll('path.metroLines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(metroline5.features) .enter() .append("path") .attr('class','metroline5') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter5.features) .enter() .append("path") .attr('class','walkingScooter5') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") } if(d=='Option 6: 8hr | Walk/Metro | Historic sites and food'){ d3.selectAll('path.metroLines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(metroline6.features) .enter() .append("path") .attr('class','metroline6') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter6.features) .enter() .append("path") .attr('class','walkingScooter6') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") } if(d=='Option 7: 8hr | Metro | Outdoorsy sites'){ d3.selectAll('path.metroLines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(metroline7.features) .enter() .append("path") .attr('class','metroline7') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter7.features) .enter() .append("path") .attr('class','walkingScooter7') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") } if(d=='Option 8: 8hr | Metro | Nature and Historic sites'){ d3.selectAll('path.metroLines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(metroline8.features) .enter() .append("path") .attr('class','metroline8') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter8.features) .enter() .append("path") .attr('class','walkingScooter8') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") } if(d=='Option 9: 12hr | Metro | Scenic metro line around Paris'){ d3.selectAll('path.metroLines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(metroline9.features) .enter() .append("path") .attr('class','metroline9') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "yellow") g.selectAll("path2") .data(walkingScooter9.features) .enter() .append("path") .attr('class','walkingScooter9') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "yellow") } if(d=='Option 10: 12hr | Metro | Themed lines to lake, arcade, culture centers, palaces'){ d3.selectAll('path.metroLines').remove() d3.selectAll('path.walkingScooter').remove() g.selectAll("path2") .data(metroline10.features) .enter() .append("path") .attr('class','metroline10') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter10.features) .enter() .append("path") .attr('class','walkingScooter10') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") } } var c = svg.selectAll('circle') .data(Dropdown) .enter() .append('circle') //.attr('class','spots') .attr('x','200') .attr('y',function(d,i){return 200+(i*20)}) .attr('r',8) .attr('fill','floralwhite') .style("stroke-width", '1') .style("stroke", "rgb(0,0,0)") .text(function(d){return d}) g.selectAll("path2") .data(bikeRoute.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(funSpotsLines.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(outdoorScenicRoutes.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(existingRoutesForBus.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(newRoutesForBus.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(rer.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(suburb1.features) .enter() .append("path") .attr('class','district') .attr("d", path2) .style("fill", "aliceblue") .style('fill-opacity','0.2') .style('stroke-opacity','0.1') .style("stroke-width", '.6') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(suburb2.features) .enter() .append("path") .attr('class','district') .attr("d", path2) .style("fill", "aliceblue") .style('fill-opacity','0.3') .style('stroke-opacity','0.1') .style("stroke-width", '.6') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(suburb3.features) .enter() .append("path") .attr('class','district') .attr("d", path2) .style("fill", "aliceblue") .style('fill-opacity','0.4') .style('stroke-opacity','0.1') .style("stroke-width", '.6') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(suburb4.features) .enter() .append("path") .attr('class','district') .attr("d", path2) .style("fill", "lightsteelblue") .style('fill-opacity','0.5') .style('stroke-opacity','0.1') .style("stroke-width", '.6') .style("stroke", "rgb(0,0,0)") g.selectAll("path3") .data(GreenSpaces.features) .enter() .append("path") .attr('class','greenspaces') .attr("d", path3) .style("fill", "rgb(186, 219, 203)") .style("fill-opacity", ".2") .style('stroke-opacity','.5') .style("stroke-width", '.2') .style("stroke", "rgb(0,0,0)") g.selectAll("path3") .data(water.features) .enter() .append("path") .attr('class','water') .attr("d", path3) .style("fill", "rgb(193, 219, 224)") .style("fill-opacity", ".4") .style('stroke-opacity','.4') .style("stroke-width", '.5') .style("stroke", "rgb(0,0,0)") g.selectAll("path3") .data(Streets.features) .enter() .append("path") .attr('class','streets') .attr("d", path3) .style("fill", "rgb(200,200,200)") .style("fill-opacity", "0") .style('stroke-opacity','.3') .style("stroke-width", '.1') .style("stroke", "rgb(0,0,0)") g.selectAll("path2") .data(metroline10.features) .enter() .append("path") .attr('class','metroline10') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter1.features) .enter() .append("path") .attr('class','walkingScooter1') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter2.features) .enter() .append("path") .attr('class','walkingScooter2') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter3.features) .enter() .append("path") .attr('class','walkingScooter3') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter4.features) .enter() .append("path") .attr('class','walkingScooter4') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter5.features) .enter() .append("path") .attr('class','walkingScooter5') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter6.features) .enter() .append("path") .attr('class','walkingScooter6') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter7.features) .enter() .append("path") .attr('class','walkingScooter7') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter8.features) .enter() .append("path") .attr('class','walkingScooter8') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter9.features) .enter() .append("path") .attr('class','walkingScooter9') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(walkingScooter10.features) .enter() .append("path") .attr('class','walkingScooter10') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "red") g.selectAll("path2") .data(metroline3.features) .enter() .append("path") .attr('class','metroline3') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "green") g.selectAll("path2") .data(metroline4.features) .enter() .append("path") .attr('class','metroline4') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "green") g.selectAll("path2") .data(metroline5.features) .enter() .append("path") .attr('class','metroline5') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "green") g.selectAll("path2") .data(metroline6.features) .enter() .append("path") .attr('class','metroline6') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "green") g.selectAll("path2") .data(metroline7.features) .enter() .append("path") .attr('class','metroline7') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "green") g.selectAll("path2") .data(metroline8.features) .enter() .append("path") .attr('class','metroline8') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "green") g.selectAll("path2") .data(metroline9.features) .enter() .append("path") .attr('class','metroline9') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "green") function staRadius(){ //get index of this //use index value to find the station proximity value - stationProximity[index] //if the station proximity value ==0 then radius = 5 else radius = 2 //return radius } function growDot(){ d3.select(this).attr('r','5') } function shrinkDot(){ d3.select(this).attr('r','3') } var newSubways = [] //list to hold new subway lines var clickCoords = [] //list to reocrd the start point of our line var startPtData = [] var latlong = [] var subwayMaxLength = 600 writesubwayMaxLength() //write down initial subway budget function subClick(event,d) { //console.log('click') if(clickCoords.length==1){ var startPt = [latlong[0][0],latlong[0][1]] var endPt = [d.geometry.coordinates[0],d.geometry.coordinates[1]] var subLength = turf.distance(startPt,endPt,{units:"meters"}); console.log(round(subLength,600)) console.log("going from " + startPtData[0].properties.name) console.log("ending at " + d.properties.name) //connect the points in clickCoords to the current clicks newSubways.push({x1:clickCoords[0][0], y1:clickCoords[0][1], x2:path1.centroid(d)[0], y2:path1.centroid(d)[1], length:subLength}) //create object w/ new subways newSubLines() //function that draws new subwayLines subwayMaxLength = writesubwayMaxLength-subLength writesubwayMaxLength() latlong = [] //list that carries lat/long values so we can measure clickCoords = [] //list that carries pixel values startPtData = [] }else{ //add the current clicked point to clickCoords clickCoords.push([path1.centroid(d)[0],path1.centroid(d)[1]]) latlong.push([d.geometry.coordinates[0],d.geometry.coordinates[1]]) startPtData.push(d) } //console.log(newSubways) } function newSubLines(){ // console.log('im in the function!') var ln = svg.selectAll("lines") //d3 geopath .data(newSubways) //get data to define path .enter() //there are more data than elements, this selects them .append("line") //appends path to data .attr('class','newSubwaysClass') .attr('x1', function(d) {return d.x1}) .attr('x2', function(d) {return d.x2}) .attr('y1', function(d) {return d.y1}) .attr('y2', function(d) {return d.y2}) .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "plum") } function writesubwayMaxLength(){ d3.selectAll('text.budget').remove() svg .append('text') .attr('class','budget') .attr('x','800') .attr('y','800') .attr('fint-sze','2em') .attr('font-family','Helvetica') .text(round(subwayMaxLength,600)) } var t = svg.selectAll("text") .data(layers) .enter() .append('text') .attr('x',60) .attr('y',function(d,i) {return 119+20*i}) .attr('fill','dimgray') .attr('font-family','Helvetica') .attr('font-size', '.65em') .attr('text.anchor','start') .attr('font-weight', 'bold') .text(function(d) {return d}) /* c.enter().append('circle') .data(layers) .enter() .append('circle') .attr('cx',40) .attr('cy',function(d,i) {return 115+20*i}) .attr('r',5) .attr('fill','floralwhite') .style("stroke-width", '.3') .style("stroke", "rgb(0,0,0)") .on('click',layersClick) function layersClick(event,d){ console.log(d) if(d=='Proposed'){ d3.selectAll('path.outlines').remove() d3.selectAll('text.layersText').remove() d3.selectAll('path.district').remove() svg.append('text') .attr('class','layersText') .attr('x', '20') .attr('y','70') .attr('font-family','Helvetica') .attr('font-size', '.65em') .attr('text.anchor','start') .attr('font-weight', 'bold') .text('Proposed transportation system') svg.append('text') .attr('class','layersText') .attr('x', '20') .attr('y','85') .attr('font-family','Helvetica') .attr('font-size', '.55em') .attr('text.anchor','start') .attr('font-weight', 'normal') .text('Reduced number of lines for easier understanding while also reaching all tourists points.') svg.append('text') .attr('class','layersText') .attr('x', '20') .attr('y','95') .attr('font-family','Helvetica') .attr('font-size', '.55em') .attr('text.anchor','start') .attr('font-weight', 'normal') .text('Increased metro routes for neighborhoods in outskirts for greater safety.') g.selectAll("path2") .data(bikeRoute.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '1.5') .style("stroke", "darkorange") .style('stroke-dasharray','2 2') g.selectAll("path2") .data(funSpotsLines.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '2') .style("stroke", "darkmagenta") g.selectAll("path2") .data(outdoorScenicRoutes.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '2') .style("stroke", "yellowgreen") g.selectAll("path2") .data(existingRoutesForBus.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "rgb(139, 158, 166)") g.selectAll("path2") .data(newRoutesForBus.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "lightskyblue") .style('stroke-dasharray','2 2') g.selectAll("path2") .data(rer.features) .enter() .append("path") .attr('class','outlines') .attr("d", path2) .style("fill", "none") .style('stroke-opacity','1.5') .style("stroke-width", '1.5') .style("stroke", "rgb(0,0,0)") .style('stroke-dasharray','4 4') } } */ var wrap = svg.selectAll("text.layersText") .each(function(d, i) { wrap_text(d3.select(this), 415) }); c.enter().append('circle') .data(Underratedspots) .enter() .append("circle") .attr("cx", function(d) {return projection([d.longitude, d.latitude])[0]}) .attr("cy", function(d) {return projection([d.longitude, d.latitude])[1]}) .attr('r',5) .attr('fill','lightblue') .style('fill-opacity','1') .style('stroke','black') .style('stroke-width','.8') .on('mouseover', spotText) .on('mouseout', removespotText) c.enter().append('circle') .data(spots) .enter() .append("circle") .attr("cx", function(d) {return projection([d.longitude, d.latitude])[0]}) .attr("cy", function(d) {return projection([d.longitude, d.latitude])[1]}) .attr('r',5) .attr('fill',colorType) .style('fill-opacity','1') .style('stroke','black') .style('stroke-width','.8') .on('mouseover', spotText) .on('mouseout', removespotText) g.selectAll("path4") .data(mapKey.features) .enter() .append("path") .attr('class','key') .attr("d", path4) .style("fill", "white") .style('stroke-opacity','1') .style("stroke-width", '.5') .style("stroke", "rgb(0,0,0)") g.selectAll("path4") .data(keyText.features) .enter() .append("path") .attr('class','key') .attr("d", path4) .style("fill", "none") .style('stroke-opacity','1') .style("stroke-width", '.25') .style("stroke", "black") g.selectAll("path4") .data(cSpot.features) .enter() .append("path") .attr('class','key') .attr("d", path4) .style("fill", "lightblue") .style('fill-opacity','1') .style("stroke-width", '1') .style("stroke", "black") g.selectAll("path4") .data(statSpot.features) .enter() .append("path") .attr('class','key') .attr("d", path4) .style("fill", "black") .style('fill-opacity','.5') .style("stroke-width", '.15') .style("stroke", "black") g.selectAll("path4") .data(distSpot.features) .enter() .append("path") .attr('class','key') .attr("d", path4) .style("fill", "aliceblue") .style('fill-opacity','.75') .style("stroke-width", '.25') .style("stroke", "black") g.selectAll("path4") .data(railSpot.features) .enter() .append("path") .attr('class','key') .attr("d", path4) .style("fill", "none") .style('fill-opacity','1') .style("stroke-width", '1.5') .style("stroke", "black") function colorType(d,i){ var color = 'black' if(d.type=='landmark')(color = 'white') return color } svg .append('circle') .attr("cx", projection([Dropdown.longitude, Dropdown.latitude])[0]) .attr("cy", projection([Dropdown.longitude, Dropdown.latitude])[1]) .attr('r',30) .attr('fill','yellow') .style('fill-opacity','.5') .style('stroke','black') .style('stroke-width','.8') function spotText(event,d){ d3.select(this).attr('fill','white') svg.append('text') .attr('class','spots') .attr('x', '720') .attr('y','780') .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', '720') .attr('y','790') .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', '720') .attr('y1', '786') .attr('x2', projection([d.longitude, d.latitude])[0]) .attr('y2', '786') .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', '786') .attr('x2', projection([d.longitude, d.latitude])[0]) .attr('y2', projection([d.longitude, d.latitude])[1]) .style('stroke-width','.7') .style('stroke','black') .style('stroke-dasharray','2 2') svg.append('image') //.attr('xlink:href','https://thetourguy.com/wp-content/uploads/2020/09/Top-things-to-see-musee-dorsay-Paris-1440-x-675-900x420.jpg') .attr('xlink:href','https://www.dropbox.com/s/cvlcqe2hpysweno/options4.png?dl=1') //.attr('xlink:href','https://rpi.box.com/s/nlr9e80dh80f5fenmv1ek0bpqa6sl9rr.jpg') .attr('class','spotsImage') .attr('x', '720') .attr('y','800') .attr('width', 100) .attr('height', 50) .text(d.image) } function removespotText(event,d){ d3.select(this).attr('fill',colorType) d3.selectAll('text.spots').remove() d3.selectAll('line.spotLine').remove() } svg .on('click',function(event){ var culturalspots = d3.pointer(event) console.log(clicks) c.enter().append("circle") //circle .data(clicks) .enter() //there are more data than elements, this selects them .append("circle") //appends path to data .attr("cx", function(d) {return d[0]}) .attr("cy", function(d) {return d[1]}) .attr('r',3) .attr('fill','black')//add function to control color by 'type' .style('fill-opacity','1') }) /* d3.selectAll('image.spotImage').remove() ADD THIS WHEN YOU FIX THE IMAGE HOVERING /* function yearFill(d,i){ var color = 'none' if(d.year == clickYear){ color = 'white' } return color } */ //} return svg.node(); } 32:[{"id":"c8ccc5b8bea474121c726169f516bfb6a46aa2018ec3f12be6605d80b8639efc75f6b32b642e7d6cc80c29ea65e646b600e9a552b3e5066e345825f3b7e5ca6a","href":"https://static.observableusercontent.com/files/c8ccc5b8bea474121c726169f516bfb6a46aa2018ec3f12be6605d80b8639efc75f6b32b642e7d6cc80c29ea65e646b600e9a552b3e5066e345825f3b7e5ca6a","name":"RER.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":55843},{"id":"452d20b5f421e947de2dd8deb6d46a9d1ac719efbbd47756faf36130fe9f215894c4aeb2f4d1fdd12568031aa046b9c34135b8e1b554a16a0407c18699d50f48","href":"https://static.observableusercontent.com/files/452d20b5f421e947de2dd8deb6d46a9d1ac719efbbd47756faf36130fe9f215894c4aeb2f4d1fdd12568031aa046b9c34135b8e1b554a16a0407c18699d50f48","name":"new routes for bus and shuttle.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":3474},{"id":"c737605d68ffb8b911773440a2d2c2fe90e9b8d9a0c5618cfc4b6b97597b369033f38113645636b905c28083e4bbd10b6f8d7fa84564210d45808bf8f9fa8d8e","href":"https://static.observableusercontent.com/files/c737605d68ffb8b911773440a2d2c2fe90e9b8d9a0c5618cfc4b6b97597b369033f38113645636b905c28083e4bbd10b6f8d7fa84564210d45808bf8f9fa8d8e","name":"outdoor scenic routes.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":279497},{"id":"7c0d950bc0e5742e45f9ce0112ab26118e2a1bdb1d7e39d27e0955cdaa36a3a64e63b062475ed39ef10df881cbfccf9a2dfc003fa2ec2d001c8fe5062f50a072","href":"https://static.observableusercontent.com/files/7c0d950bc0e5742e45f9ce0112ab26118e2a1bdb1d7e39d27e0955cdaa36a3a64e63b062475ed39ef10df881cbfccf9a2dfc003fa2ec2d001c8fe5062f50a072","name":"existing routes for bus and shuttle.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":31294},{"id":"e45990dbd6f55a033824a88250265800c68c665366167cdae31610b2852e44a6a71d097f1d12795ca2b84b8d3805d790887323f08c1dbaa75c4bc723e43bdc8a","href":"https://static.observableusercontent.com/files/e45990dbd6f55a033824a88250265800c68c665366167cdae31610b2852e44a6a71d097f1d12795ca2b84b8d3805d790887323f08c1dbaa75c4bc723e43bdc8a","name":"fun spots lines@1.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":21544},{"id":"c35614921a08f0004062c51b678ced406dfad2413e0accd1d21618d0460d31dd6159b5221f58b42a6934b5b2e766ea6b9eb4011dea3bd89d3864a0de3773b15b","href":"https://static.observableusercontent.com/files/c35614921a08f0004062c51b678ced406dfad2413e0accd1d21618d0460d31dd6159b5221f58b42a6934b5b2e766ea6b9eb4011dea3bd89d3864a0de3773b15b","name":"bike route@1.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":3124},{"id":"745b9d147f6864380bf7d14b664e2fff0658375e252efd48095b259644e3168d8bdfda829e9a498db815ce72a155822205cf0f1806479f30dd85d66841cc0286","href":"https://static.observableusercontent.com/files/745b9d147f6864380bf7d14b664e2fff0658375e252efd48095b259644e3168d8bdfda829e9a498db815ce72a155822205cf0f1806479f30dd85d66841cc0286","name":"19401960lines.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":4204},{"id":"bfc58a433d9359473b5e2e794fd3761ecd811adacf998f4ca94b960bda3f995b87e53233e69fb1fbc2973a85599c65d661c3cad892049a7a53c60c30a2a40d17","href":"https://static.observableusercontent.com/files/bfc58a433d9359473b5e2e794fd3761ecd811adacf998f4ca94b960bda3f995b87e53233e69fb1fbc2973a85599c65d661c3cad892049a7a53c60c30a2a40d17","name":"19201940lines.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":422305},{"id":"f2febc5955b7c0a15894b96d6f3cd1fbfcf270b66a66e1162c7fced996a3da4a26a33ce2dbc6db37fb840d2188400bdaaa8f4312bd504e2ffdd49ed49ab9f565","href":"https://static.observableusercontent.com/files/f2febc5955b7c0a15894b96d6f3cd1fbfcf270b66a66e1162c7fced996a3da4a26a33ce2dbc6db37fb840d2188400bdaaa8f4312bd504e2ffdd49ed49ab9f565","name":"1946 district.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":24854},{"id":"0b72629d629031d17944b0488fb25f3788a4260693bac3265c30c3af44bf44c501b15b1622c00071e51abaaa5d9d2f031267b303a0bda6d308c0c5186bd34a87","href":"https://static.observableusercontent.com/files/0b72629d629031d17944b0488fb25f3788a4260693bac3265c30c3af44bf44c501b15b1622c00071e51abaaa5d9d2f031267b303a0bda6d308c0c5186bd34a87","name":"1921 district.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":55684},{"id":"91e703b811bdf728c6e4ba0f27b85cade34e8a361fb4fb22ed2cd673c5abc545fd1f678d6a748f047c1accb30facaf866a0efbac4cbf2c6f60f552d874dfddb8","href":"https://static.observableusercontent.com/files/91e703b811bdf728c6e4ba0f27b85cade34e8a361fb4fb22ed2cd673c5abc545fd1f678d6a748f047c1accb30facaf866a0efbac4cbf2c6f60f552d874dfddb8","name":"19001920lines.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":45786},{"id":"406917fcfbd8d1acdf6e20050b8a96a9a0b4ba1c08b00fd97caba1ca91d85c9a884c2694b4a2ab9e51ab94d5a8b7ba0307ddd73c023a4fb3528d7e88bd9eae35","href":"https://static.observableusercontent.com/files/406917fcfbd8d1acdf6e20050b8a96a9a0b4ba1c08b00fd97caba1ca91d85c9a884c2694b4a2ab9e51ab94d5a8b7ba0307ddd73c023a4fb3528d7e88bd9eae35","name":"1901 district.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":29529},{"id":"f7ba8f8e9947721a3facc29998340e906e5873b7de03a75a3375673e69e8b6bd2461335f14ccb841124ecc741e753a55674f6d2764ce003cd512d339ba33df82","href":"https://static.observableusercontent.com/files/f7ba8f8e9947721a3facc29998340e906e5873b7de03a75a3375673e69e8b6bd2461335f14ccb841124ecc741e753a55674f6d2764ce003cd512d339ba33df82","name":"stations@1.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":285915},{"id":"a9fb7b918039cdad871a25eba4215b04388898170da2a45708e474b7e10b6ca4efe983d5486d49171edb28130b4730c403881e81034002761ca061b65dee42a6","href":"https://static.observableusercontent.com/files/a9fb7b918039cdad871a25eba4215b04388898170da2a45708e474b7e10b6ca4efe983d5486d49171edb28130b4730c403881e81034002761ca061b65dee42a6","name":"water@2.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":298477},{"id":"8b93d207a74d0677ca1affcb5d2f62444a46b5553dd1e145986bf7bef94903a5c283cb1c691a8da5c9239fe0fe576ad5142815e5373a77ba0085fc8238f6261f","href":"https://static.observableusercontent.com/files/8b93d207a74d0677ca1affcb5d2f62444a46b5553dd1e145986bf7bef94903a5c283cb1c691a8da5c9239fe0fe576ad5142815e5373a77ba0085fc8238f6261f","name":"2007 district.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":67857},{"id":"c8afbed6d144f9e6aa7be62b837fab11e64ceaba0b30d14af466d57ba4e8f155c4f68ee2c616ba681b39b873ed7d568727147f46b0286c582494cf115ae92ed6","href":"https://static.observableusercontent.com/files/c8afbed6d144f9e6aa7be62b837fab11e64ceaba0b30d14af466d57ba4e8f155c4f68ee2c616ba681b39b873ed7d568727147f46b0286c582494cf115ae92ed6","name":"2017 district.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":9549},{"id":"05a6c5c4e543e387ad7c77186cb925f4683da08b6f1103ecb1f3bd8b9c554d023951c2df6dc23f000fa99906faec016815b3c3ba96fd3d29e71310b326c592f9","href":"https://static.observableusercontent.com/files/05a6c5c4e543e387ad7c77186cb925f4683da08b6f1103ecb1f3bd8b9c554d023951c2df6dc23f000fa99906faec016815b3c3ba96fd3d29e71310b326c592f9","name":"1990 district.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":26661},{"id":"1950ac464695f7dbf95fe7f15d758a71dbba469f4ebdae95a8087224c6a2602544c4c2a91a84d2e6b108e688122ec7358856a36cb5f491837c3d8a487573ce83","href":"https://static.observableusercontent.com/files/1950ac464695f7dbf95fe7f15d758a71dbba469f4ebdae95a8087224c6a2602544c4c2a91a84d2e6b108e688122ec7358856a36cb5f491837c3d8a487573ce83","name":"1968 district.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":56015},{"id":"fed6f4115ade1748d9de8efae0e360dd96531c16700b4afd48e923e019a743c51f9996ad9c632ebf6dedddfa478dc9cd41d969cafa4faa4dbb63767409391297","href":"https://static.observableusercontent.com/files/fed6f4115ade1748d9de8efae0e360dd96531c16700b4afd48e923e019a743c51f9996ad9c632ebf6dedddfa478dc9cd41d969cafa4faa4dbb63767409391297","name":"bbox.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":630},{"id":"466487ddef1fbf8a4e1fc7527be3fea19693d757802868b57613331a67120ce86e940f3471bc310a7672ec20f7f78e7f191995be42b1b3fe9d256dba9a6e1d13","href":"https://static.observableusercontent.com/files/466487ddef1fbf8a4e1fc7527be3fea19693d757802868b57613331a67120ce86e940f3471bc310a7672ec20f7f78e7f191995be42b1b3fe9d256dba9a6e1d13","name":"2020lines.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":51669},{"id":"ca768bbc849d16b4e1e397194c76ef80019145d546a03dc473f0b83ce07bc83c401d07704c320426594fa746d3e194e7711087f0aa1846d7f3722527f8c09eda","href":"https://static.observableusercontent.com/files/ca768bbc849d16b4e1e397194c76ef80019145d546a03dc473f0b83ce07bc83c401d07704c320426594fa746d3e194e7711087f0aa1846d7f3722527f8c09eda","name":"20002020lines.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1217255},{"id":"d83a368a5ab9e6ededa753cec813619f239eed4e3ae493d49972c8120cb624beb159b617bc75cae4bbbfe2cf2034e40361d14a4d88d6a900ae9303b2c3b4996d","href":"https://static.observableusercontent.com/files/d83a368a5ab9e6ededa753cec813619f239eed4e3ae493d49972c8120cb624beb159b617bc75cae4bbbfe2cf2034e40361d14a4d88d6a900ae9303b2c3b4996d","name":"19802000lines.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":2732860},{"id":"5a1b5d7dcce362cea7840c49795d3e358e3fea1e8c98acb474680adeadbab63c56e9fced2d7f230a733653149352e47f1ffaada829b6d4b38fcd763a386718b6","href":"https://static.observableusercontent.com/files/5a1b5d7dcce362cea7840c49795d3e358e3fea1e8c98acb474680adeadbab63c56e9fced2d7f230a733653149352e47f1ffaada829b6d4b38fcd763a386718b6","name":"19601980lines.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1162596},{"id":"0bdbdc82152288cb29e328a11641eb80fa3534664fc5108a34f0fd51ae5ae7d7091c89f4b510745dfaa7adaedec8d7f8b7efe2d5d899ec54d33e22ebfce94cf4","href":"https://static.observableusercontent.com/files/0bdbdc82152288cb29e328a11641eb80fa3534664fc5108a34f0fd51ae5ae7d7091c89f4b510745dfaa7adaedec8d7f8b7efe2d5d899ec54d33e22ebfce94cf4","name":"Districts Combined V4.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":28839},{"id":"7ff13258bc3addc7172ab79d445470d68f5d702cca3f88a77a22ccfd98d57e59e29f9203a44d9e2fbd05b9f1bc250923cd90aa17ea35f7e763c383914eb7e67b","href":"https://static.observableusercontent.com/files/7ff13258bc3addc7172ab79d445470d68f5d702cca3f88a77a22ccfd98d57e59e29f9203a44d9e2fbd05b9f1bc250923cd90aa17ea35f7e763c383914eb7e67b","name":"1920-1940 suburb.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":88830},{"id":"45b86b50100293493a2c91f3d01b7b24ad226a96092fad99594f02bfc4ed0c4534da82d3052bc940a73b0ff44cc7a4ccc8772425e919eb2277c987b82dfd44cb","href":"https://static.observableusercontent.com/files/45b86b50100293493a2c91f3d01b7b24ad226a96092fad99594f02bfc4ed0c4534da82d3052bc940a73b0ff44cc7a4ccc8772425e919eb2277c987b82dfd44cb","name":"1980-2000 suburb.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":213114},{"id":"73a64dcbf0d87223b6a07a10d3c4654979d48befe3568a26030bd88e6c9e15c5d56eac23633c9dc875df92cc1520e3a38f4b7a182bd4b4959fb2fb9121c8e0cf","href":"https://static.observableusercontent.com/files/73a64dcbf0d87223b6a07a10d3c4654979d48befe3568a26030bd88e6c9e15c5d56eac23633c9dc875df92cc1520e3a38f4b7a182bd4b4959fb2fb9121c8e0cf","name":"1960-1980 suburb.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":234146},{"id":"d15835c671905f054b1f14027c71b39aa2595495c7a4082c0cf9b336b8586871ff3113e921ec5fb18ee712781e4bb98203807e30cd804143a23d013bbfc14c7f","href":"https://static.observableusercontent.com/files/d15835c671905f054b1f14027c71b39aa2595495c7a4082c0cf9b336b8586871ff3113e921ec5fb18ee712781e4bb98203807e30cd804143a23d013bbfc14c7f","name":"1940-1960 suburb.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":38566},{"id":"49f7757d1155f33039794d109d2be529c2bf47b030784ce4fc0aa9e959ba8676038cef7f6c0b7c56095b5be00bb1600dbc8da6adb99183554c39d9ebff91092d","href":"https://static.observableusercontent.com/files/49f7757d1155f33039794d109d2be529c2bf47b030784ce4fc0aa9e959ba8676038cef7f6c0b7c56095b5be00bb1600dbc8da6adb99183554c39d9ebff91092d","name":"simplified streets.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":4727590},{"id":"c55f6d0b6baf1a356a57a4efd27c4a0b9ef96255f6ce3b2bfe33271171a389ae45bde7bc9880dd57068255d427aa30e8c89556631bb7ec7d0cd30e8e08fc760f","href":"https://static.observableusercontent.com/files/c55f6d0b6baf1a356a57a4efd27c4a0b9ef96255f6ce3b2bfe33271171a389ae45bde7bc9880dd57068255d427aa30e8c89556631bb7ec7d0cd30e8e08fc760f","name":"simplified green spaces.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":3330228},{"id":"32da4b60c8b00b29402affb6bda5e01d12ea54f5fee20885dad7f7c5d52daddc7843b35bd169c0abce9d7ca0874b477acf7ba0bb073087aaf1caae76c3284c77","href":"https://static.observableusercontent.com/files/32da4b60c8b00b29402affb6bda5e01d12ea54f5fee20885dad7f7c5d52daddc7843b35bd169c0abce9d7ca0874b477acf7ba0bb073087aaf1caae76c3284c77","name":"railLn.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":483},{"id":"1fd2df4d0ef4fe5894cd44f6f3da902d794668a225bc929596542dd0363758f9f993e300cdf7d4d418a23095234b65caefd0c69afd33efee9f455ae5e43ac166","href":"https://static.observableusercontent.com/files/1fd2df4d0ef4fe5894cd44f6f3da902d794668a225bc929596542dd0363758f9f993e300cdf7d4d418a23095234b65caefd0c69afd33efee9f455ae5e43ac166","name":"distSpot@1.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":628},{"id":"d2c621060f74cbd2ed4d6ad24d5db377d3a30df69c20b6d8557185ec2392813a9aae73e6dceecb8d208934457908cef4c23436b622f3c9bbed15425b20c79ab9","href":"https://static.observableusercontent.com/files/d2c621060f74cbd2ed4d6ad24d5db377d3a30df69c20b6d8557185ec2392813a9aae73e6dceecb8d208934457908cef4c23436b622f3c9bbed15425b20c79ab9","name":"keyOutline.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":631},{"id":"3ed8aebfaebff4a6eb5cc03fdd8dfa9687d56261452d64ae59de2f7f86219000826231d5ce048fa9ad6981df363525856599a57e72fd374b30cbd6b9735dc2f8","href":"https://static.observableusercontent.com/files/3ed8aebfaebff4a6eb5cc03fdd8dfa9687d56261452d64ae59de2f7f86219000826231d5ce048fa9ad6981df363525856599a57e72fd374b30cbd6b9735dc2f8","name":"cSpot@1.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":9082},{"id":"6f08bfa99c00d3fc7f9513dec2d175fc857cb8853026ff2354c34d42d025414593e9acd2fd63cca0ace054365d4095a8fffccb281a3b88232132fb928e20ad11","href":"https://static.observableusercontent.com/files/6f08bfa99c00d3fc7f9513dec2d175fc857cb8853026ff2354c34d42d025414593e9acd2fd63cca0ace054365d4095a8fffccb281a3b88232132fb928e20ad11","name":"keyText@1.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":705212},{"id":"64f262db8b4bd042d763933c52a7d07dbebe8e9e20fe3058884de04a1e0bc359f1f0005e9f4e0c6164d18a6c9107767d3b817c0cacb93c05de0f3696c8700220","href":"https://static.observableusercontent.com/files/64f262db8b4bd042d763933c52a7d07dbebe8e9e20fe3058884de04a1e0bc359f1f0005e9f4e0c6164d18a6c9107767d3b817c0cacb93c05de0f3696c8700220","name":"statSpot@1.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":9083},{"id":"a25c4b477a1fa338a2b97f81c82807585618311c4d6aed1fc9efaec44d404a0b65aa022b3a7e1d9eca3128d460be9d1689c206a5e5789e53138303b9a95801f6","href":"https://static.observableusercontent.com/files/a25c4b477a1fa338a2b97f81c82807585618311c4d6aed1fc9efaec44d404a0b65aa022b3a7e1d9eca3128d460be9d1689c206a5e5789e53138303b9a95801f6","name":"8 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1194},{"id":"81a2801303198e2a95c26da1ba16107385d16a0e9fdec5239250ea3b4852c8074d686f32674af863c4fe5398299032a0b5bcec2edf19b260f83f37d04357d6a7","href":"https://static.observableusercontent.com/files/81a2801303198e2a95c26da1ba16107385d16a0e9fdec5239250ea3b4852c8074d686f32674af863c4fe5398299032a0b5bcec2edf19b260f83f37d04357d6a7","name":"10 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1011},{"id":"f8f9f8bd2956b1d8bdf2f48533bf509b35918a0c3f7cf94a1c6a4e2f8de97c6b7b97445ea500cdf06cdcbfe87505b623ccc4f53acd173edfa29da4dc20909378","href":"https://static.observableusercontent.com/files/f8f9f8bd2956b1d8bdf2f48533bf509b35918a0c3f7cf94a1c6a4e2f8de97c6b7b97445ea500cdf06cdcbfe87505b623ccc4f53acd173edfa29da4dc20909378","name":"10 rLine.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1698},{"id":"abe2137bc87ad119f2c3e3fe8dedda1e4ff6ffa9c62c61bb9455e8d031604cf99569bcfd9e02b6632c3ce242daefb552c85daf38e2f21ae4a74ffbaf060b6a54","href":"https://static.observableusercontent.com/files/abe2137bc87ad119f2c3e3fe8dedda1e4ff6ffa9c62c61bb9455e8d031604cf99569bcfd9e02b6632c3ce242daefb552c85daf38e2f21ae4a74ffbaf060b6a54","name":"9 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1952},{"id":"ac12ed7dc1adcbabadae957c0449747c6b2a9184770d8aed26c7d4c290d0ecfdc3e38c2aa2f3c8e25285fdbdb156d3c33f910cb58d99754ff7b708ab2eb60407","href":"https://static.observableusercontent.com/files/ac12ed7dc1adcbabadae957c0449747c6b2a9184770d8aed26c7d4c290d0ecfdc3e38c2aa2f3c8e25285fdbdb156d3c33f910cb58d99754ff7b708ab2eb60407","name":"9 rLine.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":2969},{"id":"51971d08d97e7f26a85a2fe46916a51c72af4ff3334186844dd7e8b858037ed11c2cc60805a668c130ce9abf7973b66aafc7cf8290e0ad49574b8dd162336098","href":"https://static.observableusercontent.com/files/51971d08d97e7f26a85a2fe46916a51c72af4ff3334186844dd7e8b858037ed11c2cc60805a668c130ce9abf7973b66aafc7cf8290e0ad49574b8dd162336098","name":"8 rLine.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":3038},{"id":"9bb1ca177f10066d38d4711fbdb1f725b49a3945683d51c198f8f336d0271a329e04af04fa2225fce271e28440ffcef72fd6fc3d8887d98c4651ab2bcf2ff5dc","href":"https://static.observableusercontent.com/files/9bb1ca177f10066d38d4711fbdb1f725b49a3945683d51c198f8f336d0271a329e04af04fa2225fce271e28440ffcef72fd6fc3d8887d98c4651ab2bcf2ff5dc","name":"6 rLine.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1657},{"id":"a407bc10146b93842ed76320a58a34e24d3afafd37b1d27440b759c72d48520ca7f0d6891f172f6806d26e6d37ab998c3ba040a0d77365947b9e503b72c815ca","href":"https://static.observableusercontent.com/files/a407bc10146b93842ed76320a58a34e24d3afafd37b1d27440b759c72d48520ca7f0d6891f172f6806d26e6d37ab998c3ba040a0d77365947b9e503b72c815ca","name":"7 rLine.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":2149},{"id":"3cbc797ed853c5ec5879279f7e2a93dcb1a7d8d7c8a28ed7917f517f2af048b73ea50e2f5fe0a586352885f1ee19d3364891b68fa20cb7b1a2b86c758fccf677","href":"https://static.observableusercontent.com/files/3cbc797ed853c5ec5879279f7e2a93dcb1a7d8d7c8a28ed7917f517f2af048b73ea50e2f5fe0a586352885f1ee19d3364891b68fa20cb7b1a2b86c758fccf677","name":"6 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1289},{"id":"78085fe23741e0de9b0219806b4421d13a0b6c343bd14678a2e9749ca2dc1adb242ca0ed2f8377471d5060a9b66a496c62e756896d0b81302d30b99ff64e5182","href":"https://static.observableusercontent.com/files/78085fe23741e0de9b0219806b4421d13a0b6c343bd14678a2e9749ca2dc1adb242ca0ed2f8377471d5060a9b66a496c62e756896d0b81302d30b99ff64e5182","name":"7 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1207},{"id":"0e637a85210df4c1d5f9dad8ba8d5bab0d264e2932068e69a36b63452f65a520d55844bc3876a1230a5ee249c03aca562e9f872eb6aa39142fc189f414e6f645","href":"https://static.observableusercontent.com/files/0e637a85210df4c1d5f9dad8ba8d5bab0d264e2932068e69a36b63452f65a520d55844bc3876a1230a5ee249c03aca562e9f872eb6aa39142fc189f414e6f645","name":"5 rLine.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1003},{"id":"1fe91ebc5bf7d729175140d47c86efa976c00a393b33f446bd94b0b69944420512c4fee21407f2340b6a5a0ae9f8f42fcf28f54a329cc91c6b2380c4770e5c35","href":"https://static.observableusercontent.com/files/1fe91ebc5bf7d729175140d47c86efa976c00a393b33f446bd94b0b69944420512c4fee21407f2340b6a5a0ae9f8f42fcf28f54a329cc91c6b2380c4770e5c35","name":"5 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":778},{"id":"c87291c7bc035401494a2e8817007c6463ad81b2c27b591876718e6566072ea50ab3f522dbdb43800e931bc19f9e3ffcb0b9cf7d6a4864970b6e850055ceb7d1","href":"https://static.observableusercontent.com/files/c87291c7bc035401494a2e8817007c6463ad81b2c27b591876718e6566072ea50ab3f522dbdb43800e931bc19f9e3ffcb0b9cf7d6a4864970b6e850055ceb7d1","name":"4 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1334},{"id":"2490f06166fca995230277131a2143687853b093093d179570fba59b426786961b05721033ad26b9470a916330ab6133d04442028220ba290a824633ddd31773","href":"https://static.observableusercontent.com/files/2490f06166fca995230277131a2143687853b093093d179570fba59b426786961b05721033ad26b9470a916330ab6133d04442028220ba290a824633ddd31773","name":"4 rLine.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":2362},{"id":"406f3a1ac316f2ae46921acbdbe7c3ee413ab3cd9e71f02408256e19b9e7c8cf4a590577da05fcf12c0c8ce4cdf54a10308c6efa0f8e2193a7cb0599798466e1","href":"https://static.observableusercontent.com/files/406f3a1ac316f2ae46921acbdbe7c3ee413ab3cd9e71f02408256e19b9e7c8cf4a590577da05fcf12c0c8ce4cdf54a10308c6efa0f8e2193a7cb0599798466e1","name":"3 rLine.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":2387},{"id":"f68aea2c4cbbb56ac72a348f377e377f63a21b424f8c4a3b7feac850df842171692660280363f4d62830e7ba7ee248cb482c8d9326163f44f682ab19ba8ff9e4","href":"https://static.observableusercontent.com/files/f68aea2c4cbbb56ac72a348f377e377f63a21b424f8c4a3b7feac850df842171692660280363f4d62830e7ba7ee248cb482c8d9326163f44f682ab19ba8ff9e4","name":"3 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1634},{"id":"0990d4cbbe055e3684cecb33dbb5170e4cb32a21909700bbd073847b163387c29bd039b2b9e435f72d183f4ef951821f7611e275517b1cf70c10f6da6fa65023","href":"https://static.observableusercontent.com/files/0990d4cbbe055e3684cecb33dbb5170e4cb32a21909700bbd073847b163387c29bd039b2b9e435f72d183f4ef951821f7611e275517b1cf70c10f6da6fa65023","name":"2 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":1287},{"id":"9853f20cdbd820bf6152b336e4ab4ac1ae867e19b1592718ce52c6fbe7194d1e832736e2d1158602dd6cdee8a23fb418e60f4a6c1b610e3397e81f47e91f6be7","href":"https://static.observableusercontent.com/files/9853f20cdbd820bf6152b336e4ab4ac1ae867e19b1592718ce52c6fbe7194d1e832736e2d1158602dd6cdee8a23fb418e60f4a6c1b610e3397e81f47e91f6be7","name":"1 walking-scooter.geojson","type":"application/geo+json","lastModified":1671067911649.283,"size":989}] 2d:{"title":"Paris Transit Proposed Map (Nov. 15.22) Dec.14.22","cells":[{"id":11,"value":"# Paris Transit Proposed Map (Nov. 15.22) Dec.14.22","pinned":true,"hidden":false,"mode":"md"},{"id":739,"value":"function getDistance(x1, y1, x2, y2){\n let y = x2 - x1;\n let x = y2 - y1;\n \n return Math.sqrt(x * x + y * y);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":141,"value":"bbox1 = FileAttachment(\"bbox.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":389,"value":"GreenSpaces = FileAttachment(\"simplified green spaces.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":523,"value":"railSpot = FileAttachment(\"railLn.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":520,"value":"statSpot = FileAttachment(\"statSpot@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":516,"value":"distSpot = FileAttachment(\"distSpot@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":512,"value":"cSpot = FileAttachment(\"cSpot@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":505,"value":"keyText = FileAttachment(\"keyText@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":494,"value":"mapKey = FileAttachment(\"keyOutline.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":179,"value":"lines1 = FileAttachment(\"19001920lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":183,"value":"lines2 = FileAttachment(\"19201940lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":191,"value":"lines3 = FileAttachment(\"19401960lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":195,"value":"lines4 = FileAttachment(\"19601980lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":199,"value":"lines5 = FileAttachment(\"19802000lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":203,"value":"lines6 = FileAttachment(\"20002020lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":207,"value":"lines7 = FileAttachment(\"2020lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":840,"value":"bikeRoute = FileAttachment(\"bike route@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":849,"value":"funSpotsLines = FileAttachment(\"fun spots lines@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":853,"value":"outdoorScenicRoutes = FileAttachment(\"outdoor scenic routes.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":864,"value":"existingRoutesForBus = FileAttachment(\"existing routes for bus and shuttle.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":873,"value":"newRoutesForBus = FileAttachment(\"new routes for bus and shuttle.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":879,"value":"rer = FileAttachment(\"RER.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":164,"value":"stations = FileAttachment(\"stations@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":955,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":395,"value":"Streets = FileAttachment(\"simplified streets.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":160,"value":"water = FileAttachment(\"water@2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":230,"value":"district1 = FileAttachment(\"1901 district.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":233,"value":"district2 = FileAttachment(\"1921 district.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":241,"value":"district3 = FileAttachment(\"1946 district.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":244,"value":"district4 = FileAttachment(\"1968 district.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":247,"value":"district5 = FileAttachment(\"1990 district.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":249,"value":"district6 = FileAttachment(\"2007 district.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":253,"value":"district7 = FileAttachment(\"2017 district.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":401,"value":"suburb1 = FileAttachment(\"1920-1940 suburb.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":404,"value":"suburb2 = FileAttachment(\"1940-1960 suburb.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":412,"value":"suburb3 = FileAttachment(\"1960-1980 suburb.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":416,"value":"suburb4 = FileAttachment(\"1980-2000 suburb.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":273,"value":"SpotsLink = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vRgvn5F16qRupIbcvOpKkoxWoR0jmwgb5vLddQkjkjPc-ZsC82XgNF7YvLMlIMk7IBGvSDHm7vfscd7/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":275,"value":"spots = d3.csv(SpotsLink, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":318,"value":"layers = ['Full','Proposed']","pinned":false,"hidden":false,"mode":"ojs"},{"id":689,"value":"districtsCombined = FileAttachment(\"Districts Combined V4.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":931,"value":"turf = require(\"@turf/turf@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":929,"value":"round = (n, places) => {\n if (!places) return Math.round(n);\n const d = places;\n return Math.round(d);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":366,"value":"import { wrap_text, wrap_text_nchar } from \"@ben-tanen/svg-text-and-tspan-word-wrapping\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":650,"value":"color2 = d3.scaleQuantize([8500, 100000], d3.schemePurples[9])","pinned":true,"hidden":false,"mode":"ojs"},{"id":708,"value":"Underratedspots = d3.csv(UnderratedSpotsLink, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":706,"value":"UnderratedSpotsLink = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vS1TuE67iKSpJzQ8-a2P7j3lRzRv1JF4iSiIOV-ZdarPFeOgc9LxUZq8B4qSC7LQm2hctBnFQ6CZd8m/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1011,"value":"DropdownOptions = d3.csv(DropdownOptionsLink, d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1009,"value":"DropdownOptionsLink = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vSr-_TkbxBH4CCwAORI0RdJFMMcM80UOWMpMEoqHsrVh2obTScmVoHyzdz3EWpq_amiC84iRsU1ml6P/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1029,"value":"$30","pinned":false,"hidden":false,"mode":"html"},{"id":1063,"value":"\n\n\n\n

\n\n

Click the button to change the value of the src attribute of the image.

\n\n

Note: The src property can be changed at any time. However, the new image inherits the height and width attributes of the original image, if not new height and width properties are specified.

\n\n\n\n\n\n\n","pinned":false,"hidden":false,"mode":"html"},{"id":1163,"value":"viewof Dropdown2 = Inputs.select(DropdownOptions, {label: \"Date-themed Paris Tr\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1173,"value":"viewof Dropdown3 = Inputs.select(Underratedspots, {value:Underratedspots.find(s=>s.name === \"Musée Zadkine & Sculpture Gardens\"),label: \"Date-themed Paris Tr\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1177,"value":"viewof color = Inputs.select([\"red\", \"orange\", \"yellow\", \"green\", \"blue\", \"violet\"], {value: \"green\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1007,"value":"viewof Dropdown = Inputs.select(DropdownOptions, {label: \"Date-themed Paris Trip\", format: x => x.options, value: DropdownOptions.find(s => s.options === \"Option 1: 4hr | Scooter | Cultural Date in central Paris \")})","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":1130,"value":"metroline3 = FileAttachment(\"3 rLine.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1131,"value":"metroline4 = FileAttachment(\"4 rLine.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1132,"value":"metroline5 = FileAttachment(\"5 rLine.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1133,"value":"metroline6 = FileAttachment(\"6 rLine.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1134,"value":"metroline7 = FileAttachment(\"7 rLine.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1135,"value":"metroline8 = FileAttachment(\"8 rLine.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1136,"value":"metroline9 = FileAttachment(\"9 rLine.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1095,"value":"walkingScooter1 = FileAttachment(\"1 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1108,"value":"walkingScooter2 = FileAttachment(\"2 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1113,"value":"walkingScooter3 = FileAttachment(\"3 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1115,"value":"walkingScooter4 = FileAttachment(\"4 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1117,"value":"walkingScooter5 = FileAttachment(\"5 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1119,"value":"walkingScooter6 = FileAttachment(\"6 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1121,"value":"walkingScooter7 = FileAttachment(\"7 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1123,"value":"walkingScooter8 = FileAttachment(\"8 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1125,"value":"walkingScooter9 = FileAttachment(\"9 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1103,"value":"walkingScooter10 = FileAttachment(\"10 walking-scooter.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1093,"value":"metroline10 = FileAttachment(\"10 rLine.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}