2f:T6a5,dashboard = html`

${chart}

${pageDisplay}

${time} ${viewof startTimerButton}

NOTORIETY POINTS: ${gameData[0]}

OFFICER ATTENTION: ${gameData[1]}

CONCERTS PLAYED: ${gameData[2]}

Play as many concerts as you can, gain notoriety points without gaining too much police presence, and make it across the Berlin Wall without being caught!

`30:T2163,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}

${berghain_roadrnners} ` set(viewof initial,"Let me think...") } if(stops == "1"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop001}

${roadrunner} ` set(viewof alpha,"Let me think...") } if(stops == "2"){ currentPage = html` ${concertSTOPS[stops].message} ${viewof stop002}

${berghain_paper}

` 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...") } // RRshow 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} ` //gameData[0]=gameData[0]+5 //gameData[1]=gameData[1]+10 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} ${set(viewof initial,"Let me think...")} ${viewof initial} ` set(viewof esc001,"I think it's time to retire") // this somehow needs to be applied to all of the endings set(viewof esc002,"I think it's time to retire") set(viewof esc003,"I think it's time to retire") set(viewof esc004,"I think it's time to retire") set(viewof esc005,"I think it's time to retire") set(viewof esc006,"I think it's time to retire") set(viewof esc007,"I think it's time to retire") } return currentPage }31:T2f3e,{ //this cell looks for correct answers from the input, and progresses to the next step when appropriate if(initial=="Let the night begin!"){ mutable stops = "0" //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!"){ mutable stops = "20" gameData[2]=gameData[2]+.5 //this is concert number value var caughtChance = Math.random()//check on this if(caughtChance<(.1+(gameData[1]/100))/2){mutable stops = 29} } // if(stop002 == "Cool, thanks!"){ mutable stops = "21" gameData[0]=gameData[0]+2.5 //this is the notoriety value gameData[1]=gameData[1]+5 //this is the officer attention value gameData[2]=gameData[2]+.5 //this is concert number value var caughtChance = Math.random()//check on this if(caughtChance<(.1+(gameData[1]/100))/2){mutable stops = 30} //console.log(caughtChance) //officer attention = 10, the chance of getting caught is 10% higher //officer attention = 40, the chance of getting caught is 40% higher } //from RoadRunners to Schokoladen if(stop003 == "Cool, thanks!"){ mutable stops = "22" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention gameData[2]=gameData[2]+1 //this is concert number value var caughtChance = Math.random()//check on this if(caughtChance<(.1+(gameData[1]/100))/2){mutable stops = 31} } //from Roadrunner to FRANNZ Club if(stop004 == "Cool, thanks!"){ mutable stops = "23" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention gameData[2]=gameData[2]+1 //this is concert number value var caughtChance = Math.random()//check on this if(caughtChance<(.1+(gameData[1]/100))/2){mutable stops = 32} } //from Berghain to Rock & Viking if(stop005 == "Cool, thanks!"){ mutable stops = "24" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention gameData[2]=gameData[2]+1 //this is concert number value var caughtChance = Math.random()//check on this if(caughtChance<(.1+(gameData[1]/100))/2){mutable stops = 33} } //from Berghain to Supamolly if(stop006 == "Cool, thanks!"){ mutable stops = "25" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention gameData[2]=gameData[2]+1 //this is concert number value var caughtChance = Math.random()//check on this if(caughtChance<(.1+(gameData[1]/100))/2){mutable stops = 34} } //from Schokoladen to FRANNZ Club if(stop007 == "Cool, thanks!"){ mutable stops = "29" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Schokoladen to ESCAPE if(stop008 == "Cool, thanks!"){ mutable stops = "32" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from FRANNZ Club to Dunckerclub if(stop009 == "Cool, thanks!"){ mutable stops = "26" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from FRANNZ Club to ESCAPE if(stop010 == "Cool, thanks!"){ mutable stops = "33" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Rock & Viking to Supamolly if(stop011 == "Cool, thanks!"){ mutable stops = "27" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Rock & Viking to ESCAPE if(stop012 == "Cool, thanks!"){ mutable stops = "34" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Supamolly to Rock & Viking if(stop013 == "Cool, thanks!"){ mutable stops = "28" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Supamolly to ESCAPE if(stop014 == "Cool, thanks!"){ mutable stops = "35" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Dunckerclub to Rock & Viking if(stop015 == "Cool, thanks!"){ mutable stops = "30" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Dunckerclub to ESCAPE if(stop016 == "Cool, thanks!"){ mutable stops = "36" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Supamolly to ESCAPE if(stop017 == "Cool, thanks!"){ mutable stops = "37" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Rock & Viking to Dunckerclub if(stop018 == "Cool, thanks!"){ mutable stops = "31" gameData[0]=gameData[0]+2.5 //notoriety gameData[1]=gameData[1]+5 //officer attention } //from Rock & Viking to ESCAPE if(stop019 == "Cool, thanks!"){ 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) } }32: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','10') .attr('height','10') .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(); }33:[{"id":"0bcc87bb26e74c41a4accc448a023d6f9a412360158b0b4c62e2aa0ef6bedf76d4be2e8e889fa98a8a66d0a8260c5a2922d94bfb3fd840b37ae504e2403352f3","href":"https://static.observableusercontent.com/files/0bcc87bb26e74c41a4accc448a023d6f9a412360158b0b4c62e2aa0ef6bedf76d4be2e8e889fa98a8a66d0a8260c5a2922d94bfb3fd840b37ae504e2403352f3","name":"ampelmaennchen.txt","type":"text/plain","lastModified":1682711683419.94,"size":5787},{"id":"a61059fd5f03a5c1bf3bfd7eb4547dcf342d7dacaf1bd462943fa8e5ce8fbccb4fb3ef6a561b54db03002d6efbb6b904f31596ef874938ee3caf6ed413d89274","href":"https://static.observableusercontent.com/files/a61059fd5f03a5c1bf3bfd7eb4547dcf342d7dacaf1bd462943fa8e5ce8fbccb4fb3ef6a561b54db03002d6efbb6b904f31596ef874938ee3caf6ed413d89274","name":"concert choice dash-04.png","type":"image/png","lastModified":1682711683419.94,"size":696454},{"id":"63888d78d59326b1d1149fd6ad106c26025df3db88aaab87dd3c022f7e9fbcf05d76af1dfdcce1c426c5114eeba3b1b23fea93cbb87856046f355b5a2a38797a","href":"https://static.observableusercontent.com/files/63888d78d59326b1d1149fd6ad106c26025df3db88aaab87dd3c022f7e9fbcf05d76af1dfdcce1c426c5114eeba3b1b23fea93cbb87856046f355b5a2a38797a","name":"230220_BER Updated Dash@3.png","type":"image/png","lastModified":1682711683419.94,"size":5846801},{"id":"317da918150df80db1149199687160ac5b2508cb0259eec600c359db020629983262849872875a1c7650c268f458441ad05866f33f18258719a14a19db4a0d7d","href":"https://static.observableusercontent.com/files/317da918150df80db1149199687160ac5b2508cb0259eec600c359db020629983262849872875a1c7650c268f458441ad05866f33f18258719a14a19db4a0d7d","name":"BER_railways_V1.geojson","type":"application/geo+json","lastModified":1682711683419.94,"size":4252384},{"id":"c73a7f9863426e01d09348c1a75f39154231b2e3d7dd73d9aca164f4f9481ae4648e24c182ed1408537b7009c0c1e8e72652503acc30ec8127f941e82fc591da","href":"https://static.observableusercontent.com/files/c73a7f9863426e01d09348c1a75f39154231b2e3d7dd73d9aca164f4f9481ae4648e24c182ed1408537b7009c0c1e8e72652503acc30ec8127f941e82fc591da","name":"BER_wall.geojson","type":"application/geo+json","lastModified":1682711683419.94,"size":125525},{"id":"82f970714b65b3af098a1e5d98b157ccfab7fe2f89a91abd3a645192535005c1db14111e11e6dadeea92fdc8407dc1c7ff410baf7aa7b54bef88afc2fe0b0579","href":"https://static.observableusercontent.com/files/82f970714b65b3af098a1e5d98b157ccfab7fe2f89a91abd3a645192535005c1db14111e11e6dadeea92fdc8407dc1c7ff410baf7aa7b54bef88afc2fe0b0579","name":"BER_waterhatches_V1.geojson","type":"application/geo+json","lastModified":1682711683419.94,"size":2573827},{"id":"1d971bbdb91b080944fdb331494058401722ea4d5a15fceefd17dc640bfafc146774b3083759afa87abf077ad3475a734dce65315e900d71bd74f7e0aa8a32b2","href":"https://static.observableusercontent.com/files/1d971bbdb91b080944fdb331494058401722ea4d5a15fceefd17dc640bfafc146774b3083759afa87abf077ad3475a734dce65315e900d71bd74f7e0aa8a32b2","name":"BER_bb.geojson","type":"application/geo+json","lastModified":1682711683419.94,"size":631},{"id":"db2965e63ae0e3ee36f7d611e25d15f1570b8ad5f04bb426c25c6d6939b94920ca23ec5efa4e7242a873242fa922ec9b8cd29608b286cf72c4c3578ea81af3d2","href":"https://static.observableusercontent.com/files/db2965e63ae0e3ee36f7d611e25d15f1570b8ad5f04bb426c25c6d6939b94920ca23ec5efa4e7242a873242fa922ec9b8cd29608b286cf72c4c3578ea81af3d2","name":"BER_buildingscropped_V2.geojson","type":"application/geo+json","lastModified":1682711683419.94,"size":20122210},{"id":"f9bb9c816ab99f62b0bf3a3021f1a0869bbbd6268b65e46bff261f35d0306c985198022e1e9c4a01c5431ec604be83f01cf55488cfe4067d82eb3d7d0f740d28","href":"https://static.observableusercontent.com/files/f9bb9c816ab99f62b0bf3a3021f1a0869bbbd6268b65e46bff261f35d0306c985198022e1e9c4a01c5431ec604be83f01cf55488cfe4067d82eb3d7d0f740d28","name":"border_02@1.png","type":"image/png","lastModified":1682711683419.94,"size":149131},{"id":"65743b0947a984c07d239281eb2b1cd633936f945ad4609e95049cb7b1901193af413e4e89c3a9e576192eef2fdd1d8589a9120228cb95c05fd84aa8deea97a5","href":"https://static.observableusercontent.com/files/65743b0947a984c07d239281eb2b1cd633936f945ad4609e95049cb7b1901193af413e4e89c3a9e576192eef2fdd1d8589a9120228cb95c05fd84aa8deea97a5","name":"border_04.png","type":"image/png","lastModified":1682711683419.94,"size":75449},{"id":"81a7993b4983a5d2a6fe6e5fe431afe1115728ebfc42b43816749ceddea0d49deee07083f42c0e22a3db748b44e02ff9bf1439bddf156bf8234f2595f3c453c6","href":"https://static.observableusercontent.com/files/81a7993b4983a5d2a6fe6e5fe431afe1115728ebfc42b43816749ceddea0d49deee07083f42c0e22a3db748b44e02ff9bf1439bddf156bf8234f2595f3c453c6","name":"border_03.png","type":"image/png","lastModified":1682711683419.94,"size":92603},{"id":"9f5277c8d52c2401527bfcac013641a437b1fd0eea5b5344fca423aa2d98108bf43ba912231e000cfc52222489aac2968c4ac2b8e258db0ae05a8731e5fa8abe","href":"https://static.observableusercontent.com/files/9f5277c8d52c2401527bfcac013641a437b1fd0eea5b5344fca423aa2d98108bf43ba912231e000cfc52222489aac2968c4ac2b8e258db0ae05a8731e5fa8abe","name":"border_01.png","type":"image/png","lastModified":1682711683419.94,"size":489456},{"id":"d88372876403a249fb837cc586aa1f299c497cf5782582b50542b0d74e590e82b9b1ad8d1437a767052670bd4527eb35bdf1f25945061d5ac629031cf5e69bad","href":"https://static.observableusercontent.com/files/d88372876403a249fb837cc586aa1f299c497cf5782582b50542b0d74e590e82b9b1ad8d1437a767052670bd4527eb35bdf1f25945061d5ac629031cf5e69bad","name":"tunnel.png","type":"image/png","lastModified":1682711683419.94,"size":821375},{"id":"07ac32f85ddc13e65434eca7dfff763292ec1f5acb75c51c7410e14d006657294d0ab7d236cd674f9d5413b4e946e4d8270e93a32c16aa2d8c4c276e52015386","href":"https://static.observableusercontent.com/files/07ac32f85ddc13e65434eca7dfff763292ec1f5acb75c51c7410e14d006657294d0ab7d236cd674f9d5413b4e946e4d8270e93a32c16aa2d8c4c276e52015386","name":"BER_places_004.csv","type":"text/csv","lastModified":1682711683419.94,"size":1591},{"id":"afe8361c3fd0f79e27da057de68b71da7262f94834485c38a7cfcb3cdb0685a880314bd45ed193a71333f50efbab5fd112f1d450c975012e1c1482a69c7fa3cd","href":"https://static.observableusercontent.com/files/afe8361c3fd0f79e27da057de68b71da7262f94834485c38a7cfcb3cdb0685a880314bd45ed193a71333f50efbab5fd112f1d450c975012e1c1482a69c7fa3cd","name":"concertnight_004@2.csv","type":"text/csv","lastModified":1682711683419.94,"size":3927},{"id":"bc4c9af9bef67b57551b5d5eed1d647781e872132ef2e6c08a7e932af7499dc7ae75ec79fd590b8777b3543b9e163e0a97cff07fc08ceaa024d6324716453594","href":"https://static.observableusercontent.com/files/bc4c9af9bef67b57551b5d5eed1d647781e872132ef2e6c08a7e932af7499dc7ae75ec79fd590b8777b3543b9e163e0a97cff07fc08ceaa024d6324716453594","name":"berghain.png","type":"image/png","lastModified":1682711683419.94,"size":71786},{"id":"ac0bfcae968d7d63c129707ea7f57245543209c3ab0ffc29da82cf97a0aa46c2c912c35471c1ebe118b4a17e719d79e390b6a512b5fa0fdea37988366a474bbd","href":"https://static.observableusercontent.com/files/ac0bfcae968d7d63c129707ea7f57245543209c3ab0ffc29da82cf97a0aa46c2c912c35471c1ebe118b4a17e719d79e390b6a512b5fa0fdea37988366a474bbd","name":"berghain_Paper.png","type":"image/png","lastModified":1682711683419.94,"size":108927},{"id":"1d43f1f7b03a132ff43f6e7f9625fb06ea3cc533d4991871ecbfd9a81123edeaaf9d9c575f5bdca079a9580df2853262c9800d3848852e719e1a981055479a47","href":"https://static.observableusercontent.com/files/1d43f1f7b03a132ff43f6e7f9625fb06ea3cc533d4991871ecbfd9a81123edeaaf9d9c575f5bdca079a9580df2853262c9800d3848852e719e1a981055479a47","name":"Choice Test.png","type":"image/png","lastModified":1682711683419.94,"size":115594},{"id":"2640c76c91dd3e9e53dcc3d3f7069ac98dedd33e8a61a89598f718c5f78cb1f8391efa709c1f87154a056e6e43cab0997846b1e3e56857d57eacd3acf92c23f4","href":"https://static.observableusercontent.com/files/2640c76c91dd3e9e53dcc3d3f7069ac98dedd33e8a61a89598f718c5f78cb1f8391efa709c1f87154a056e6e43cab0997846b1e3e56857d57eacd3acf92c23f4","name":"Berghain_Roadrnners.png","type":"image/png","lastModified":1682711683419.94,"size":126364},{"id":"40785164f0421b6cef37ba51b199b008aa3b8611418c94161967f010c77a7b4b687cbb2a50c8b6cf5b44f585e50fec6c90683e4804ca4065900a1dc66aaeda44","href":"https://static.observableusercontent.com/files/40785164f0421b6cef37ba51b199b008aa3b8611418c94161967f010c77a7b4b687cbb2a50c8b6cf5b44f585e50fec6c90683e4804ca4065900a1dc66aaeda44","name":"Roadrunner.png","type":"image/png","lastModified":1682711683419.94,"size":125322},{"id":"a066e18ca85766195cb51ceab587ef28b3a82d6b9f258087bc141fb2e8f0c2412a33a3d65da9730f62224ffa074825799ad42ab3810d18991495c4817df71884","href":"https://static.observableusercontent.com/files/a066e18ca85766195cb51ceab587ef28b3a82d6b9f258087bc141fb2e8f0c2412a33a3d65da9730f62224ffa074825799ad42ab3810d18991495c4817df71884","name":"FINAL Berlin Updated Dash@1.png","type":"image/png","lastModified":1682711884421.54,"size":1421773},{"id":"957a85d14132d5650421fde11740cb40bf2ea527c92120f5c1e830ec491b0879a7a879d25f437b470cef3df4fd6dccde82dede612ebf6f7f5283a44d3b5f4e47","href":"https://static.observableusercontent.com/files/957a85d14132d5650421fde11740cb40bf2ea527c92120f5c1e830ec491b0879a7a879d25f437b470cef3df4fd6dccde82dede612ebf6f7f5283a44d3b5f4e47","name":"border1.1.png","type":"image/png","lastModified":1682973346791.922,"size":724780},{"id":"957a85d14132d5650421fde11740cb40bf2ea527c92120f5c1e830ec491b0879a7a879d25f437b470cef3df4fd6dccde82dede612ebf6f7f5283a44d3b5f4e47","href":"https://static.observableusercontent.com/files/957a85d14132d5650421fde11740cb40bf2ea527c92120f5c1e830ec491b0879a7a879d25f437b470cef3df4fd6dccde82dede612ebf6f7f5283a44d3b5f4e47","name":"border1@1.1.png","type":"image/png","lastModified":1682973372110.889,"size":724780}] 2d:{"title":"230412_Punk The Stasi 0501","cells":[{"id":11,"value":"# 230412_Punk The Stasi 0501","pinned":false,"hidden":false,"mode":"md"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":747,"value":"concertSTOPS = FileAttachment(\"concertnight_004@2.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs"},{"id":836,"value":"ampelmann = FileAttachment(\"ampelmaennchen.txt\").tsv({array:true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":823,"value":"viewof stops2 = Inputs.radio([\"0\", \"1\", \"2\", \"3\"], {value:\"0\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":950,"value":"border_01 = FileAttachment(\"border1@1.1.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":1383,"value":"gameData=[0,0,0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":678,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":801,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":1413,"value":"roadrunner = FileAttachment(\"Roadrunner.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1410,"value":"berghain_roadrnners = FileAttachment(\"Berghain_Roadrnners.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1403,"value":"choiceTest = FileAttachment(\"Choice Test.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1356,"value":"berghain = FileAttachment(\"berghain.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1342,"value":"popup_test7 = FileAttachment(\"Popup_test7.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":799,"value":"viewof initial = Inputs.radio([\"Let the night begin!\", \"Let me think...\"], {})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1363,"value":"initial","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 = 39","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":"$31","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 = 39}\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(\"FINAL Berlin Updated Dash@1.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":"$32","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"},{"id":1402,"value":"berghain_paper = FileAttachment(\"berghain_Paper.png\").image()","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}