28:null 29:["$","title",null,{"children":"Ticket to Ride - Japan - FINAL | Victoria Webb's Workspace | Observable"}] 2e:Ta24a,chart = { const width = 1060, height = 1000; const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); // Use Mercator projection var projection = d3 .geoMercator() .fitSize([width - 100, height-100], jpBbox); var correctAnswer = 0 var walletAmt = 5 var custSatisfaction = 15 var correctNextStop = 10000 var walletChange = 0 var satisfactionChange = 0 gamestats() //HI DID YOU SEE FLEETS EMAIL/MY TEXT I AM FREE THURSDAY AND WOULD LIKE TO GO TO BED LOL //NOOOOO lmao // WAIT HE JUST SAID WERE NOT PRESENTING THURSDAY SINCE THERES NOT FACULTY // SAY THAT IN THE EMAIL STRING // IM SO SORRY THAT SO ASS // TEXT MESSAGE FLEET DO YOU HAVE HIS NUMBER // I CAN PRESENT TOMMORROW // IF IT COMES DOWN TOO IT I DON TMIND PRES// I DON'T HAVE FLEET'S NUMBER AND I'D RATHER NOT MISS THE FINAL PRESENTATION THAT WE WORKED SO HARD ON, THAT WOULD SUCK svg.append("rect") .attr("class", "bg-rect") .attr("x", 0) .attr("y", -500) .attr("width", 1500) .attr("height", 1560) .style("fill", "darkslategrey") function reset() { d3.selectAll('rect').remove() d3.selectAll('text.start_txt').remove() d3.selectAll('text').remove() d3.selectAll('path.stationLines').remove d3.selectAll('polyline.playerIcon').remove() createText(svg, 202, 52, "60px", "A Ticket to Ride: Japan", "bold", 'whitesmoke', "0.5", 'century gothic', 'Header') createText(svg, 200, 50, "60px", "A Ticket to Ride: Japan", "bold", "whitesmoke", "1","century gothic", 'Header') } var p = svg.selectAll("polyline") var t = svg.selectAll('text') 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 g = svg.append("g").attr("id", "paths"); g.selectAll("path3") //d3 geopath .data(outline.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outline1') .attr("d", path3) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "white") .style("fill-opacity", ".7") .style('stroke-opacity','1') .style("stroke-width", '1') .style("stroke", "steelblue") function NoninteractablePolylines(svg, data, classType, strokeWidth, strokeColor,fillColorX) { //console.log(data) const polylines = svg.selectAll("polyline" + classType) .data(data) .enter() .append("polyline") .attr("class", classType) .attr("points", d => d) .style("stroke", strokeColor) .style("stroke-width", strokeWidth) // .attr('transform', 'translate(0,50)') .style("fill", fillColorX); } NoninteractablePolylines(svg, bg_dashboard, "outline", "4px","cadetblue", "cadetblue") NoninteractablePolylines(svg, moneyIcon1, "outline", "2px","forestgreen", "yellowgreen") NoninteractablePolylines(svg, happyface, "outline", "1px","none", "lightgreen") NoninteractablePolylines(svg, madface, "outline", "1px","none", "red") NoninteractablePolylines(svg, baseface, "outline", "1px","none", "yellow") NoninteractablePolylines(svg, basesatisfaction, "outline", "2px","azure", "none") //TUTORIAL const tutorialPages = [ "*ring ring*", "hello? is this thing on- oh! Welcome New Recruit! I hope you are excited for your first day as a Tour Guide for Japan Transport Tours!!", "We pride ourselves on our AMAZING transportation system here in Japan, consisting of the BULLET train and the JAPAN RAIL trains.", "Your job as a tour guide is helping our amazing guests get from location to location.", "Its quite a tough task, but with the help of a seasoned transportation specialist, you’ll be an expert in no time!", "Today youre going to be trained by- One sec i gotta take this call!", "Oh?", "Oh my-. this can't be good", "Okay. I’ll let them know", "So… Your trainer unfortunately found themselves in a pickle this morning and is unable to come in", "We dont have any replacement staff so ... it looks like today you are going to be on your own" , "... no worries though! I've actually just started making this helpful map that should be able to lead you right to where you need to go!", "You’ll be fine! … I hope. Go ahead close this popup and and hit that start button and we can get started!" ] let currentPage = 0; // Keep track of which tutorial page we're on //tutorial button const rectData = { x: 10, y: 940, width: 150, height: 50 }; // Adding the clickable rectangle svg.append("rect") .attr("class", "tutorial") .attr("x", rectData.x) .attr("y", rectData.y) .attr("rx", 15) .attr("ry", 15) .attr("width", rectData.width) .attr("height", rectData.height) .style("fill", "cadetblue") .on("click", () => showTutorialPopup()); // Text for the 'Next' button svg.append("text") .attr("class", "tutorial") .attr("x", 30) .attr("y", 975) .text("Tutorial") .style("font-size", "30px") .style("fill", "midnightblue"); // Function to show the tutorial popup (modified to handle multiple pages) function showTutorialPopup() { displayPage(currentPage); } // Function to display the current page in the popup function displayPage(pageIndex) { // Remove existing content svg.selectAll(".tutorial-text, .next-button").remove(); //rectangle popup svg.append("rect") .attr("class", "tutorial-text") .attr("x", 130) .attr("y", 90) .attr("width", 500) .attr("height", 260) .style("fill", "snow") .style("stroke-opacity", '.7') .style("stroke-width", '5') .style("stroke", "white") // Add new text for the current page svg.append("text") .attr("class", "tutorial-text") .attr("x", 400) .attr("y", 130) .attr("dy", 1) // vertical offset .text(tutorialPages[pageIndex]) .style("font-size", "25px") .style("fill", "gray") .call(wrapText, 460); // Wrap text within 280 pixels width // 'Next' button if (currentPage < tutorialPages.length - 1) { svg.append("rect") .attr("class", "next-button") .attr("x", 560) .attr("y", 300) .attr("width", 60) .attr("height", 30) .style("fill", "lightgreen") .on("click", nextPage); svg.append("text") .attr("class", "tutorial") .attr("x", 565) .attr("y", 320) .text("Next") .style("font-size", "20px") .style("fill", "gray"); } else { svg.append("rect") .attr("class", "close-button") .attr("x", 560) .attr("y", 300) .attr("width", 60) .attr("height", 30) .style("fill", "red") .on("click", closeTutorial); svg.append("text") .attr("class", "close-button") .attr("x", 565) .attr("y", 320) .text("Close") .style("font-size", "16px") .style("fill", "gray"); } } // Function to handle 'Next' button click function nextPage() { if (currentPage < tutorialPages.length - 1) { currentPage += 1; // Increment the page index displayPage(currentPage); // Display the next page } } // Function to close the tutorial function closeTutorial() { svg.selectAll(".tutorial-popup, .tutorial-text, .next-button, .close-button, .tutorial").remove(); } // Function to wrap SVG text (helper function) function wrapText(text, width) { text.each(function() { let text = d3.select(this), words = text.text().split(/\s+/).reverse(), word, line = [], lineNumber = 0, lineHeight = 1.1, // ems y = text.attr("y"), dy = parseFloat(text.attr("dy")), tspan = text.text(null).append("tspan").attr("x", 160).attr("y", y).attr("dy", `${dy}em`); while (word = words.pop()) { line.push(word); tspan.text(line.join(" ")); if (tspan.node().getComputedTextLength() > width) { line.pop(); tspan.text(line.join(" ")); line = [word]; tspan = text.append("tspan").attr("x", 160).attr("y", y).attr("dy", `${++lineNumber * lineHeight + dy}em`).text(word); } } }) } //END TUTORIAL function gamestats(){ //mutable variables - wallet and customer satisfaction d3.selectAll('text.stats').remove() svg.append("text") .attr("x", "210") .attr("y", "890") .attr("class", "stats") .style("font-size", '50px') .style('font-weight','bold') .style("fill", 'ghostwhite') .style('fill-opacity','1') .style('font-family',"century gothic") .text("¥" +walletAmt) svg.append("text") .attr("x", "475") .attr("y", "900") .attr("class", "stats") .style("font-size", '50px') .style('font-weight','bold') .style("fill", 'ghostwhite') .style('fill-opacity','1') .style('font-family',"century gothic") .text(":" + custSatisfaction) } let gameState = { hasStarted: false, startPopupInitiated: false // Step 1: Add a flag to track if startPopup has been initiated } function initializeGame() { //console.log('initialize game') if (gameState.startPopupInitiated == true) { // Step 3: Check the flag before setting hasStarted to true gameState.hasStarted = true enableGameInteractions() } } // Function to enable game interactions function enableGameInteractions() { if (gameState.hasStarted == true) { createText(svg, 672, 440, "22px", "Choose any Location to Begin", "bold", 'whitesmoke', "1", 'century gothic','starter-text') } } function createText(svg, x, y, fontSize, textContent, fontWeight, textFill, txtOpacity, fontFamily, classType) { svg.append("text") .attr("x", x) .attr("y", y) .attr("class", classType) .style("font-size", fontSize) .style('font-weight',fontWeight) .style("fill", textFill) .style('fill-opacity',txtOpacity) .style('font-family',fontFamily) .text(textContent) } createText(svg, 202, 52, "60px", "A Ticket to Ride: Japan", "bold", 'whitesmoke', "0.5", 'century gothic', 'Header') createText(svg, 200, 50, "60px", "A Ticket to Ride: Japan", "bold", "whitesmoke", "1", "century gothic", 'Header') p.enter().append("polyline") .data(resetClick) .enter() //there are more data than elements, this selects them .append("polyline") //appends path to data .attr('class','resetButton') .attr('points', function(d){return d}) //.attr('transform', 'translate(-90,-150)') .style('stroke-opacity','.9') .style("stroke-width", '.3') .style("stroke", "cadetblue") .style('fill','snow') .style('fill-opacity','1') .on('click',reset) NoninteractablePolylines(svg, reset_lns, "resetLns", "1px","cadetblue", "cadetblue") //START POPUP p.enter().append("polyline") .data(start_button_bg) .enter() //there are more data than elements, this selects them .append("polyline") //appends path to data .attr('class','startButtonBG') .attr('points', function(d){return d}) .attr('transform', 'translate(-90,-150)') .style('stroke-opacity','.9') .style("stroke-width", '.3') .style("stroke", "cadetblue") .style('fill','snow') .style('fill-opacity','1') .on('click',startPopup) p.enter().append("polyline") .data(startButton) .enter() //there are more data than elements, this selects them .append("polyline") //appends path to data .attr('class','startButton') .attr('points', function(d){return d}) .attr('transform', 'translate(-90,-150)') .style('stroke-opacity','.9') .style("stroke-width", '.3') .style("stroke", "cadetblue") .style('fill','cadetblue') .style('fill-opacity','1') .on('click',startPopup) // Array holding all the start popup pages const startPages = [ "Welcome Back! Honestly thought you were going to walk out there…", "Anyways the map is simple: the goal of the game is to lead your tour group to 10 different destinations", "We like to stick to regualted tour paths so every location has a next stop you should go to.", "Your job is to correlty lead the group to the next station", "Typically you wouldve been trained but... I think this system i came up with is pretty easy.", "Everytime you're at a station there will be a hint about which is the next station you'll heading to.", "You can identify this station by looking at the fun facts about each station I’ve scattered around the map. Hover over a station to view its fun fact.", "Moving on, other than getting to all 10 locations you need to keep track of your money and customer satisfaction.", "At the bottom of the map you can see your wallet and your customer satisfaction meter", "If you choose the right station, you will get a bonus in your pay! If you choose the wrong station, your customers will not be very happy with you", "Dont worry though, if you get some wrong you can use your money to gift our loyal customers with treats from the vending machines to improve your overall customer satisfaction.", "If you choose incorrectly too many times, your customers will leave the tour, and unfortunately, you'll end up getting fired. And we don't want that!", "Anyways I hope that covers everything-", "Oh looks like your first group of tours is staring are approaching. Go ahead and choose anywhere on the map to start ... Good Luck!" ] let startPageIndex = 0; // Keep track of which start page we're on // Function to show the start popup function startPopup() { displayStartPage(startPageIndex); gameState.hasStarted = true; gameState.startPopupInitiated = true; // Step 2: Set the flag to true when startPopup is called console.log(gameState.startPopupInitiated) initializeGame() closeTutorial() } // Function to display the current page in the start popup function displayStartPage(pageIndex) { // Remove existing content svg.selectAll(".start-text, .next-button, .close-button").remove(); svg.append("rect") .attr("class","start-text") .attr("x","150") .attr("y","160") .attr("height","200") .attr("width","360") .style("fill","snow") .style('fill-opacity','1') .style("stroke-opacity", '.7') .style("stroke-width", '5') .style("stroke", "white") // Add new text for the current page svg.append("text") .attr("class", "start-text") .attr("x", 160) .attr("y", 200) .attr("dy", 0) // vertical offset .text(startPages[pageIndex]) .style("font-size", "20px") .style("fill", "gray") .call(wrapText, 280); // Wrap text within 280 pixels width // Next button if (pageIndex < startPages.length - 1) { svg.append("rect") .attr("class", "button") .attr("x", 440) .attr("y", 320) .attr("width", 60) .attr("height", 30) .style("fill", "lightgreen") .on("click", nextStartPage) svg.append("text") .attr("class", "button") .attr("x", 447) .attr("y", 343) .text("Next") .style("font-size", "20px") .style("fill", "gray") .on("click", nextStartPage) } else { svg.append("rect") .attr("class", "close-button") .attr("x", 440) .attr("y", 320) .attr("width", 60) .attr("height", 30) .style("fill", "red") .on("click", closeStartPopup); svg.append("text") .attr("class", "close-button") .attr("x", 447) .attr("y", 343) .text("Close") .style("font-size", "20px") .style("fill", "white"); } } // Function to handle 'Next' button click in the start popup function nextStartPage() { if (startPageIndex < startPages.length - 1) { startPageIndex += 1; // Increment the page index displayStartPage(startPageIndex); // Display the next page } } // Function to close the start popup function closeStartPopup() { svg.selectAll(".start-popup, .start-text, .next-button, .close-button,.button").remove(); } //END STARTPOPUP //MAP DATA const borderLines = g.selectAll(".borderLine") // Use a class to identify the elements .data(border11) .enter() .append("polyline") .attr("class", "borderLine") .attr("points", d => d.pts) // Assuming each 'd' has a 'pts' property with the polyline points .style("stroke", "black") .style("stroke-width", "2px") .style("fill", "none"); /* p.enter().append("polyline") .data(vend_list) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon') .attr('points',function(d){return d.geo})//not supposed to be points //.attr('transform',function(d){return 'translate('+projection([d.data.Long,d.data.Lat])[0]+','+projection([d.data.Long,d.data.Lat])[1]+')'}) .style('stroke-opacity','1') .style("stroke-width", '.2') .style("stroke", "cadetblue") .style('fill',"cadetblue") .style('fill-opacity','1') */ g.selectAll("path1") //d3 geopath .data(sbs_lines.features) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','outlines') .attr("d", path2) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','1') //.attr('stroke-dasharray','0.5 1 0.5 1') .style("stroke-width", '1.5') .style("stroke", lineType) function lineType(d,i){ var color = "lightcoral" if(d.properties.Layer=="rail"){color = "papayawhip"} return color } // TRAIN STATION POINTS p.enter().append("polyline") .data(train_list) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','icon') .attr('points',function(d){return d.pts}) .attr('transform',function(d){return 'translate('+projection([d.data.Long,d.data.Lat])[0]+','+projection([d.data.Long,d.data.Lat])[1]+')'}) .style('stroke-opacity','1') .style("stroke-width", '.2') .style("stroke", "cadetblue") .style('fill',fillColor) .style('fill-opacity','1') .on('mouseover',spotsInfo) .on('mouseout',spotsInfoOut) .on('click',polyClickStation) //STATION CLICK function polyClickStation(event,d) { d3.selectAll('text.correctAnswer-text').remove() createText(svg, 50,980,"30px","You've Made it to: " + "__ correct stops", "bold","gainsboro", "1") createText(svg, 300,975,'48px', correctAnswer, 'bold', 'gainsboro', '1','century gothic','correctAnswer-text') console.log(d.data.indexID) console.log(correctNextStop) //really silly solutiont to a problem i cant bother to solve (for some reason the 1st correct answer doesnt register) if(correctAnswer == 0) { correctAnswer += 1 } if (d.data.indexID == correctNextStop) { correctAnswer += 1; // Increment the correct answers count custSatisfaction += 5; walletAmt += 5; console.log('Correct answer! New correct count:', correctAnswer); } else { custSatisfaction -= 5; walletAmt -= 2; console.log('Wrong answer!'); } if(correctNextStop == 100000){ custSatisfaction = custSatisfaction + 5 } gamestats() correctNextStop = d.data.bestOption //removeVend() d3.selectAll('text.start_txt').remove() d3.selectAll('text.tutorial').remove() d3.selectAll('text.destinations').remove() d3.selectAll('rect.pop_Rect').remove() d3.selectAll('rect.tutorial').remove() d3.selectAll('path.stationLines').remove() d3.selectAll('text.confirm').remove() d3.selectAll('text.currentText').remove() d3.selectAll('text.welcome').remove() d3.selectAll('text.body-text').remove() d3.selectAll('text.starter-text').remove() d3.selectAll('text.body').remove() d3.selectAll('text.missionText').remove() d3.selectAll('text.hintText').remove() d3.selectAll('polyline.playerIcon').remove() d3.selectAll(".start-text, .next-button, .close-button, .button").remove() var latt = d.data.Lat var longg = d.data.Long //checking // Different Dials if (custSatisfaction > 15) { d3.selectAll('polyline.levers').remove() NoninteractablePolylines(svg, greatlevel, 'levers', '1px', 'ghostwhitewhite', 'ghostwhite'); } else if (custSatisfaction > 12) { d3.selectAll('polyline.levers').remove() NoninteractablePolylines(svg, baselever, 'levers', '1px', 'ghostwhite', 'ghostwhite'); } else if (custSatisfaction < 10) { d3.selectAll('polyline.levers').remove() NoninteractablePolylines(svg, badlevel, 'levers', '1px', 'ghostwhite', 'ghostwhite'); } /* //GAMEWIN if (correctAnswer === 10 && custSatisfaction > 0 && walletAmt >= 0) { // Check if walletAmt should really be < 0 for a win condition NoninteractablePolylines(svg, winnergraphic, "winner_graphic", "2px","none", "orangered") if (custSatisfaction > 25) { console.log("You did so slay :)"); } else if (custSatisfaction > 15) { console.log("You did okay"); } else if (custSatisfaction > 5) { console.log("You could do better"); } else { console.log("By the skin of your teeth"); } } //GAMELOSE if(custSatisfaction < 0 || walletAmt < 0){ gamestats() NoninteractablePolylines(svg, losergraphic, "loser_graphic", "2px","none", "red") } */ //draw your game icon here, give it a class //.attr('transform','translate('+projection([d.data.Long,d.data.Lat])[0]+','+projection([d.data.Long,d.data.Lat])[1]+')') p.enter().append('polyline') .data(youarehereicon1) .enter() //there are more data than elements, this selects them .append("polyline") .attr('class','playerIcon') .attr('points',function(d){return d}) .attr('transform','translate('+projection([longg,latt])[0]+','+projection([longg,latt])[1]+')') .style('fill','gold') .style('stroke','goldenrod') .style('stroke-width', 2) var bulletOptions = String(d.data.bulletDestination) // console.log(bulletOptions) if(bulletOptions!=null && bulletOptions.includes(",")){ bulletOptions = bulletOptions.split(",") //console.log(bulletOptions) } var bulletDests = [] for (let i = 0; i < bulletOptions.length; i++) { var index = Number(bulletOptions[i]) //console.log(index) for (let n = 0; n < train_list.length; n++) { //console.log(Number(train_list[n].data.indexID)) if(index==Number(train_list[n].data.indexID)){ console.log(train_list[n].data.Name) bulletDests.push(train_list[n].data) } } } var lnsToDraw = [] for (let i = 0; i < sbs_lines.features.length; i++) {//loop through dataset of lines var sbsLine = sbs_lines.features[i].properties.indexID//pull out id of lines sbsLine = sbsLine.split(',');//split ids by ',' //console.log(sbsLine) for (let n = 0; n < sbsLine.length; n++) {//loop through ids of lines if (d.data.indexID==Number(sbsLine[n])){//compare icon clicked on to ids of numbers // console.log('match') // console.log(sbsLine[n]) //d3.select(sbs_lines.features[i].geometry).style('stroke-width','10') lnsToDraw.push(sbs_lines.features[i]) } } } //console.log(lnsToDraw) g.selectAll("path1") //d3 geopath .data(lnsToDraw) //get data to define path .enter() //there are more data than elements, this selects them .append("path") //appends path to data .attr('class','stationLines') .attr("d", path2) //The d attribute defines a path to be drawn, only applies to appended elements .style("fill", "none") .style('stroke-opacity','1') //.attr('stroke-dasharray','0.5 1 0.5 1') .style("stroke-width", '4') .style("stroke", stationType)// function stationType(d,i){ var color = "orange" if(d.properties.Layer=="rail"){color = "orangered"} return color } svg.append("rect")//pops up to click on for train destinations .attr("class","vendRect") .attr("x","760") .attr("y",'360') .attr("rx","5") .attr("ry","5") .attr("height","30") .attr("width","145")//can we make this adjustable to the length of the name and repeat with each name? .style("fill","snow") .style('fill-opacity','.7') .style("stroke-width","2") .style("stroke","darkcyan") .style('stroke-opacity','1') .on('click',polyClickVend) svg.append("text")//DESTINATION TOKYO .attr("x", "769") .attr("y", "380") .attr("class", "VendText") .style("font-size", '15px') .style('font-weight','bold') .style("fill", 'darkcyan') .style('fill-opacity','1') .style('font-family',"monospace") .text('VENDING MACHINE') .on('click',polyClickVend) /* svg.append("rect")//pops up to click on for train destinations .attr("class","trainRect") .attr("x","690") .attr("y",function(d,i){return 810+(i*30)}) .attr("rx","5") .attr("ry","5") .attr("height","30") .attr("width","125")//can we make this adjustable to the length of the name and repeat with each name? .style("fill","snow") .style('fill-opacity','1') .style("stroke-width","1") .style("stroke","darkcyan") .style('stroke-opacity','.5') */ svg.append("text") .attr("x", "830") .attr("y", "450") .attr("class", "welcome") .style("font-size", '22px') .style('font-weight','bold') .style("fill", 'aliceblue') .style('fill-opacity','1') .attr('text-anchor','middle') .style('font-family',"century gothic") .text('Hi there! Welcome to:') svg.append('text') .attr('class','currentText') .attr('x','830') .attr('y','500') .style('font-family','julee') .attr('font-size','2em') .attr('fill','darkcyan') .attr('text-anchor','middle') .style('font-weight','bold') .text(d.data.Name) svg.append("text") .attr("x", "830") .attr("y", "560") .attr("class", "welcome") .style("font-size", '22px') .style('font-weight','bold') .style("fill", 'aliceblue') .style('fill-opacity','1') .attr('text-anchor','middle') .style('font-family',"century gothic") .text('Your Potential Next Stops are:') svg.append("text") .attr("x", "830") .attr("y", "840") .attr("class", "hintText") .style("font-size", '12px') .style('font-weight','regular') .style("fill", 'aliceblue') .style('fill-opacity','1') .attr('text-anchor','middle') .style('font-family',"century gothic") .text('A little hint to help you choose the best next station:') var wrap = svg.selectAll('text.hintText') .each(function(d,i) {wrap_text(d3.select(this),130)}) svg.append('text') .attr('class','missionText') .attr('x','830') .attr('y','880') .style('font-family','julee') .attr('font-size','1.2em') .attr('fill','darkcyan') .attr('text-anchor','middle') .style('font-weight','light') .text(d.data.Mission) var wrap = svg.selectAll('text.missionText') .each(function(d,i) {wrap_text(d3.select(this),150)}) t.enter().append("text") .data(bulletDests) .enter() //there are more data than elements, this selects them .append("text") .attr('class','destinations') .attr('points',function(d){return d}) .attr('x','830') .attr('y',function(d,i){return 700+(i*30)}) .style('font-family','century gothic') .style('font-size','24px') .style('font-weight','bold')//use 'fill' to change font color .attr('fill','orangered') .attr('text-anchor','middle') .text( function(d){return d.Name}) /*svg .append("text") .attr('x','200') .attr('y','440') .style('font-family','julee') .style('font-size','13px') .style('font-weight','light')//use 'fill' to change font color .attr('fill','cadetblue') .attr('text-anchor','left') .text("train:" + d.data.trainDestination) */ //GAMEWIN if (correctAnswer === 10 && custSatisfaction > 0 && walletAmt >= 0) { // Check if walletAmt should really be < 0 for a win condition NoninteractablePolylines(svg, winnergraphic, "winner_graphic", "2px","none", "lightgreen") if (custSatisfaction > 25) { console.log("You did so slay :)"); } else if (custSatisfaction > 15) { console.log("You did okay"); } else if (custSatisfaction > 5) { console.log("You could do better"); } else { console.log("By the skin of your teeth"); } } //GAMELOSE if(custSatisfaction < 0 || walletAmt < 0){ gamestats() NoninteractablePolylines(svg, losergraphic, "loser_graphic", "2px","none", "red") } var railOptions = String(d.data.trainDestination) if(railOptions!= null && railOptions.includes(",")){ railOptions = railOptions.split(",") // console.log(railOptions) } var trainDests = [] for (let i = 0; i < railOptions.length; i++) { var index = Number(railOptions[i]) for (let n = 0; n < train_list.length; n++){ if(index==Number(train_list[n].data.indexID)){ // console.log(train_list[n].data.Name) trainDests.push(train_list[n].data) } } } p.enter().append("text") .data(trainDests) .enter() //there are more data than elements, this selects them .append("text") .attr('class','destinations') //.attr('class','icon_rating') .attr('points',function(d){return d}) .attr('x','830') .attr('y',function(d,i){return 600+(i*20)}) .style('font-family','century gothic') .style('font-size','13px') .style('font-weight','bold')//use 'fill' to change font color .attr('fill','orange') .attr('text-anchor','middle') .text(function(d){return d.Name}) } //STATION CLICK function polyClickVend(event,d) { /* d3.selectAll('text.start_txt').remove() d3.selectAll('text.destinations').remove() d3.selectAll('text.currentText').remove() d3.selectAll('text.missionText').remove() d3.selectAll('text.hintText').remove() d3.selectAll('text.welcome').remove() d3.selectAll('rect.pop_Rect').remove() d3.selectAll('rect.trainRect').remove() d3.selectAll('rect.vendRect').remove() d3.selectAll('path.stationLines').remove() d3.selectAll('text.confirm').remove() */ p.enter().append("polyline")//VENDING MACHINE STUFF .data(vend_whitebg) .enter() //there are more data than elements, this selects them .append("polyline") //appends path to data .attr('class','whiteBG') .attr('points', function(d){return d}) .style('fill','white') .style('fill-opacity','1') svg.append("rect") .attr("class","vendLines2") .attr("x","760") .attr("y","845") .attr("height","40") .attr("width","150") .style("fill","snow") .style('fill-opacity','1') .style("stroke-width","0") .style("stroke","cadetblue") .on('click',removeVend) svg.append("text") .attr("class", "body") .attr("x", 761) .attr("y", 865) .style("font-size", "12px") .style("fill", "mediumaquamarine") .style("fill-opacity", 0.5) .style('font-family',"monospace") .text('Close Vending Machine') .on('click',removeVend) p.enter().append("polyline")//VENDING MACHINE STUFF .data(vend_list) .enter() //there are more data than elements, this selects them .append("polyline") //appends path to data .attr('class','vendClick') .attr('points', function(d){return d.pts}) //.attr('transform', 'translate(1,10)') .style('stroke-opacity','.9') .style("stroke-width", '.5') .style("stroke", "cadetblue") .style('fill','snow') .style('fill-opacity','1') .on('click',vendMacClick) function vendMacClick (event, d) { console.log(d.data.price) walletChange = d.data.price satisfactionChange = d.data.custSatisfaction svg.append("rect") .attr("class", "pop_vend_Rect") .attr("x", 144) .attr("y", 158) .attr("rx", 10) .attr("ry", 10) .attr("height", 85) .attr("width", 270) .style("fill", "snow") .style('fill-opacity', '1') .style("stroke-width", 1) .style("stroke", "midnightblue") svg.append("rect") .attr("class", "decline") .attr("x", 150) .attr("y", 205) .attr("rx", 7) .attr("ry", 7) .attr("width", 70) .attr("height", 30) .style("fill", "yellowgreen") .on("click", updateWallet); svg.append("text") .attr("class", "decline") .attr("x", 159) .attr("y", 225) .style("font-size", "16px") .style("fill", "white") .style('font-family',"monospace") .text('ACCEPT') .on("click", updateWallet) svg.append("rect") .attr("class", "decline") .attr("x", 340) .attr("y", 205) .attr("rx", 7) .attr("ry", 7) .attr("width", 70) .attr("height", 30) .style("fill", "red") .on("click", removePrice); svg.append("text") .attr("class", "decline") .attr("x", 344) .attr("y", 225) .style("font-size", "16px") .style("fill", "white") .style('font-family',"monospace") .text('DECLINE') .on("click", removePrice) svg.append("text") .attr("x", "275") .attr("y", "180") .attr("class", "vendDetails") .attr("text-anchor", "middle") .style("font-size", '22px') .style('font-weight','bold') .style("fill", 'darkslategrey') .style('fill-opacity','1') .style('font-family',"century gothic") .text( d.data.name) svg.append("text") .attr("x", "275") .attr("y", "210") .attr("class", "vendDetails") .attr("text-anchor", "middle") .style("font-size", '12px') .style('font-weight','bold') .style("fill", 'darkslategrey') .style('fill-opacity','1') .style('font-family',"century gothic") .text( d.data.cost) svg.append("text") .attr("x", "275") .attr("y", "225") .attr("class", "vendDetails") .attr("text-anchor", "middle") .style("font-size", '12px') .style('font-weight','bold') .style("fill", 'darkslategrey') .style('fill-opacity','1') .style('font-family',"century gothic") .text( d.data.satisfaction) //you could have more text here saying the price etc... d.data.price } NoninteractablePolylines(svg, bg_vending_color, "vmachinecol", "1.5px","none", "snow") NoninteractablePolylines(svg, vendingMachineOutlines, "vmachine", "0.5px","cadetblue", "cadetblue") NoninteractablePolylines(svg, vend_bg_lns, "vmachinebg", "2px","cadetblue", "none") } function removePrice(event,d){ d3.selectAll('rect.vendLines').remove() d3.selectAll('rect.pop_vend_Rect').remove() // d3.selectAll('polyline.vendClick').remove() //d3.selectAll('polyline.whiteBG').remove() // d3.selectAll('rect.vendRect').remove() d3.selectAll('text.confirm').remove() d3.selectAll('text.decline').remove() d3.selectAll('text.vendDetails').remove() d3.selectAll('rect.decline').remove() //d3.selectAll('polyline.vmachinecol').remove() // d3.selectAll('polyline.vmachine').remove() // d3.selectAll('polyline.vmachinebg').remove() } function removeVend(event,d){ d3.selectAll('rect.vendLines').remove() d3.selectAll('rect.vendLines2').remove() d3.selectAll('rect.pop_vend_Rect').remove() d3.selectAll('polyline.vendClick').remove() d3.selectAll('polyline.whiteBG').remove() // d3.selectAll('rect.vendRect').remove() d3.selectAll('text.confirm').remove() d3.selectAll('text.decline').remove() d3.selectAll('text.vendDetails').remove() d3.selectAll('text.body').remove() d3.selectAll('rect.decline').remove() d3.selectAll('polyline.vmachinecol').remove() d3.selectAll('polyline.vmachine').remove() d3.selectAll('polyline.vmachinebg').remove() } //COLOR OF BULLET OR TRAIN ICON function fillColor(d,i){ var color = 'orange' if(d.data.transportType=='rail'){color = 'orangered' console.log("match")} if(d.data.transportType=='bullet'){color = 'tomato'} return color } function spotsInfo(event,d){ d3.select(this).style('fill','darkcyan') svg.append('line') .attr('class','spotLine') .attr('x1','225') .attr('y1','435') .attr('x2','225') .attr('y2',projection([d.data.Long,d.data.Lat])[1]) .attr('stroke-width','2') .style('stroke-opacity','.5') .attr('stroke','darkcyan') svg.append('line') .attr('class','spotLine') .attr('x1',projection([d.data.Long,d.data.Lat])[0]) .attr('y1',projection([d.data.Long,d.data.Lat])[1]) .attr('x2','225') .attr('y2',projection([d.data.Long,d.data.Lat])[1]) .attr('stroke-width','2') .style('stroke-opacity','.5') .attr('stroke','darkcyan') svg.append("rect") .attr("class","dRect") .attr("x","145") .attr("y","435") .attr("rx","5") .attr("ry","5") .attr("height","65") .attr("width","175") .style("fill","snow") .style('fill-opacity','1') .style("stroke-width","1") .style("stroke","darkcyan") .style('stroke-opacity','.5') svg .append('text') .attr('class','spotsText') .attr('x','230') .attr('y','452') .style('font-family','julee') .attr('font-size','1em') .attr('fill','darkcyan') .attr('text-anchor','middle ') .style('font-weight','bold') .text(d.data.Name) var wrap = svg.selectAll('text.spotsText') .each(function(d,i) {wrap_text(d3.select(this),135)}) svg .append('text') .attr('class','spotsDes') .attr('x','230') .attr('y','467') .attr('font-family','century gothic') .attr('font-size','.55em') .attr('fill','darkcyan') .attr('text-anchor','middle ') .text(d.data.funFact) var wrap = svg.selectAll('text.spotsDes') .each(function(d,i) {wrap_text(d3.select(this),150)}) } function spotsInfoOut(event,d){ d3.selectAll('polyline.icon').style('fill',fillColor) d3.selectAll('text.spotsText').remove() d3.selectAll('text.spotsDes').remove() d3.selectAll('text.spotsRate').remove() d3.selectAll('rect.dRect').remove() d3.selectAll('line.spotLine').remove() d3.selectAll('polyline.icon_rating').remove() } function updateWallet(data){ console.log(walletChange) walletAmt = walletAmt + walletChange custSatisfaction = custSatisfaction + satisfactionChange gamestats() d3.selectAll('rect.vendLines').remove() d3.selectAll('rect.pop_vend_Rect').remove() d3.selectAll('polyline.vendClick').remove() d3.selectAll('polyline.whiteBG').remove() d3.selectAll('rect.vendLines2').remove() // d3.selectAll('rect.vendRect').remove() d3.selectAll('text.confirm').remove() d3.selectAll('polyline.vmachinecol').remove() d3.selectAll('polyline.vmachine').remove() d3.selectAll('polyline.vmachinebg').remove() d3.selectAll('text.decline').remove() d3.selectAll('text.vendDetails').remove() d3.selectAll('text.body').remove() d3.selectAll('rect.decline').remove() console.log('hello') //polyClickStation() } //POLYCLICK FOR FIRST MOVE function polyClick(event, d) { var p = svg.selectAll("outlines") d3.selectAll('text.menuText').remove() d3.selectAll('image.dogImage').remove() } return svg.node(); }2f:Ta4f,// from https://stackoverflow.com/questions/63288390/font-style-of-text-in-svg-not-propagating-to-png-on-download /* Only tested on a really limited set of fonts, can very well not work This should be taken as an proof of concept rather than a solid script. @Params : an url pointing to an embed Google Font stylesheet @Returns : a Promise, fulfiled with all the cssRules converted to dataURI as an Array */ function GFontToDataURI(url) { return fetch(url) // first fecth the embed stylesheet page .then((resp) => resp.text()) // we only need the text of it .then((text) => { // now we need to parse the CSSruleSets contained // but chrome doesn't support styleSheets in DOMParsed docs... let s = document.createElement("style"); s.innerHTML = text; document.head.appendChild(s); let styleSheet = s.sheet; // this will help us to keep track of the rules and the original urls let FontRule = (rule) => { let src = rule.style.getPropertyValue("src") || rule.style.cssText.match(/url$.*?$/g)[0]; if (!src) return null; let url = src.split("url(")[1].split(")")[0]; return { rule: rule, src: src, url: url.replace(/\"/g, "") }; }; let fontRules = [], fontProms = []; // iterate through all the cssRules of the embedded doc // Edge doesn't make CSSRuleList enumerable... for (let i = 0; i < styleSheet.cssRules.length; i++) { let r = styleSheet.cssRules[i]; let fR = FontRule(r); if (!fR) { continue; } fontRules.push(fR); fontProms.push( fetch(fR.url) // fetch the actual font-file (.woff) .then((resp) => resp.blob()) .then((blob) => { return new Promise((resolve) => { // we have to return it as a dataURI // because for whatever reason, // browser are afraid of blobURI in too... let f = new FileReader(); f.onload = (e) => resolve(f.result); f.readAsDataURL(blob); }); }) .then((dataURL) => { // now that we have our dataURI version, // we can replace the original URI with it // and we return the full rule's cssText return fR.rule.cssText.replace(fR.url, dataURL); }) ); } document.head.removeChild(s); // clean up return Promise.all(fontProms); // wait for all this has been done }); }30:[{"id":"2cc7b27eefc396db007b19d2d024d2516dee20c40b1e92b47a9457921dcdd84fecabcc8ec85783eaaa4f2714aa9c9ed6c02d892e13633aaf24a90c0be736493b","href":"https://static.observableusercontent.com/files/2cc7b27eefc396db007b19d2d024d2516dee20c40b1e92b47a9457921dcdd84fecabcc8ec85783eaaa4f2714aa9c9ed6c02d892e13633aaf24a90c0be736493b","name":"reset_lns.txt","type":"text/plain","lastModified":1714412181268.045,"size":159774},{"id":"a9243dcddd87d90b989dd9819d0c10a5cbc657455800b7eab64e5ed1122c1e06f6a956f0a536fa3bce84f580121799caa1f9aa13de53bf041d373ce6bd091b26","href":"https://static.observableusercontent.com/files/a9243dcddd87d90b989dd9819d0c10a5cbc657455800b7eab64e5ed1122c1e06f6a956f0a536fa3bce84f580121799caa1f9aa13de53bf041d373ce6bd091b26","name":"vending machine clicks3.txt","type":"text/plain","lastModified":1714412181268.045,"size":217398},{"id":"2893a503454f8b553e63220b1a6e098763b45b3db85192f1e97599df3654be30e6b84e55ac1984c75a3ca392cb3cabf27d25649de05e58d6ae09126009ede34a","href":"https://static.observableusercontent.com/files/2893a503454f8b553e63220b1a6e098763b45b3db85192f1e97599df3654be30e6b84e55ac1984c75a3ca392cb3cabf27d25649de05e58d6ae09126009ede34a","name":"vending_macLines@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":980616},{"id":"d67d90f17a71c06562c2bd90182821edd0bb110215654c1237920d14afe0c6cbaff3c4c6b6eba6ab31b8fc63bfc69626109c08647fb6744d7c8a1ded37f24c04","href":"https://static.observableusercontent.com/files/d67d90f17a71c06562c2bd90182821edd0bb110215654c1237920d14afe0c6cbaff3c4c6b6eba6ab31b8fc63bfc69626109c08647fb6744d7c8a1ded37f24c04","name":"bg_vending_color.txt","type":"text/plain","lastModified":1714412181268.045,"size":235560},{"id":"e921bd437db503db46dc8bf0e1d228a24f67cc6e7580462f02ec2833e30e202283543c757fe3bc94592b27bcb3502de1cc4eded09fd1f9caeb4e2c26acec5e21","href":"https://static.observableusercontent.com/files/e921bd437db503db46dc8bf0e1d228a24f67cc6e7580462f02ec2833e30e202283543c757fe3bc94592b27bcb3502de1cc4eded09fd1f9caeb4e2c26acec5e21","name":"bg_dashboard.txt","type":"text/plain","lastModified":1714412181268.045,"size":95840},{"id":"2ae3c11adb3cdfd82a7419c53287d05f437b7e8642b28c5efd735136b6a1dc1df0bf2ca4a5619b455b21ba6c4cc3a268badf5e391850eec098eede59e9c08a56","href":"https://static.observableusercontent.com/files/2ae3c11adb3cdfd82a7419c53287d05f437b7e8642b28c5efd735136b6a1dc1df0bf2ca4a5619b455b21ba6c4cc3a268badf5e391850eec098eede59e9c08a56","name":"reset button@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":526},{"id":"57f5422494810b9ea5043d14d4f12df8f27dee78604ac9a5e621e32103b8afce1571bb6dc2f4046bb4ae4ff8b3b99ef1f81a43762589e4deeca027defbd9343c","href":"https://static.observableusercontent.com/files/57f5422494810b9ea5043d14d4f12df8f27dee78604ac9a5e621e32103b8afce1571bb6dc2f4046bb4ae4ff8b3b99ef1f81a43762589e4deeca027defbd9343c","name":"twm@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":1578},{"id":"f322fc53083e8cb7a58b4961dcbac2e35488f0618d8ce0693ac237043113217197fe64054c118c6f52d7e559c4e5d0650f579636f5c3400dd376a5e375bb8ecd","href":"https://static.observableusercontent.com/files/f322fc53083e8cb7a58b4961dcbac2e35488f0618d8ce0693ac237043113217197fe64054c118c6f52d7e559c4e5d0650f579636f5c3400dd376a5e375bb8ecd","name":"train_icon3@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":144178},{"id":"f7c7fc079efe279a0c0dc6473f1982f0c64ff754c36e37677f34b54b5d934aead76e159f52e13ceb61f2d6f2ecb0e5849f0711a664115be04354e5f8800e9399","href":"https://static.observableusercontent.com/files/f7c7fc079efe279a0c0dc6473f1982f0c64ff754c36e37677f34b54b5d934aead76e159f52e13ceb61f2d6f2ecb0e5849f0711a664115be04354e5f8800e9399","name":"jp roads.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":23947936},{"id":"8f1b1276af7dea1f223a344fcebb1a6463ab8a4b4d61e4513fae6cd45f5e7d3f7ed93b633b089aed7e1c9802abc89d84bedcbc619e4d30adb11d63dad828c233","href":"https://static.observableusercontent.com/files/8f1b1276af7dea1f223a344fcebb1a6463ab8a4b4d61e4513fae6cd45f5e7d3f7ed93b633b089aed7e1c9802abc89d84bedcbc619e4d30adb11d63dad828c233","name":"JP bbox.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":638},{"id":"37b03ec75796c4ca6a91f31df6031554453bb41cf9d11a59e0b968d0f315dfc11d9f2d9fb16df6d0f090a0a5c96e3f936713ecc4f1b7ef26975491560d8e2b3f","href":"https://static.observableusercontent.com/files/37b03ec75796c4ca6a91f31df6031554453bb41cf9d11a59e0b968d0f315dfc11d9f2d9fb16df6d0f090a0a5c96e3f936713ecc4f1b7ef26975491560d8e2b3f","name":"jp rail.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":4677758},{"id":"ac25177e7d798146ed56b747059760bea6b9b3634267690a897ed1297c918a06cd46fbcebe30fd971482fa08c6bdcc0fbde07944ac34802af9b7384be808bf4e","href":"https://static.observableusercontent.com/files/ac25177e7d798146ed56b747059760bea6b9b3634267690a897ed1297c918a06cd46fbcebe30fd971482fa08c6bdcc0fbde07944ac34802af9b7384be808bf4e","name":"jp coastline 2.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":3015379},{"id":"0c0af3bd1228e0526c507520385a600c9200a5402f802153b0ea694ebd8a4b7d5b352f3dd99af356beb2e0224ab0aa7225c68a499e6085f942515a8af1b9f0e4","href":"https://static.observableusercontent.com/files/0c0af3bd1228e0526c507520385a600c9200a5402f802153b0ea694ebd8a4b7d5b352f3dd99af356beb2e0224ab0aa7225c68a499e6085f942515a8af1b9f0e4","name":"JP bbox sm.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":641},{"id":"626dad8d68c6c147f2d9f38430375ac0aaf1319f4618cdc2b9a5133fade44e214d71b4c8c3be7b710dc59b077242ce33b27fd102dea83f46c4c5aebb1257d4aa","href":"https://static.observableusercontent.com/files/626dad8d68c6c147f2d9f38430375ac0aaf1319f4618cdc2b9a5133fade44e214d71b4c8c3be7b710dc59b077242ce33b27fd102dea83f46c4c5aebb1257d4aa","name":"start_button_bg@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":56060},{"id":"f18c659b32896e2a5443769c2d8ee303a50f907a4cbeb9a604acbc7b8162ddb77389fdbfb1248a2659a527ed8b1501abc89da4dbb818df73b6ba0eddc15e2d58","href":"https://static.observableusercontent.com/files/f18c659b32896e2a5443769c2d8ee303a50f907a4cbeb9a604acbc7b8162ddb77389fdbfb1248a2659a527ed8b1501abc89da4dbb818df73b6ba0eddc15e2d58","name":"vending_click_3.txt","type":"text/plain","lastModified":1714412181268.045,"size":1436},{"id":"d3aa1ba2ad3e0431102ffd667a7b1c102742b7c31f203d3f025cf9afe68a4fc80e49ab1f04119412027bacc5794f8c8cd964405d38fad6634a54a51a8efc1dc5","href":"https://static.observableusercontent.com/files/d3aa1ba2ad3e0431102ffd667a7b1c102742b7c31f203d3f025cf9afe68a4fc80e49ab1f04119412027bacc5794f8c8cd964405d38fad6634a54a51a8efc1dc5","name":"sbs_stations.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":4904},{"id":"f1968da03c6068214593f002790a5ee1da2268518cbc756621af42214ad081443551a3b0d39927d8ed494cfe81a7067c49e8041c136ffafeb4d2b7931304678e","href":"https://static.observableusercontent.com/files/f1968da03c6068214593f002790a5ee1da2268518cbc756621af42214ad081443551a3b0d39927d8ed494cfe81a7067c49e8041c136ffafeb4d2b7931304678e","name":"sbs_line_1.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":159228},{"id":"b0d3acc0996405daa7de979ec7eb4344b74db260936d633a6a5bca65781d67fd551cfac3292dd3478616578f08be35120fa3e3d12755ddeeb4f656bf3180d9ba","href":"https://static.observableusercontent.com/files/b0d3acc0996405daa7de979ec7eb4344b74db260936d633a6a5bca65781d67fd551cfac3292dd3478616578f08be35120fa3e3d12755ddeeb4f656bf3180d9ba","name":"sbs_line_2.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":45736},{"id":"f7e11a65c6893a77bea6b06074b4cc09bd60cd43fd3a063c46f216e4acccfa96c206444c91a32cbe7d8e16638ca7dd2b4894cf642465b14408386f89f9138e79","href":"https://static.observableusercontent.com/files/f7e11a65c6893a77bea6b06074b4cc09bd60cd43fd3a063c46f216e4acccfa96c206444c91a32cbe7d8e16638ca7dd2b4894cf642465b14408386f89f9138e79","name":"start button@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":560295},{"id":"f7e11a65c6893a77bea6b06074b4cc09bd60cd43fd3a063c46f216e4acccfa96c206444c91a32cbe7d8e16638ca7dd2b4894cf642465b14408386f89f9138e79","href":"https://static.observableusercontent.com/files/f7e11a65c6893a77bea6b06074b4cc09bd60cd43fd3a063c46f216e4acccfa96c206444c91a32cbe7d8e16638ca7dd2b4894cf642465b14408386f89f9138e79","name":"start button@2.txt","type":"text/plain","lastModified":1714412181268.045,"size":560295},{"id":"7b9a69a0561d7bd96aff56475982b168e21e12bbbd6ca016d05329e423d72f93ad414cd770e2b9b48d8f771668a2620609ccbc165eafa1f01f85356405aee2b6","href":"https://static.observableusercontent.com/files/7b9a69a0561d7bd96aff56475982b168e21e12bbbd6ca016d05329e423d72f93ad414cd770e2b9b48d8f771668a2620609ccbc165eafa1f01f85356405aee2b6","name":"bldgs.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":1529909},{"id":"773f31335d4336bc7f5ceb49cf5524786afb387f276742a3e1a87191808c7bf918126e31ed83c31ddc5264212eced77994319585fe0cf5085e418103095dccfc","href":"https://static.observableusercontent.com/files/773f31335d4336bc7f5ceb49cf5524786afb387f276742a3e1a87191808c7bf918126e31ed83c31ddc5264212eced77994319585fe0cf5085e418103095dccfc","name":"subway_lines.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":27570},{"id":"ded276650c2ed2460bec82fbfd3963a36ab2a68e7e5a1283d5bf63c3344f7b6f8ce218706ed3422e54262c1dfac6c2d7f6866b09e0862051f28dca67b9c425b0","href":"https://static.observableusercontent.com/files/ded276650c2ed2460bec82fbfd3963a36ab2a68e7e5a1283d5bf63c3344f7b6f8ce218706ed3422e54262c1dfac6c2d7f6866b09e0862051f28dca67b9c425b0","name":"dashboard-border1.txt","type":"text/plain","lastModified":1714412181268.045,"size":6060965},{"id":"3fbc869b66dcd01adc54cf9546bd208dee89f84f956a2ab1d77b73fcb053f9bf2901786520d61d6544e9608723ef02f08cec192c4101ec6c399c3f0b8c079076","href":"https://static.observableusercontent.com/files/3fbc869b66dcd01adc54cf9546bd208dee89f84f956a2ab1d77b73fcb053f9bf2901786520d61d6544e9608723ef02f08cec192c4101ec6c399c3f0b8c079076","name":"yinyang_lg@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":2440808},{"id":"840de4fa6a9a7ed09283817774f1d85a2dd7b7207ba6f5093d2bdc4ebd5d2c5dad1c518fe895bb168bde894e6abe0f69e801aabb2f29318eb520a5dcd161e432","href":"https://static.observableusercontent.com/files/840de4fa6a9a7ed09283817774f1d85a2dd7b7207ba6f5093d2bdc4ebd5d2c5dad1c518fe895bb168bde894e6abe0f69e801aabb2f29318eb520a5dcd161e432","name":"sbs_lines.geojson","type":"application/geo+json","lastModified":1714412181268.045,"size":227213},{"id":"9ea09e5df0550841218dcdbe759f5582f7e38e7574debbb26fa11d2a505968b706ed284a06fdf37b237f8949af1d4d9695ed5d54dcb4b5fa072948961a480260","href":"https://static.observableusercontent.com/files/9ea09e5df0550841218dcdbe759f5582f7e38e7574debbb26fa11d2a505968b706ed284a06fdf37b237f8949af1d4d9695ed5d54dcb4b5fa072948961a480260","name":"btm_circs.txt","type":"text/plain","lastModified":1714412181268.045,"size":58890},{"id":"f1693783007cec02989e26c231b63b288895156d6a72e796f6dfee730dd7ff4b64de497d47f6ec9c846f25cbd2fd0545c1bd13ab525a49157361ab0c262fc6c6","href":"https://static.observableusercontent.com/files/f1693783007cec02989e26c231b63b288895156d6a72e796f6dfee730dd7ff4b64de497d47f6ec9c846f25cbd2fd0545c1bd13ab525a49157361ab0c262fc6c6","name":"moneyicon.txt","type":"text/plain","lastModified":1714529263905.637,"size":70149},{"id":"51c66a8640e01a8ff23b9fb2803dd29f54667c4badf988765161407754695a4ba829d1141c6d5144df815bd21c23cf46b15be111f2dc9d1b08ec545af140a77a","href":"https://static.observableusercontent.com/files/51c66a8640e01a8ff23b9fb2803dd29f54667c4badf988765161407754695a4ba829d1141c6d5144df815bd21c23cf46b15be111f2dc9d1b08ec545af140a77a","name":"money icon@17.txt","type":"text/plain","lastModified":1714529824056.614,"size":67383},{"id":"f4d6f31090dd281fc95b1687e9afdc5ad92a3b9ec44490a264561a4ace69ddd1cf7b0509381aae33a390671074c9f29933a15225e742ee58887cc7236e90ca1a","href":"https://static.observableusercontent.com/files/f4d6f31090dd281fc95b1687e9afdc5ad92a3b9ec44490a264561a4ace69ddd1cf7b0509381aae33a390671074c9f29933a15225e742ee58887cc7236e90ca1a","name":"baseface.txt","type":"text/plain","lastModified":1714530043098.302,"size":14030},{"id":"d81d3e63e016879e573208c855ce52c0eafcec7dfd3b7568956d5c7ec3ab6f403a2f8907e6c4f75b3bc9f3ea00a55324fca8ce1fec52e0748e164f032df40ac4","href":"https://static.observableusercontent.com/files/d81d3e63e016879e573208c855ce52c0eafcec7dfd3b7568956d5c7ec3ab6f403a2f8907e6c4f75b3bc9f3ea00a55324fca8ce1fec52e0748e164f032df40ac4","name":"baseface@1.txt","type":"text/plain","lastModified":1714530503059.205,"size":590},{"id":"38a5b26913f2eac2954fc165b7c19455c4bc7d00c092520e89ed4ab6164620468a53204a9ac59992dcc837315d6020c8aec88bc6f71b15ca549fb6f70c73810c","href":"https://static.observableusercontent.com/files/38a5b26913f2eac2954fc165b7c19455c4bc7d00c092520e89ed4ab6164620468a53204a9ac59992dcc837315d6020c8aec88bc6f71b15ca549fb6f70c73810c","name":"happyface@1.txt","type":"text/plain","lastModified":1714530514838.528,"size":590},{"id":"8747a7bd5b6686e1d977e05edd410bbb3aedb1afa8e1276b661ae8e8192b7daf919b0c13b7181002daf5c5a1fd48871b3ec3ef92b526d415b36a22b0d0893c14","href":"https://static.observableusercontent.com/files/8747a7bd5b6686e1d977e05edd410bbb3aedb1afa8e1276b661ae8e8192b7daf919b0c13b7181002daf5c5a1fd48871b3ec3ef92b526d415b36a22b0d0893c14","name":"greatlevel.txt","type":"text/plain","lastModified":1714546119836.028,"size":27553},{"id":"be42a2b64a23dd882125be43aa0463dcd9cf61a0e3746180368e1d3a96af7b1dd9d870fe1844c704ef5460930222c36a7b7cf6c43116486030535c35b67b65b5","href":"https://static.observableusercontent.com/files/be42a2b64a23dd882125be43aa0463dcd9cf61a0e3746180368e1d3a96af7b1dd9d870fe1844c704ef5460930222c36a7b7cf6c43116486030535c35b67b65b5","name":"baselever.txt","type":"text/plain","lastModified":1714546119870.796,"size":27554},{"id":"a40f2c104095d0ae2af4be49a8c60568325802373290386e896a8fb7300cded91d072827be2d2fc428dfb14521b292604596f4485fec60f069edbc9568464673","href":"https://static.observableusercontent.com/files/a40f2c104095d0ae2af4be49a8c60568325802373290386e896a8fb7300cded91d072827be2d2fc428dfb14521b292604596f4485fec60f069edbc9568464673","name":"badlevel.txt","type":"text/plain","lastModified":1714546119851.688,"size":27554},{"id":"49066bd6a2c1d07b628fae420992f2882a92c043de9fd198ff14e62a866ec00128ecc149ba3b7cd1b2887a902ae0551d0b338f6360dbc3823f63f1b05feef2e8","href":"https://static.observableusercontent.com/files/49066bd6a2c1d07b628fae420992f2882a92c043de9fd198ff14e62a866ec00128ecc149ba3b7cd1b2887a902ae0551d0b338f6360dbc3823f63f1b05feef2e8","name":"test_dash@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":234},{"id":"d61d46f5b75f7e42f2f6b2f556de2454566db6e006ffb14d4d2e63e69caa1c5a528e4485a2a3c816d8bb191dd5fc4b2cbd564dd5084a80a385e335409891eea1","href":"https://static.observableusercontent.com/files/d61d46f5b75f7e42f2f6b2f556de2454566db6e006ffb14d4d2e63e69caa1c5a528e4485a2a3c816d8bb191dd5fc4b2cbd564dd5084a80a385e335409891eea1","name":"border@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":5916},{"id":"491e1cc5bcb406895aaaa9544c87e4af8570212e41dfee3defedf385431095b10d7e4bd93dd17053d3775a90f891528e9066556c7336e06bc69470c560174040","href":"https://static.observableusercontent.com/files/491e1cc5bcb406895aaaa9544c87e4af8570212e41dfee3defedf385431095b10d7e4bd93dd17053d3775a90f891528e9066556c7336e06bc69470c560174040","name":"start button@3.txt","type":"text/plain","lastModified":1714412181268.045,"size":526},{"id":"e21ad9b8d5c808f29eb48e0f8f208b6cb853503dfb9ed39da6896550e2ae2e27faba512722cc6ef4e786f93c860b6601c5c30381832340c48e3b32045224dcb0","href":"https://static.observableusercontent.com/files/e21ad9b8d5c808f29eb48e0f8f208b6cb853503dfb9ed39da6896550e2ae2e27faba512722cc6ef4e786f93c860b6601c5c30381832340c48e3b32045224dcb0","name":"vend_bg_lns@1.txt","type":"text/plain","lastModified":1714412181268.045,"size":410299},{"id":"a21fb4ccc9bda42df1375b24a5279695fd462f17526e9eea35eb40f902b7648fe54b3ece8882fb7a6acafc75816944e285455c74770d44eba194ce98813fc3e4","href":"https://static.observableusercontent.com/files/a21fb4ccc9bda42df1375b24a5279695fd462f17526e9eea35eb40f902b7648fe54b3ece8882fb7a6acafc75816944e285455c74770d44eba194ce98813fc3e4","name":"lowsatisfaction.txt","type":"text/plain","lastModified":1714507916855.463,"size":5816},{"id":"921a2d10967154379bcbbc2ddb5ce46f91133dafaf2769cff63da94610c16a22335726526f82b37d7c2207b894dd775d03a3cf07bf287495bc57c61b842c2ac9","href":"https://static.observableusercontent.com/files/921a2d10967154379bcbbc2ddb5ce46f91133dafaf2769cff63da94610c16a22335726526f82b37d7c2207b894dd775d03a3cf07bf287495bc57c61b842c2ac9","name":"youarehereicon.txt","type":"text/plain","lastModified":1714507916889.28,"size":2666},{"id":"77201ba11e5ab41157f21a67abd8ec5672c0a07a6993043748e7422eea2a2582007b7f931805df6e6e62b33c287eed891ab482209b9da4ae6dbdef3d700edb61","href":"https://static.observableusercontent.com/files/77201ba11e5ab41157f21a67abd8ec5672c0a07a6993043748e7422eea2a2582007b7f931805df6e6e62b33c287eed891ab482209b9da4ae6dbdef3d700edb61","name":"highsatisfaction.txt","type":"text/plain","lastModified":1714507916856.654,"size":5815},{"id":"8944c36144c0b87dc0b394cc0932ca95b5200664fdd99fffafb3e34bc306eba2292f2ff402aa038c6cffb121e3b53e01c29d922641a05f8ea368929edaaec757","href":"https://static.observableusercontent.com/files/8944c36144c0b87dc0b394cc0932ca95b5200664fdd99fffafb3e34bc306eba2292f2ff402aa038c6cffb121e3b53e01c29d922641a05f8ea368929edaaec757","name":"winnerGraphic.txt","type":"text/plain","lastModified":1714430295401.884,"size":560598},{"id":"481d214b29fe21dc1f4d4af92b4e0cbca1f683906a490c4b3593163ab1e597a409dd8c3ca988b32a3a554d7b7568c0641b1bed18e733e6ff8953f1a21aba5366","href":"https://static.observableusercontent.com/files/481d214b29fe21dc1f4d4af92b4e0cbca1f683906a490c4b3593163ab1e597a409dd8c3ca988b32a3a554d7b7568c0641b1bed18e733e6ff8953f1a21aba5366","name":"basesatisfaction@6.txt","type":"text/plain","lastModified":1714531262535.345,"size":267665},{"id":"3783e351ba3078efe80da8e62d8659113a1bc015ff07a31d02fb4cce6f3f1ab177a2bd050704d9597751b15c7fe98427072535eb1f361849e5d61fb2fb66fbfb","href":"https://static.observableusercontent.com/files/3783e351ba3078efe80da8e62d8659113a1bc015ff07a31d02fb4cce6f3f1ab177a2bd050704d9597751b15c7fe98427072535eb1f361849e5d61fb2fb66fbfb","name":"madface@1.txt","type":"text/plain","lastModified":1714530526623.825,"size":590},{"id":"1fce72e8fb106ca7ee8c016a64d67b5eb4560f8142e10c2d67b65a417939a65490121b628ba8a39be2d817e2db6d143fa59ba2d3a2da691b7a7dc8541f48d8d2","href":"https://static.observableusercontent.com/files/1fce72e8fb106ca7ee8c016a64d67b5eb4560f8142e10c2d67b65a417939a65490121b628ba8a39be2d817e2db6d143fa59ba2d3a2da691b7a7dc8541f48d8d2","name":"rail icon@1.txt","type":"text/plain","lastModified":1714521181385.388,"size":389304},{"id":"1f1519f0556043a77b08f9e96c82ce0762271e43b9b890cfc6106db6d64b00a30a4611971dd8939aa6c6f307068344d7d3da5f650eaa05afeaefe42d22684150","href":"https://static.observableusercontent.com/files/1f1519f0556043a77b08f9e96c82ce0762271e43b9b890cfc6106db6d64b00a30a4611971dd8939aa6c6f307068344d7d3da5f650eaa05afeaefe42d22684150","name":"bulleticon@1.txt","type":"text/plain","lastModified":1714521165221.24,"size":40841},{"id":"6c22d3fa83a1cceed95d3d3916d86d306f45a3fc293698db7c15776734722feaf520453f7fcd897713be41850b6271a139fc52c668476ec05de1bf850f72bdb2","href":"https://static.observableusercontent.com/files/6c22d3fa83a1cceed95d3d3916d86d306f45a3fc293698db7c15776734722feaf520453f7fcd897713be41850b6271a139fc52c668476ec05de1bf850f72bdb2","name":"youarehereicon@2.txt","type":"text/plain","lastModified":1714510173229.792,"size":26424},{"id":"8c0950440587f9dffa7e9b2246fd0f45b9a093fed519c953fd84543e214fae1ea5eb74defcdcad4872f738b55b25c199e9bec9b254a52cca784ceb6f7237775d","href":"https://static.observableusercontent.com/files/8c0950440587f9dffa7e9b2246fd0f45b9a093fed519c953fd84543e214fae1ea5eb74defcdcad4872f738b55b25c199e9bec9b254a52cca784ceb6f7237775d","name":"loserGraphic.txt","type":"text/plain","lastModified":1714430289545.889,"size":896951},{"id":"aec7263972de4aff9a07c85db31398612a42458d9fbb7c8eb5d90e1df6dfc3044f7533ea0ade1e373a4dfd11af322e69228b785ad8f7a1a7d032f51f11422921","href":"https://static.observableusercontent.com/files/aec7263972de4aff9a07c85db31398612a42458d9fbb7c8eb5d90e1df6dfc3044f7533ea0ade1e373a4dfd11af322e69228b785ad8f7a1a7d032f51f11422921","name":"vend_whitebg.txt","type":"text/plain","lastModified":1714414871660.51,"size":18716},{"id":"2a3b3897f6d91a66735b060817d6c95a4d81c6d70babff8206413c0fbacce9800a624409d5ff35f86f2a6cc0599405cadf5f031cc15ffc76fdebc76dc67979e3","href":"https://static.observableusercontent.com/files/2a3b3897f6d91a66735b060817d6c95a4d81c6d70babff8206413c0fbacce9800a624409d5ff35f86f2a6cc0599405cadf5f031cc15ffc76fdebc76dc67979e3","name":"reset_bg.txt","type":"text/plain","lastModified":1714412181268.045,"size":19636}] 2c:{"id":"ce0ef85ad9cad614","slug":null,"title":"Ticket to Ride - Japan - FINAL","thumbnail":"3401b70716cdd6adef81823de3f8b2f79c3e4a267624cc0086f22d17c8b4b6d4","access_level":"public","create_time":"$D2024-04-29T17:36:21.268Z","update_time":"$D2025-06-01T18:46:31.788Z","view_time":null,"first_public_time":"$D2024-05-01T21:44:13.170Z","fork":{"id":"7d9409902a3d85e7","slug":null,"title":"Ticket to Ride - Japan","owner":{"id":"acc445358bddb9bd","login":"victoria-webb-ws","name":"Victoria Webb's Workspace"}},"stars":0,"starred":false,"owner":{"type":"team","id":"acc445358bddb9bd","login":"victoria-webb-ws","name":"Victoria Webb's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/bd1f49bb642946e3e8d1e6ee2b845fa9034db35eb070da2262610f81776cf362","tier":"starter_2024"},"version":2174,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"df84799035553ff3","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":null}],"members":[{"type":"individual","id":"df84799035553ff3","login":"fleeth","name":"Fleet Hower","avatar_url":"https://avatars-next.observableusercontent.com/bac6c76c1e7bcb5ac4be02b2a91e9bee64ecbb953fb1e9d52d6563dcb78eefca","tier":null,"role":"editor"},{"type":"team","id":"acc445358bddb9bd","login":"victoria-webb-ws","name":"Victoria Webb's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/bd1f49bb642946e3e8d1e6ee2b845fa9034db35eb070da2262610f81776cf362","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":"Ticket to Ride - Japan - FINAL","cells":[{"id":11,"value":"# Ticket to Ride - Japan - FINAL","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":16,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":887,"value":"mutable wallet222= 20","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1398,"value":"mutable customerSatisfaction= 10","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1832,"value":"mutable correctAnswer= 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":828,"value":"mutable clickID = 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":838,"value":"startmoney= 150","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":994,"value":"border11 = FileAttachment(\"border@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1035,"value":"$2e","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1998,"value":"greatlevel = FileAttachment(\"greatlevel.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1990,"value":"badlevel = FileAttachment(\"badlevel.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1991,"value":"baseface1 = FileAttachment(\"baseface.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1992,"value":"baselever = FileAttachment(\"baselever.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1723,"value":"baseface = FileAttachment(\"baseface@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1724,"value":"happyface = FileAttachment(\"happyface@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1725,"value":"madface = FileAttachment(\"madface@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1693,"value":"moneyicon = FileAttachment(\"moneyicon.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1598,"value":"youarehereicon1 = FileAttachment(\"youarehereicon@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1590,"value":"moneyIcon1 = FileAttachment(\"money icon@17.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1558,"value":"playerIcon ={\n\n const width = 80,\n height = 50;\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [-40, -30, width, height]);\n\n var p = svg.selectAll(\"polyline\")\n .data(youarehereicon1)\n .enter() //there are more data than elements, this selects them\n .append(\"polyline\")\n .attr('points',function(d){return d})\n .style('fill','black')\n\n return svg.node();\n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1565,"value":"basesatisfaction = FileAttachment(\"basesatisfaction@6.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1567,"value":"bulleticon = FileAttachment(\"bulleticon@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1568,"value":"highsatisfaction = FileAttachment(\"highsatisfaction.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1569,"value":"lowsatisfaction = FileAttachment(\"lowsatisfaction.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1571,"value":"railIcon = FileAttachment(\"rail icon@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1572,"value":"youarehereicon = FileAttachment(\"youarehereicon.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1504,"value":"losergraphic = FileAttachment(\"loserGraphic.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1506,"value":"winnergraphic = FileAttachment(\"winnerGraphic.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1433,"value":"vend_whitebg = FileAttachment(\"vend_whitebg.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1302,"value":"start_button_bg = FileAttachment(\"start_button_bg@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1252,"value":"reset_lns = FileAttachment(\"reset_lns.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1254,"value":"resetClick = FileAttachment(\"reset_bg.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1238,"value":"vendingClicks = FileAttachment(\"vending machine clicks3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1244,"value":"vendingLines = {\n\n var list = []\n \n for (let i = 0; i < vendingClicks.length; i=i+2) {\n \n list.push({geo:vendingClicks[i],id:Number(vendingClicks[i+1])})\n \n }\nreturn list \n \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1230,"value":"vend_bg_lns = FileAttachment(\"vend_bg_lns@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1219,"value":"vendingMachineOutlines = FileAttachment(\"vending_macLines@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1223,"value":"bg_vending_color = FileAttachment(\"bg_vending_color.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1084,"value":"bg_dashboard = FileAttachment(\"bg_dashboard.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1034,"value":"Plot.plot({\n marks: [\n Plot.auto(border11, {})\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":995,"value":"resetButton1 = FileAttachment(\"reset button@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":996,"value":"startButton3 = FileAttachment(\"start button@3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":997,"value":"twm1 = FileAttachment(\"twm@1.txt\").text()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1017,"value":"btm_circs = FileAttachment(\"btm_circs.txt\").text()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":864,"value":"/*thereWillBeLineWorkEventually = {\n\n var list = lines \n \n var spreadsheet = trainPRices \n \n var cleanLines = []\n \n for (let i = 0; i < list.length-1; i=i+2) {\n var id = list[i+1][0]\n var idNum = String(id) //use this line if your ids are words\n //idNum = Number(id) use this line if your ids are numbers\n\n //spreadsheet variables\n var Name\n var trainFare\n var cabFare\n var Walk\n \n \n //looping through spreadsheet\n for (let k = 0; k < spreadsheet.length;k++) {\n if(idNum==spreadsheet[k].Name){\n console.log(\"match!!!!!!\")\n Name=spreadsheet[k].Name\n trainFare=spreadsheet[k].trainFare\n cabFare=spreadsheet[k].cabFare\n Walk=spreadsheet[k].Walk\n\n \n }\n } \n //tying spreadsheet data to var\n cleanLines.push({pts:list[i], Name:Name, trainFare:trainFare, cabFare:cabFare, Walk:Walk})//add features to our final list of objects\n \n }\n\n\nreturn cleanLines\n}*/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":721,"value":"//NOW IS\ntrain_list = {\n var list = []; // Create an empty list\n\n // Loop through the array of train prices\n for (let i = 0; i < trainPrices.length; i++) {\n // Check the transportType and decide which icon to use\n var icon = trainPrices[i].transportType === 'japanRail' ? railIcon : bulleticon;\n // Add the train data with the appropriate icon to the list\n list.push({\n data: trainPrices[i],\n pts: icon\n });\n }\n\n // Return the list with combined data and icons\n return list;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":253,"value":"vend_list = {\n\n ///create empty list\n var list = []\n\n//loop through rhino vending lines\n for (let v = 0; v < vendingClicks.length; v=v+2) {\n ///loop through google sheets list\n for (let i = 0; i < vendPrices.length; i++) {\n \n \n if(Number(vendingClicks[v+1])==vendPrices[i].indexID){\n\n list.push({data:vendPrices[i],pts:vendingClicks[v]})\n\n \n }\n \n }\n \n\n //function to add item to a list\n \n } \n \n //add icon points to each google sheet item\n ////addd combined data to empty list\n\n\n //return new list\n return list\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":106,"value":"jpBboxSm = FileAttachment(\"JP bbox sm.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":714,"value":"train_icon = FileAttachment(\"train_icon3@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":768,"value":"startButton = FileAttachment(\"start button@2.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":609,"value":"yinyang = FileAttachment(\"yinyang_lg@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":101,"value":"jpRail = FileAttachment(\"jp rail.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1019,"value":"sbs_lines = FileAttachment(\"sbs_lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":698,"value":"sbs_line_1 = FileAttachment(\"sbs_line_1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":699,"value":"sbs_line_2 = FileAttachment(\"sbs_line_2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":97,"value":"jpRoads = FileAttachment(\"jp roads.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":94,"value":"outline = FileAttachment(\"jp coastline 2.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":49,"value":"subSts = FileAttachment(\"sbs_stations.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":37,"value":"bldgs = FileAttachment(\"bldgs.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":34,"value":"bbox = FileAttachment(\"start button@1.txt\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":30,"value":"subLns = FileAttachment(\"subway_lines.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":92,"value":"jpBbox = FileAttachment(\"JP bbox.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1278,"value":"vendingPrices_list = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vTfD7shp-toV4RzZ_GvIf0fwuRMCFtrwwcws3ISI1GXHWTv91NpNgUyg0FMfb7FC7BP3S1HJU4iPq6A/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1293,"value":"vendPrices= d3.csv(vendingPrices_list,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":830,"value":"trainPrices_link = \"https://docs.google.com/spreadsheets/d/e/2PACX-1vQp-GX3-4p9F8r6f7WAlikT7YNKkyCbgjoUOIXXGcyIv9IpAMpBnGsDLY7aWdSrQggz-4eb9rpPTOqg/pub?output=csv\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":832,"value":"trainPrices= d3.csv(trainPrices_link,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":109,"value":"spots_link = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQMcrgGRcOEhX10HqQdfRhR3At8QhoTn7Xomq_CG8CjEV31x_y_pQlme-H5NDyF09KjVj34ChvnuOow/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":111,"value":"spots = d3.csv(spots_link,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":724,"value":"stations_link = 'https://docs.google.com/spreadsheets/d/e/2PACX-1vRwDH59vQ1I9Zmq75zPYsFeUxcc7kUZWICOQb-G0SU0dn0CF6qXaHMvwexeYBx7CA7BHRlUAkr6AIKm/pub?output=csv'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":726,"value":"stations = d3.csv(stations_link,d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":148,"value":"import { wrap_text, wrap_text_nchar } from \"@ben-tanen/svg-text-and-tspan-word-wrapping\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":297,"value":"julee = ","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":673,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":670,"value":"GFontToDataURI(\n // \"https://fonts.googleapis.com/css2?family=Julee&display=swap\"\n \"https://fonts.googleapis.com/css2?family=Julee&display=swap\"\n )\n .then((cssRules) => {\n let fontRules = cssRules.join(\"\\n\");\n svg\n .append(\"defs\")\n .append(\"style\")\n .attr(\"type\", \"text/css\")\n .text(fontRules);\n console.log(\"Added Font\");\n })\n .catch((reason) => console.log(reason));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":569,"value":"patrickHand = \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":578,"value":"comic neau = \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":736,"value":"pixelify = \n\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined"},{"id":397,"value":"test_dash = FileAttachment(\"test_dash@1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":504,"value":"border1 = FileAttachment(\"dashboard-border1.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1296,"value":"vending_click = FileAttachment(\"vending_click_3.txt\").tsv({array:true})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2d:"$2c:body"