2f:T1e27,pageDisplay = { //this cell controls the content that goes into the dashboard depending on my 'stops' radio button var currentPage if(stops == "39"){//this is the initial step of the gam currentPage = html` ${concertSTOPS[stops].message} ${viewof initial} ` set(viewof caught001,"I think it's time to retire") } /* 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 == "0"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof alpha} ` set(viewof initial,"Let me think...") } if(stops == "1"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop001} ` set(viewof alpha,"Let me think...") } if(stops == "2"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop002} ` set(viewof alpha,"Let me think...") } if(stops == "3"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop003} ` set(viewof bravo,"Let me think...") } if(stops == "4"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop004} ` set(viewof bravo,"Let me think...") } if(stops == "5"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop005} ` set(viewof charlie,"Let me think...") } if(stops == "6"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop006} ` set(viewof charlie,"Let me think...") } if(stops == "7"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop007} ` set(viewof delta,"Let me think...") } if(stops == "8"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop008} ` set(viewof delta,"Let me think...") } if(stops == "9"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop009} ` set(viewof echo,"Let me think...") } if(stops == "10"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop010} ` set(viewof echo,"Let me think...") } if(stops == "11"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop011} ` set(viewof foxtrot,"Let me think...") } if(stops == "12"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop012} ` set(viewof foxtrot,"Let me think...") } if(stops == "13"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop013} ` set(viewof golf,"Let me think...") } if(stops == "14"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop014} ` set(viewof golf,"Let me think...") } if(stops == "15"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop015} ` set(viewof hotel,"Let me think...") } if(stops == "16"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop016} ` set(viewof hotel,"Let me think...") } if(stops == "17"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop017} ` set(viewof india,"Let me think...") } if(stops == "18"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop018} ` set(viewof juliet,"Let me think...") } if(stops == "19"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop019} ` set(viewof juliet,"Let me think...") } if(stops == "20"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof bravo} ` set(viewof stop001,"So what?") } if(stops == "21"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof charlie} ` set(viewof stop002,"So what?") } if(stops == "22"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof delta} ` set(viewof stop003,"So what?") } if(stops == "23"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof echo} ` set(viewof stop004,"So what?") } if(stops == "24"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof foxtrot} ` set(viewof stop005,"So what?") } if(stops == "25"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof golf} ` set(viewof stop006,"So what?") } if(stops == "26"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof hotel} ` set(viewof stop009,"So what?") } if(stops == "27"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof india} ` set(viewof stop011,"So what?") } if(stops == "28"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof juliet} ` set(viewof stop013,"So what?") } if(stops == "29"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof caught001} ` set(viewof stop007,"So what?") } if(stops == "30"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof caught002} ` set(viewof stop015,"So what?") } if(stops == "31"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof caught003} ` set(viewof stop018,"So what?") } if(stops == "32"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof esc001} ` set(viewof stop008,"So what?") } if(stops == "33"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof esc002} ` set(viewof stop010,"So what?") } if(stops == "34"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof esc003} ` set(viewof stop012,"So what?") } if(stops == "35"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof esc004} ` set(viewof stop014,"So what?") } if(stops == "36"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof esc005} ` set(viewof stop016,"So what?") } if(stops == "37"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof esc006} ` set(viewof stop017,"So what?") } if(stops == "38"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof esc007} ` set(viewof stop019,"So what?") } /* if(stops == "39"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof initial} ` set(viewof esc001,"I think it's time to retire") // this somehow needs to be applied to all of the endings } */ return currentPage }30:T2b8b,{ //this cell looks for correct answers from the input, and progresses to the next step when appropriate if(initial==1){ mutable stops = 1 //change to next stop on the map3 set(viewof initial,0)//reset button set(viewof alpha,null) } if(alpha == "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 = "1" } if(alpha == "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 = "2" } if(bravo == "Schokoladen sounds good!"){//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(bravo == "Let's try 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 = "4" } 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 = "5" } if(charlie == "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 = "6" } if(delta == "To FRANNZ Club we go!"){//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(delta == "Let's play it safe and escape"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "8" } if(echo == "Time for Dunckerclub!"){//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(echo == "Maybe we head out now..."){//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(foxtrot == "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 = "11" } if(foxtrot == "I think we should go now..."){//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 == "Let's go 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 = "13" } if(golf == "We better head west now..."){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "14" } if(hotel == "Let's hit up 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 = "15" } if(hotel == "Perhaps we should escape?"){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "16" } if(india == "To West Berlin 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 = "17" } if(juliet == "Let's try Dunckerclub..."){//these if statements allow us to continue the game //mutable stops = "BR" //if correct answer = bandito rosso, move to stop BR mutable stops = "18" } if(juliet == "Maybe it's time to go?"){//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(stop001 == "Cool, thanks!"){//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 = "20" } if(stop002 == "Cool, thanks!"){//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 = "21" } if(stop003 == "Cool, thanks!"){//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 = "22" } if(stop004 == "Cool, thanks!"){//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 = "23" } if(stop005 == "Cool, thanks!"){//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 = "24" } if(stop006 == "Cool, thanks!"){//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 = "25" } if(stop007 == "Cool, thanks!"){//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 = "29" } if(stop008 == "Cool, thanks!"){//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 = "32" } if(stop009 == "Cool, thanks!"){//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 = "26" } if(stop010 == "Cool, thanks!"){//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 = "33" } if(stop011 == "Cool, thanks!"){//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 = "27" } if(stop012 == "Cool, thanks!"){//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 = "34" } if(stop013 == "Cool, thanks!"){//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 = "28" } if(stop014 == "Cool, thanks!"){//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 = "35" } if(stop015 == "Cool, thanks!"){//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 = "30" } if(stop016 == "Cool, thanks!"){//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 = "36" } if(stop017 == "Cool, thanks!"){//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 = "37" } if(stop018 == "Cool, thanks!"){//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 = "31" } if(stop019 == "Cool, thanks!"){//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 = "38" } if(caught001 == "Damn...let's try again!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(caught002 == "Damn...let's try again!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(caught003 == "Damn...let's try again!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(esc001 == "Okay, I think we can do it!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(esc002 == "Okay, I think we can do it!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(esc003 == "Okay, I think we can do it!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(esc004 == "Okay, I think we can do it!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(esc005 == "Nice! Let's do it again!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(esc006 == "Nice! Let's do it again!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(esc007 == "Nice! Let's do it again!"){//these if statements allow us to move the game to the next location mutable stops = "39" } if(initial == "Let the night begin!"){//these if statements allow us to move the game to the next location mutable stops = "0" } 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":"47ca976bd77768f487a90c0bf24dc32523007675b0d3772bf29b930ed4c45df8d3581fd92d8aaf204c90adbe3d302fd85e2b91153e3b8d4902f0de54a457f08f","href":"https://static.observableusercontent.com/files/47ca976bd77768f487a90c0bf24dc32523007675b0d3772bf29b930ed4c45df8d3581fd92d8aaf204c90adbe3d302fd85e2b91153e3b8d4902f0de54a457f08f","name":"concertnight_003.csv","type":"text/csv","lastModified":1681275778721.49,"size":1847},{"id":"0bcc87bb26e74c41a4accc448a023d6f9a412360158b0b4c62e2aa0ef6bedf76d4be2e8e889fa98a8a66d0a8260c5a2922d94bfb3fd840b37ae504e2403352f3","href":"https://static.observableusercontent.com/files/0bcc87bb26e74c41a4accc448a023d6f9a412360158b0b4c62e2aa0ef6bedf76d4be2e8e889fa98a8a66d0a8260c5a2922d94bfb3fd840b37ae504e2403352f3","name":"ampelmaennchen.txt","type":"text/plain","lastModified":1681275778721.49,"size":5787},{"id":"a61059fd5f03a5c1bf3bfd7eb4547dcf342d7dacaf1bd462943fa8e5ce8fbccb4fb3ef6a561b54db03002d6efbb6b904f31596ef874938ee3caf6ed413d89274","href":"https://static.observableusercontent.com/files/a61059fd5f03a5c1bf3bfd7eb4547dcf342d7dacaf1bd462943fa8e5ce8fbccb4fb3ef6a561b54db03002d6efbb6b904f31596ef874938ee3caf6ed413d89274","name":"concert choice dash-04.png","type":"image/png","lastModified":1681275778721.49,"size":696454},{"id":"63888d78d59326b1d1149fd6ad106c26025df3db88aaab87dd3c022f7e9fbcf05d76af1dfdcce1c426c5114eeba3b1b23fea93cbb87856046f355b5a2a38797a","href":"https://static.observableusercontent.com/files/63888d78d59326b1d1149fd6ad106c26025df3db88aaab87dd3c022f7e9fbcf05d76af1dfdcce1c426c5114eeba3b1b23fea93cbb87856046f355b5a2a38797a","name":"230220_BER Updated Dash@3.png","type":"image/png","lastModified":1681275778721.49,"size":5846801},{"id":"317da918150df80db1149199687160ac5b2508cb0259eec600c359db020629983262849872875a1c7650c268f458441ad05866f33f18258719a14a19db4a0d7d","href":"https://static.observableusercontent.com/files/317da918150df80db1149199687160ac5b2508cb0259eec600c359db020629983262849872875a1c7650c268f458441ad05866f33f18258719a14a19db4a0d7d","name":"BER_railways_V1.geojson","type":"application/geo+json","lastModified":1681275778721.49,"size":4252384},{"id":"c73a7f9863426e01d09348c1a75f39154231b2e3d7dd73d9aca164f4f9481ae4648e24c182ed1408537b7009c0c1e8e72652503acc30ec8127f941e82fc591da","href":"https://static.observableusercontent.com/files/c73a7f9863426e01d09348c1a75f39154231b2e3d7dd73d9aca164f4f9481ae4648e24c182ed1408537b7009c0c1e8e72652503acc30ec8127f941e82fc591da","name":"BER_wall.geojson","type":"application/geo+json","lastModified":1681275778721.49,"size":125525},{"id":"82f970714b65b3af098a1e5d98b157ccfab7fe2f89a91abd3a645192535005c1db14111e11e6dadeea92fdc8407dc1c7ff410baf7aa7b54bef88afc2fe0b0579","href":"https://static.observableusercontent.com/files/82f970714b65b3af098a1e5d98b157ccfab7fe2f89a91abd3a645192535005c1db14111e11e6dadeea92fdc8407dc1c7ff410baf7aa7b54bef88afc2fe0b0579","name":"BER_waterhatches_V1.geojson","type":"application/geo+json","lastModified":1681275778721.49,"size":2573827},{"id":"1d971bbdb91b080944fdb331494058401722ea4d5a15fceefd17dc640bfafc146774b3083759afa87abf077ad3475a734dce65315e900d71bd74f7e0aa8a32b2","href":"https://static.observableusercontent.com/files/1d971bbdb91b080944fdb331494058401722ea4d5a15fceefd17dc640bfafc146774b3083759afa87abf077ad3475a734dce65315e900d71bd74f7e0aa8a32b2","name":"BER_bb.geojson","type":"application/geo+json","lastModified":1681275778721.49,"size":631},{"id":"db2965e63ae0e3ee36f7d611e25d15f1570b8ad5f04bb426c25c6d6939b94920ca23ec5efa4e7242a873242fa922ec9b8cd29608b286cf72c4c3578ea81af3d2","href":"https://static.observableusercontent.com/files/db2965e63ae0e3ee36f7d611e25d15f1570b8ad5f04bb426c25c6d6939b94920ca23ec5efa4e7242a873242fa922ec9b8cd29608b286cf72c4c3578ea81af3d2","name":"BER_buildingscropped_V2.geojson","type":"application/geo+json","lastModified":1681275778721.49,"size":20122210},{"id":"f9bb9c816ab99f62b0bf3a3021f1a0869bbbd6268b65e46bff261f35d0306c985198022e1e9c4a01c5431ec604be83f01cf55488cfe4067d82eb3d7d0f740d28","href":"https://static.observableusercontent.com/files/f9bb9c816ab99f62b0bf3a3021f1a0869bbbd6268b65e46bff261f35d0306c985198022e1e9c4a01c5431ec604be83f01cf55488cfe4067d82eb3d7d0f740d28","name":"border_02@1.png","type":"image/png","lastModified":1681275778721.49,"size":149131},{"id":"65743b0947a984c07d239281eb2b1cd633936f945ad4609e95049cb7b1901193af413e4e89c3a9e576192eef2fdd1d8589a9120228cb95c05fd84aa8deea97a5","href":"https://static.observableusercontent.com/files/65743b0947a984c07d239281eb2b1cd633936f945ad4609e95049cb7b1901193af413e4e89c3a9e576192eef2fdd1d8589a9120228cb95c05fd84aa8deea97a5","name":"border_04.png","type":"image/png","lastModified":1681275778721.49,"size":75449},{"id":"81a7993b4983a5d2a6fe6e5fe431afe1115728ebfc42b43816749ceddea0d49deee07083f42c0e22a3db748b44e02ff9bf1439bddf156bf8234f2595f3c453c6","href":"https://static.observableusercontent.com/files/81a7993b4983a5d2a6fe6e5fe431afe1115728ebfc42b43816749ceddea0d49deee07083f42c0e22a3db748b44e02ff9bf1439bddf156bf8234f2595f3c453c6","name":"border_03.png","type":"image/png","lastModified":1681275778721.49,"size":92603},{"id":"9f5277c8d52c2401527bfcac013641a437b1fd0eea5b5344fca423aa2d98108bf43ba912231e000cfc52222489aac2968c4ac2b8e258db0ae05a8731e5fa8abe","href":"https://static.observableusercontent.com/files/9f5277c8d52c2401527bfcac013641a437b1fd0eea5b5344fca423aa2d98108bf43ba912231e000cfc52222489aac2968c4ac2b8e258db0ae05a8731e5fa8abe","name":"border_01.png","type":"image/png","lastModified":1681275778721.49,"size":489456},{"id":"d88372876403a249fb837cc586aa1f299c497cf5782582b50542b0d74e590e82b9b1ad8d1437a767052670bd4527eb35bdf1f25945061d5ac629031cf5e69bad","href":"https://static.observableusercontent.com/files/d88372876403a249fb837cc586aa1f299c497cf5782582b50542b0d74e590e82b9b1ad8d1437a767052670bd4527eb35bdf1f25945061d5ac629031cf5e69bad","name":"tunnel.png","type":"image/png","lastModified":1681275778721.49,"size":821375},{"id":"07ac32f85ddc13e65434eca7dfff763292ec1f5acb75c51c7410e14d006657294d0ab7d236cd674f9d5413b4e946e4d8270e93a32c16aa2d8c4c276e52015386","href":"https://static.observableusercontent.com/files/07ac32f85ddc13e65434eca7dfff763292ec1f5acb75c51c7410e14d006657294d0ab7d236cd674f9d5413b4e946e4d8270e93a32c16aa2d8c4c276e52015386","name":"BER_places_004.csv","type":"text/csv","lastModified":1681275778721.49,"size":1591},{"id":"afe8361c3fd0f79e27da057de68b71da7262f94834485c38a7cfcb3cdb0685a880314bd45ed193a71333f50efbab5fd112f1d450c975012e1c1482a69c7fa3cd","href":"https://static.observableusercontent.com/files/afe8361c3fd0f79e27da057de68b71da7262f94834485c38a7cfcb3cdb0685a880314bd45ed193a71333f50efbab5fd112f1d450c975012e1c1482a69c7fa3cd","name":"concertnight_004@2.csv","type":"text/csv","lastModified":1681278193066.054,"size":3927}] 2d:{"title":"230412_Punk The Stasi here we go again","cells":[{"id":11,"value":"# 230412_Punk The Stasi here we go again","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_004@2.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":1222,"value":"stops","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 initial = Inputs.button(\"Let the night begin!\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":797,"value":"viewof alpha = Inputs.radio([\"Roadrunner's Paradise!\", \"How about Berghain?\",\"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1120,"value":"viewof bravo = Inputs.radio([\"Schokoladen sounds good!\", \"Let's try FRANNZ Club...\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1122,"value":"viewof charlie = Inputs.radio([\"Rock & Viking Bar!\", \"Let's go to Supamolly!\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1124,"value":"viewof delta = Inputs.radio([\"To FRANNZ Club we go!\", \"Let's play it safe and escape\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1126,"value":"viewof echo = Inputs.radio([\"Time for Dunckerclub!\", \"Maybe we head out now...\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1128,"value":"viewof foxtrot = Inputs.radio([\"Supamolly sounds good!\", \"I think we should go now...\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1130,"value":"viewof golf = Inputs.radio([\"Let's go to Rock & Viking!\", \"We better head west now...\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1132,"value":"viewof hotel = Inputs.radio([\"Let's hit up Rock & Viking...\", \"Perhaps we should escape?\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1134,"value":"viewof india = Inputs.radio([\"To West Berlin we go!\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1137,"value":"viewof juliet = Inputs.radio([\"Let's try Dunckerclub...\", \"Maybe it's time to go?\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1096,"value":"viewof stop001 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1171,"value":"viewof stop002 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1173,"value":"viewof stop003 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1175,"value":"viewof stop004 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1177,"value":"viewof stop005 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1181,"value":"viewof stop006 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1179,"value":"viewof stop007 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1183,"value":"viewof stop008 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1264,"value":"viewof stop009 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1266,"value":"viewof stop010 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1268,"value":"viewof stop011 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1270,"value":"viewof stop012 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1272,"value":"viewof stop013 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1274,"value":"viewof stop014 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1276,"value":"viewof stop015 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1278,"value":"viewof stop016 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1280,"value":"viewof stop017 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1282,"value":"viewof stop018 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1284,"value":"viewof stop019 = Inputs.radio([\"Cool, thanks!\", \"So what?\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1112,"value":"viewof caught001 = Inputs.radio([\"Damn...let's try again!\",\"I think it's time to retire\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1287,"value":"viewof caught002 = Inputs.radio([\"Damn...let's try again!\",\"I think it's time to retire\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1289,"value":"viewof caught003 = Inputs.radio([\"Damn...let's try again!\",\"I think it's time to retire\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1293,"value":"viewof esc001 = Inputs.radio([\"Okay, I think we can do it!\",\"I think it's time to retire\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1297,"value":"viewof esc002 = Inputs.radio([\"Okay, I think we can do it!\",\"I think it's time to retire\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1299,"value":"viewof esc003 = Inputs.radio([\"Okay, I think we can do it!\",\"I think it's time to retire\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1301,"value":"viewof esc004 = Inputs.radio([\"Okay, I think we can do it!\",\"I think it's time to retire\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1303,"value":"viewof esc005 = Inputs.radio([\"Nice! Let's do it again!\",\"I think it's time to retire\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1305,"value":"viewof esc006 = Inputs.radio([\"Nice! Let's do it again!\",\"I think it's time to retire\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1307,"value":"viewof esc007 = Inputs.radio([\"Nice! Let's do it again!\",\"I think it's time to retire\"], {})","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"}