2f:T10d7,pageDisplay = { //this cell controls the content that goes into the dashboard depending on my 'stops' radio button var currentPage if(stops == "0"){//this is the initial step of the gam currentPage = html` ${concertSTOPS[stops].message} ${viewof gobutton} ` set(viewof eyesOnly,"i don't know what that means") } if(stops == "1"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof initial} ` } /* if(stops == "BR"){ //have the br question, or some question on the way to br } */ /* if(stops == "BH"){ //have the berghaim question, or some question on the way to br } if(stops == "2"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof parkStop} ` set(viewof initial,"thinking...") } if(stops == "3"){ currentPage = html` ${concertSTOPS[stops].prompt}//question from sheets file ${viewof eyesOnly}//this is the input, it contains the answers to the question ` set(viewof parkStop,"thinking.....")// reset the previous input to a neutral value(you don't want the input to remain on the correct value) } */ if(stops == "2"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof hotel} ` set(viewof initial,"thinking...") } if(stops == "3"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof golf} ` set(viewof initial,"thinking...") } if(stops == "4"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof charlie} ` set(viewof initial,"thinking...") } if(stops == "5"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof delta} ` set(viewof initial,"thinking...") } if(stops == "6"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof hotel} ` set(viewof initial,"thinking...") } if(stops == "7"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof echo} ` set(viewof initial,"thinking...") } if(stops == "8"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof bravo} ` set(viewof initial,"thinking...") } if(stops == "9"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof infoBERG} ` set(viewof initial,"thinking...") } if(stops == "10"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof infoSUP} ` set(viewof initial,"thinking...") } if(stops == "11"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof infoRV} ` set(viewof initial,"thinking...") } if(stops == "12"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof infoRVSP} ` set(viewof initial,"thinking...") } if(stops == "13"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof infoRR} ` set(viewof initial,"thinking...") } if(stops == "14"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof infoSCHOKO} ` set(viewof initial,"thinking...") } if(stops == "15"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof infoFRANNZ} ` set(viewof initial,"thinking...") } if(stops == "16"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof infoDUN} ` set(viewof initial,"thinking...") } if(stops == "17"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof caughtresponse} ` set(viewof initial,"thinking...") } if(stops == "18"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof caughtresponse} ` set(viewof initial,"thinking...") } if(stops == "19"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof caughtresponse} ` set(viewof initial,"thinking...") } return currentPage }30:T1cc8,{ //this cell looks for correct answers from the input, and progresses to the next step when appropriate if(gobutton==1){ mutable stops = 1 //change to next stop on the map3 set(viewof gobutton,0)//reset button set(viewof initial,null) } if(initial == "How about Berghain?"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "9" } if(initial == "To Roadrunner's Paradise!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "13" } if(bravo == "Let's go to Schokoladen"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "14" } if(bravo == "FRANNZ Club!"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "15" } if(charlie == "Rock & Viking Bar!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "11" } if(charlie == "Supamolly sounds good..."){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "10" } if(delta == "Party's not over...to FRANNZ Club!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "18" } if(delta == "Let's try to escape to the West"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "1" } if(echo == "Dunckerclub sounds like a plan"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "18" } if(echo == "Maybe we call it a night?"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "15" } if(foxtrot == "To Rock & Viking we go!"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "12" } if(foxtrot == "I don't know...maybe we should head back?"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "1" } if(golf == "Let's go to Supamolly"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "12" } if(golf == "Shall we escape to West Berlin?"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "1" } if(hotel == "On to Rock & Viking!"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "19" } if(hotel == "Let's head back to West Berlin"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "1" } if(india == "Time to head back to West Berlin!"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "1" } if(juliet == "Let's try to hit up Dunckerclub"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "17" } if(juliet == "I don't know, maybe we head back..."){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "1" } if(infoBERG == "Cool, good to know!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "4" } if(infoSUP == "Cool, good to know!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "3" } if(infoRV == "Cool, good to know!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "2" } if(infoRVSP == "Cool, good to know!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "19" // THIS IS WRONG - NEED TO SEPARATE THIS INTO SEPARATE MOVES FOR R&V AND SUPAMOLLY } if(infoRR == "Cool, good to know!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "8" } if(infoSCHOKO == "Cool, good to know!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "5" } if(infoFRANNZ == "Cool, good to know!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "7" } if(infoDUN == "Cool, good to know!"){//these if statements allow us to move the game to the next location //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "6" } /* if(initial == "berghaim"){ //mutable stops = "BH" } */ /* if(postBerghaim == "prenzlauerberg"){ //mutable stops = "PB" } */ /* if(postBerghaim == "kreuzberg"){ //mutable stops = "KB" } if(parkStop == "I'm not so sure about this..."){ mutable stops = 3 } */ if(eyesOnly == "Do you see a Stasi officer?"){ mutable stops = 0 } if(stops == "0"){ //viewof initial = Inputs.input("nice walk") //set(viewof initial,null) //set(viewof parkStop,null) //set(viewof eyesOnly,null) } }31:T243c,chart = { const width = 400, height = 350; const svg = d3.create("svg") .attr("viewBox", [5, 30, width-50, height-105]); // Use Mercator projection var projection = d3 .geoMercator() .fitSize([width - 50, height - 50], BERbox); 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 path5 = d3.geoPath().projection(projection); var path6 = d3.geoPath().projection(projection); var path7 = d3.geoPath().projection(projection); var path8 = d3.geoPath().projection(projection); var path9 = d3.geoPath().projection(projection); var g = svg.append("g").attr("id", "paths"); //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)") */ if(stops=="0"){ //then draw the first stop line segment } if(stops=="1"){ //then draw the first stop line segment } g.selectAll("path4") //d3 geopath .data(BERwater.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', 'maroon') .style("fill-opacity", ".3") .style('stroke-opacity','.7') .style("stroke-width", '.1') .style('stroke', 'rosybrown') g.selectAll("path6") //d3 geopath .data(BERwall.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('stroke-opacity','.7') .style("stroke-width", '.5') .style('stroke', 'firebrick') .style('fill', 'lightblue') .style("fill-opacity", "0") g.selectAll("path7") //d3 geopath .data(BERbuildings.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', 'tan') .style("fill-opacity", ".5") .style('stroke-opacity','.5') .style("stroke-width", '.1') .style('stroke', 'darkred') /* g.selectAll("path5") //d3 geopath .data(BERroads.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','.4') .style("stroke-width", '.3') .style('stroke', 'dodgerblue') */ var c = svg.selectAll("circle") //d3 geopath .data(BERspots) .enter() //there are more data than elements, this selects them .append("circle") //appends path to data .attr("cx", function(d) {return projection([d.Long,d.Lat])[0]}) .attr("cy", function(d) {return projection([d.Long,d.Lat])[1]}) .attr('r', 3) .attr('fill',colorType) // add function to control color by 'type' .attr('stroke-opacity','.65') .attr("stroke-width", ".2") .attr('stroke', 'pink') .style('fill-opacity','1') .on('mouseover', spotText) .on('mouseout', removeSpotText) function colorType(d,i) { var color = 'black' if(d.Sector=='east'){color = 'maroon'} if(d.Sector=='west'){color = 'lightslategrey'} return color } function spotText(event,d){ d3.select(this) .attr('fill',colorType) .attr('r', 5) .style('stroke', 'pink') .style("stroke-opacity",'.65') .style("stroke-width", '.3') svg.append("rect") .attr('class','whitebox') .attr("x", 65) .attr("y", 127) .attr("height", 21) .attr("width", 59) .attr('stroke','black') .attr("stroke-width", '.5') .attr('stroke-opacity', '.4') .style("fill", 'white'); svg.append('text') .attr('class','spots') .attr('x','70') .attr('y','135') .attr('font-family','Helvetica') .attr('font-size','.22em') .attr('text-anchor','start') .attr('font-weight','bold') .text(d.Name) svg.append('text') .attr('class','spots') .attr('x','70') .attr('y','140') .attr('font-family','Helvetica') .attr('font-size','.15em') .attr('text-anchor','start') .attr('font-weight','normal') .attr('font-style','italic') .text(d.Neighborhood) svg.append('text') .attr('class','spots') .attr('x','70') .attr('y','143') .attr('font-family','Helvetica') .attr('font-size','.15em') .attr('text-anchor','start') .attr('font-weight','normal') .attr('font-style','italic') .text(d.ActivityType) svg.append('line') .attr('class','spotLine') .attr('x1','124') .attr('y1','137') .attr('x2',projection([d.Long,d.Lat])[0]) .attr('y2','137') .style('stroke-width','.3') .style('stroke','black') .style('stroke-dasharray','1 1') svg.append('line') .attr('class','spotLine') .attr('x1',projection([d.Long,d.Lat])[0]) .attr('y1','137') .attr('x2',projection([d.Long,d.Lat])[0]) .attr('y2',projection([d.Long,d.Lat])[1]) .style('stroke-width','.3') .style('stroke','black') .style('stroke-dasharray','1 1') } function removeSpotText(event,d) { d3.select(this).attr('fill', colorType) d3.select(this).attr('r', 3) d3.select(this).style('stroke', 'pink') d3.select(this).style('fill-opacity','1') d3.select(this).style('stroke-opacity','.65') d3.select(this).style('stroke-width', '.2') d3.selectAll('text.spots').remove() d3.selectAll('line.spotLine').remove() d3.selectAll('rect.whitebox').remove() var wrap = svg.selectAll("text.spots") .each(function(d,i) {wrap_text(d3.select(this), 100) } ); } /* c.enter.append('circle')// format to add additional circles .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',3) .attr('fill','black') .style('fill-opacity','1') */ function walkText(event,d){ d3.select(this).style("stroke-width", '3'); d3.select(this).style("stroke-dasharray", '4 0'); svg .append('text') .attr('class','walkText') .attr('x','370') .attr('y','385') .attr("font-family", "Helvetica") .attr('font-size','.75em') .attr('fill','rgb(0,0,0)') .attr('text-anchor','end') //.attr('background-color', 'rgba(255, 0, 0)') .text(d.properties.Text) var wrap = svg.selectAll("text.walkText") .each(function(d, i) { wrap_text(d3.select(this), 100) }); } function walkErase(event,d){ d3.selectAll('path.walks').style('stroke-width','1') d3.selectAll('path.walks').style('stroke-dasharray','4 2') d3.selectAll('text.walkText').remove() } var p = svg.selectAll("polyline") .data(ampelmann) //get data to define path .enter() //there are more data than elements, this selects them .append("polyline") //appends path to data .attr('points', function(d){return d}) .style("fill", "black") .style('stroke-opacity','0') .style("stroke-width", '0') .style("stroke", "rgb(0,0,0)") .attr('transform',iconLocation) function iconLocation(){ var xVal = projection([concertSTOPS[stops].Long,concertSTOPS[stops].Lat])[0] var yVal = projection([concertSTOPS[stops].Long,concertSTOPS[stops].Lat])[1] //console.log(xVal) return "translate("+(xVal-5)+" "+(yVal+5)+")" } /* svg .append("image") attr('x','0') .attr('y','0') .attr('width','100') .attr('height','100') .attr('href',tunnel) */ //if(showTunnels=="yes"){ var i = svg.selectAll("image") .data(tunnelPng)//the key is that this dataset has both the image url and the lat/long .enter() .append("image") .attr('x','0') .attr('y','0') .attr('width','14') .attr('height','14') .attr('href',function(d){return d.image}) .attr("transform", movePng) function movePng(d,i){ var xVal = projection([d.Long, d.Lat])[0]-7 var yVal = projection([d.Long, d.Lat])[1]-7 return "translate("+xVal+" "+yVal+")" } //} return svg.node(); }32:[{"id":"07ac32f85ddc13e65434eca7dfff763292ec1f5acb75c51c7410e14d006657294d0ab7d236cd674f9d5413b4e946e4d8270e93a32c16aa2d8c4c276e52015386","href":"https://static.observableusercontent.com/files/07ac32f85ddc13e65434eca7dfff763292ec1f5acb75c51c7410e14d006657294d0ab7d236cd674f9d5413b4e946e4d8270e93a32c16aa2d8c4c276e52015386","name":"BER_places_004.csv","type":"text/csv","lastModified":1680304551778.891,"size":1591},{"id":"d88372876403a249fb837cc586aa1f299c497cf5782582b50542b0d74e590e82b9b1ad8d1437a767052670bd4527eb35bdf1f25945061d5ac629031cf5e69bad","href":"https://static.observableusercontent.com/files/d88372876403a249fb837cc586aa1f299c497cf5782582b50542b0d74e590e82b9b1ad8d1437a767052670bd4527eb35bdf1f25945061d5ac629031cf5e69bad","name":"tunnel.png","type":"image/png","lastModified":1680297520344.797,"size":821375},{"id":"9f5277c8d52c2401527bfcac013641a437b1fd0eea5b5344fca423aa2d98108bf43ba912231e000cfc52222489aac2968c4ac2b8e258db0ae05a8731e5fa8abe","href":"https://static.observableusercontent.com/files/9f5277c8d52c2401527bfcac013641a437b1fd0eea5b5344fca423aa2d98108bf43ba912231e000cfc52222489aac2968c4ac2b8e258db0ae05a8731e5fa8abe","name":"border_01.png","type":"image/png","lastModified":1680297520344.797,"size":489456},{"id":"81a7993b4983a5d2a6fe6e5fe431afe1115728ebfc42b43816749ceddea0d49deee07083f42c0e22a3db748b44e02ff9bf1439bddf156bf8234f2595f3c453c6","href":"https://static.observableusercontent.com/files/81a7993b4983a5d2a6fe6e5fe431afe1115728ebfc42b43816749ceddea0d49deee07083f42c0e22a3db748b44e02ff9bf1439bddf156bf8234f2595f3c453c6","name":"border_03.png","type":"image/png","lastModified":1680297520344.797,"size":92603},{"id":"65743b0947a984c07d239281eb2b1cd633936f945ad4609e95049cb7b1901193af413e4e89c3a9e576192eef2fdd1d8589a9120228cb95c05fd84aa8deea97a5","href":"https://static.observableusercontent.com/files/65743b0947a984c07d239281eb2b1cd633936f945ad4609e95049cb7b1901193af413e4e89c3a9e576192eef2fdd1d8589a9120228cb95c05fd84aa8deea97a5","name":"border_04.png","type":"image/png","lastModified":1680297520344.797,"size":75449},{"id":"f9bb9c816ab99f62b0bf3a3021f1a0869bbbd6268b65e46bff261f35d0306c985198022e1e9c4a01c5431ec604be83f01cf55488cfe4067d82eb3d7d0f740d28","href":"https://static.observableusercontent.com/files/f9bb9c816ab99f62b0bf3a3021f1a0869bbbd6268b65e46bff261f35d0306c985198022e1e9c4a01c5431ec604be83f01cf55488cfe4067d82eb3d7d0f740d28","name":"border_02@1.png","type":"image/png","lastModified":1680297520344.797,"size":149131},{"id":"db2965e63ae0e3ee36f7d611e25d15f1570b8ad5f04bb426c25c6d6939b94920ca23ec5efa4e7242a873242fa922ec9b8cd29608b286cf72c4c3578ea81af3d2","href":"https://static.observableusercontent.com/files/db2965e63ae0e3ee36f7d611e25d15f1570b8ad5f04bb426c25c6d6939b94920ca23ec5efa4e7242a873242fa922ec9b8cd29608b286cf72c4c3578ea81af3d2","name":"BER_buildingscropped_V2.geojson","type":"application/geo+json","lastModified":1680297520344.797,"size":20122210},{"id":"1d971bbdb91b080944fdb331494058401722ea4d5a15fceefd17dc640bfafc146774b3083759afa87abf077ad3475a734dce65315e900d71bd74f7e0aa8a32b2","href":"https://static.observableusercontent.com/files/1d971bbdb91b080944fdb331494058401722ea4d5a15fceefd17dc640bfafc146774b3083759afa87abf077ad3475a734dce65315e900d71bd74f7e0aa8a32b2","name":"BER_bb.geojson","type":"application/geo+json","lastModified":1680297520344.797,"size":631},{"id":"82f970714b65b3af098a1e5d98b157ccfab7fe2f89a91abd3a645192535005c1db14111e11e6dadeea92fdc8407dc1c7ff410baf7aa7b54bef88afc2fe0b0579","href":"https://static.observableusercontent.com/files/82f970714b65b3af098a1e5d98b157ccfab7fe2f89a91abd3a645192535005c1db14111e11e6dadeea92fdc8407dc1c7ff410baf7aa7b54bef88afc2fe0b0579","name":"BER_waterhatches_V1.geojson","type":"application/geo+json","lastModified":1680297520344.797,"size":2573827},{"id":"c73a7f9863426e01d09348c1a75f39154231b2e3d7dd73d9aca164f4f9481ae4648e24c182ed1408537b7009c0c1e8e72652503acc30ec8127f941e82fc591da","href":"https://static.observableusercontent.com/files/c73a7f9863426e01d09348c1a75f39154231b2e3d7dd73d9aca164f4f9481ae4648e24c182ed1408537b7009c0c1e8e72652503acc30ec8127f941e82fc591da","name":"BER_wall.geojson","type":"application/geo+json","lastModified":1680297520344.797,"size":125525},{"id":"317da918150df80db1149199687160ac5b2508cb0259eec600c359db020629983262849872875a1c7650c268f458441ad05866f33f18258719a14a19db4a0d7d","href":"https://static.observableusercontent.com/files/317da918150df80db1149199687160ac5b2508cb0259eec600c359db020629983262849872875a1c7650c268f458441ad05866f33f18258719a14a19db4a0d7d","name":"BER_railways_V1.geojson","type":"application/geo+json","lastModified":1680297520344.797,"size":4252384},{"id":"13a2a3aa90ce701f588e9ffe8332b23cb8ff5a30da6d4977aa91868031966659bfec23abaf398a6268ea510a473ef327a211ee823237f3d32c4ca59803e0ad01","href":"https://static.observableusercontent.com/files/13a2a3aa90ce701f588e9ffe8332b23cb8ff5a30da6d4977aa91868031966659bfec23abaf398a6268ea510a473ef327a211ee823237f3d32c4ca59803e0ad01","name":"BER_places_003.csv","type":"text/csv","lastModified":1680297520344.797,"size":2196},{"id":"63888d78d59326b1d1149fd6ad106c26025df3db88aaab87dd3c022f7e9fbcf05d76af1dfdcce1c426c5114eeba3b1b23fea93cbb87856046f355b5a2a38797a","href":"https://static.observableusercontent.com/files/63888d78d59326b1d1149fd6ad106c26025df3db88aaab87dd3c022f7e9fbcf05d76af1dfdcce1c426c5114eeba3b1b23fea93cbb87856046f355b5a2a38797a","name":"230220_BER Updated Dash@3.png","type":"image/png","lastModified":1680297520344.797,"size":5846801},{"id":"a61059fd5f03a5c1bf3bfd7eb4547dcf342d7dacaf1bd462943fa8e5ce8fbccb4fb3ef6a561b54db03002d6efbb6b904f31596ef874938ee3caf6ed413d89274","href":"https://static.observableusercontent.com/files/a61059fd5f03a5c1bf3bfd7eb4547dcf342d7dacaf1bd462943fa8e5ce8fbccb4fb3ef6a561b54db03002d6efbb6b904f31596ef874938ee3caf6ed413d89274","name":"concert choice dash-04.png","type":"image/png","lastModified":1680297520344.797,"size":696454},{"id":"0bcc87bb26e74c41a4accc448a023d6f9a412360158b0b4c62e2aa0ef6bedf76d4be2e8e889fa98a8a66d0a8260c5a2922d94bfb3fd840b37ae504e2403352f3","href":"https://static.observableusercontent.com/files/0bcc87bb26e74c41a4accc448a023d6f9a412360158b0b4c62e2aa0ef6bedf76d4be2e8e889fa98a8a66d0a8260c5a2922d94bfb3fd840b37ae504e2403352f3","name":"ampelmaennchen.txt","type":"text/plain","lastModified":1680297520344.797,"size":5787},{"id":"f6da9284d830adb2270018b073b0eae78e202031c7e94b96baee9766dd74caa9f308b1381382ef3c45532c8a606190f750954b8137075cdbd885496a4ff290fe","href":"https://static.observableusercontent.com/files/f6da9284d830adb2270018b073b0eae78e202031c7e94b96baee9766dd74caa9f308b1381382ef3c45532c8a606190f750954b8137075cdbd885496a4ff290fe","name":"walkingaround@7.csv","type":"text/csv","lastModified":1680297520344.797,"size":2939},{"id":"2ec817970c16a7ad7d76c01cef647c94c3c5e829e4119ee077abd487be1d22e64b3b5c141059cc272fa3b8d25d6b1d169fef2c98811413859fd9050852141e65","href":"https://static.observableusercontent.com/files/2ec817970c16a7ad7d76c01cef647c94c3c5e829e4119ee077abd487be1d22e64b3b5c141059cc272fa3b8d25d6b1d169fef2c98811413859fd9050852141e65","name":"ampelmann_moves.csv","type":"text/csv","lastModified":1680304462453.764,"size":1715},{"id":"29efdb9d554bf7b21d56fa43cad5f4b16df8b7b5d97d4a30f23b12a5af0cbdefe4105201b1db19e1f4015735de96705e59ad5a123490d258e156728fd92e2c36","href":"https://static.observableusercontent.com/files/29efdb9d554bf7b21d56fa43cad5f4b16df8b7b5d97d4a30f23b12a5af0cbdefe4105201b1db19e1f4015735de96705e59ad5a123490d258e156728fd92e2c36","name":"concertnight_001.csv","type":"text/csv","lastModified":1680309615206.108,"size":1767},{"id":"5c155de27bbc63d62d11612c63593e3098a8868f4a954bfa42f6caf91aad51f3b3735d550e5172b9090bb7378f48bc6bc2723acb22170d8a017257f7817c5469","href":"https://static.observableusercontent.com/files/5c155de27bbc63d62d11612c63593e3098a8868f4a954bfa42f6caf91aad51f3b3735d550e5172b9090bb7378f48bc6bc2723acb22170d8a017257f7817c5469","name":"concertnight_002.csv","type":"text/csv","lastModified":1680310010005.415,"size":1847},{"id":"47ca976bd77768f487a90c0bf24dc32523007675b0d3772bf29b930ed4c45df8d3581fd92d8aaf204c90adbe3d302fd85e2b91153e3b8d4902f0de54a457f08f","href":"https://static.observableusercontent.com/files/47ca976bd77768f487a90c0bf24dc32523007675b0d3772bf29b930ed4c45df8d3581fd92d8aaf204c90adbe3d302fd85e2b91153e3b8d4902f0de54a457f08f","name":"concertnight_003.csv","type":"text/csv","lastModified":1680314650948.836,"size":1847}] 2d:{"title":"230401_Punk The Stasi overhaul","cells":[{"id":11,"value":"# 230401_Punk The Stasi overhaul","pinned":true,"hidden":false,"mode":"md"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":747,"value":"concertSTOPS = FileAttachment(\"concertnight_003.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs"},{"id":836,"value":"ampelmann = FileAttachment(\"ampelmaennchen.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":823,"value":"viewof stops2 = Inputs.radio([\"0\", \"1\", \"2\", \"3\"], {value:\"0\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":950,"value":"border_01 = FileAttachment(\"border_01.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":988,"value":"border_02 = FileAttachment(\"border_02@1.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":994,"value":"border_03 = FileAttachment(\"border_03.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1004,"value":"border_04 = FileAttachment(\"border_04.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":678,"value":"dashboard =\n\n html`\n

\n\n

\n ${chart}\n

\n\n \n\n

\n\n\n

\n${pageDisplay}\n

\n\n\n\n

\n${time}\n${viewof startTimerButton}\n

\n\n\n\n

\n\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":801,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":799,"value":"viewof gobutton = Inputs.button(\"Let the night begin!\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":797,"value":"viewof initial = Inputs.radio([\"How about Berghain?\", \"To Roadrunner's Paradise!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":795,"value":"viewof preBerghain = Inputs.radio([\"Super excited for Berghain!\", \"Nervous...?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1116,"value":"viewof choiceresponse = Inputs.radio([\"The first one!\", \"Perhaps the second one?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1120,"value":"viewof bravo = Inputs.radio([\"Let's go to Schokoladen\", \"FRANNZ Club!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1122,"value":"viewof charlie = Inputs.radio([\"Rock & Viking Bar!\", \"Supamolly sounds good...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1124,"value":"viewof delta = Inputs.radio([\"Party's not over...to FRANNZ Club!\", \"Let's try to escape to the West\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1126,"value":"viewof echo = Inputs.radio([\"Dunckerclub sounds like a plan\", \"Maybe we call it a night?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1128,"value":"viewof foxtrot = Inputs.radio([\"To Rock & Viking we go!\", \"I don't know...maybe we should head back?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1130,"value":"viewof golf = Inputs.radio([\"Let's go to Supamolly\", \"Shall we escape to West Berlin?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1132,"value":"viewof hotel = Inputs.radio([\"On to Rock & Viking!\", \"Let's head back to West Berlin\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1134,"value":"viewof india = Inputs.radio([\"Time to head back to West Berlin!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1137,"value":"viewof juliet = Inputs.radio([\"Let's try to hit up Dunckerclub\", \"I don't know, maybe we head back...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1096,"value":"viewof infoBERG = Inputs.radio([\"Cool, good to know!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1171,"value":"viewof infoSUP = Inputs.radio([\"Cool, good to know!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1173,"value":"viewof infoRV = Inputs.radio([\"Cool, good to know!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1175,"value":"viewof infoRVSP = Inputs.radio([\"Cool, good to know!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1177,"value":"viewof infoRR = Inputs.radio([\"Cool, good to know!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1181,"value":"viewof infoSCHOKO = Inputs.radio([\"Cool, good to know!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1179,"value":"viewof infoFRANNZ = Inputs.radio([\"Cool, good to know!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1183,"value":"viewof infoDUN = Inputs.radio([\"Cool, good to know!\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1112,"value":"viewof caughtresponse = Inputs.radio([\"Damn, that's too bad... guess I'll try again?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":793,"value":"viewof eyesOnly = Inputs.select(responses, {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":791,"value":"responses = [\"Sure, let's give it a go\",\"Do you see a Stasi officer?\",\"I am lost in Berlin\"]","pinned":true,"hidden":false,"mode":"ojs"},{"id":789,"value":"mutable stops = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":787,"value":"viewof i = Inputs.input(100)","pinned":true,"hidden":false,"mode":"ojs"},{"id":785,"value":"Inputs.bind(Inputs.radio([0, 100]), viewof i)","pinned":true,"hidden":false,"mode":"ojs"},{"id":783,"value":"Inputs.bind(Inputs.radio([0, 100]), viewof i)","pinned":true,"hidden":false,"mode":"ojs"},{"id":781,"value":"i","pinned":true,"hidden":false,"mode":"ojs"},{"id":779,"value":"//set(i,0)","pinned":true,"hidden":false,"mode":"ojs"},{"id":777,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":803,"value":"function set(input, value) {\n input.value = value;\n input.dispatchEvent(new Event(\"input\", {bubbles: true}));\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":759,"value":"viewof seconds = Inputs.range([0, 59], {value: 0, step:1, label: \"seconds\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":761,"value":"viewof minutes = Inputs.range([0, 59], {value: 2, step:1, label: \"minutes\", value:2})","pinned":true,"hidden":false,"mode":"ojs"},{"id":763,"value":"hours = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":765,"value":"function* timer(i = 0) {\n yield i;\n while (true) {\n yield Promises.tick(1000).then(() => i++);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":767,"value":"currentTime = {\n if(startTimerButton>0){\n return timer();\n }else{mutable stops = 0}\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":769,"value":"countdownTime = {\n return minutes*60 + seconds;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":771,"value":"//mutable timesup = 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":773,"value":"time = {\nlet result = countdownTime - currentTime;\n if (currentTime == undefined){result = 0} \nif ( result < 0 ){\n result = \"Time Up!\";\n\n \n}\nelse {\n const remainHours = \"\"+parseInt(result/3600);\n result = result - remainHours*3600;\n const remainMinutes = \"\"+parseInt(result/60);\n const remainSeconds = \"\"+parseInt(result%60);\n result = remainMinutes.padStart(2,\"0\") + \":\" + \n remainSeconds.padStart(2,\"0\") ;\n}\n\nreturn html`\n\n${result}\n`\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":775,"value":"viewof startTimerButton = Inputs.button([\n [\"Start\", value => value + 1],\n [\"Reset\", value => 0]\n], {value: 0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":680,"value":"_berUpdatedDash3 = FileAttachment(\"230220_BER Updated Dash@3.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":706,"value":"viewof choices = Inputs.radio([\"Bandito Rosso\", \"SO36\", \"Dunckerclub\"], {label: \"Select a venue:\", value: 0})","pinned":true,"hidden":false,"mode":"ojs"},{"id":698,"value":"_berConcertChoice = FileAttachment(\"concert choice dash-04.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":603,"value":"paperDash = FileAttachment(\"230220_BER Updated Dash@1.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":488,"value":"margin = ({top: 30, right: 20, bottom: 30, left: 40})","pinned":true,"hidden":false,"mode":"ojs"},{"id":279,"value":"BERbuildings = FileAttachment(\"BER_buildingscropped_V2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":284,"value":"BERbox = FileAttachment(\"BER_bb.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":291,"value":"BERwater = FileAttachment(\"BER_waterhatches_V1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":519,"value":"BERwall = FileAttachment(\"BER_wall.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs"},{"id":293,"value":"BERrails = FileAttachment(\"BER_railways_V1.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs"},{"id":297,"value":"BERspots = FileAttachment(\"BER_places_004.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1026,"value":"tunnelPng = {//this cell combines the locations of the tunnels with the tunnel png.\n\n var tunnelList = []\n \n for (let i = 0; i < tunnelLoc.length; i++) {\n\n tunnelList.push({Lat:tunnelLoc[i].Lat,Long:tunnelLoc[i].Long,type:\"unclear\",image:tunnel})\n \n }\n\n\nreturn tunnelList\n \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":351,"value":"import { wrap_text, wrap_text_nchar } from \"@ben-tanen/svg-text-and-tspan-word-wrapping\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":473,"value":"tooltip = d3\n .select('body')\n .append('div')\n .attr('class', 'tooltip')\n .style('position', 'absolute')\n .style('z-index', '10')\n .style('visibility', 'hidden')\n .style('padding', '10px')\n .style('background-color', 'white')\n .style('border-radius', '4px')\n .style('-webkit-border-radius', '10px')\n .style('-moz-border-radius', '10px')\n .style('-webkit-box-shadow', '4px 4px 10px rgba(0, 0, 0, 0.4)')\n .style('-moz-box-shadow', '4px 4px 10px rgba(0, 0, 0, 0.4)')\n .style('box-shadow', '4px 4px 10px rgba(0, 0, 0, 0.4)')\n .style('color', 'white')\n .style('font-family','sans-serif')\n .text('a simple tooltip');","pinned":true,"hidden":false,"mode":"ojs"},{"id":849,"value":"tunnel = FileAttachment(\"tunnel.png\").url()","pinned":true,"hidden":false,"mode":"ojs"},{"id":855,"value":"tunnelLink = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vR9bLMmaUr0Q9D0yNB3Hd0wPXSD1V0ifQt8IrHFlurS1VT-KRwQCCgfl5WsZAGTCmeE1-PwvQ9X78lE/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1049,"value":"tunnelLoc = d3.csv(tunnelLink,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}