31:T1084,function step() { //iterate through the cells to determine if each should live or die for (let i = 0; i < data.length; i++) { //clarifying variable let currentCell = data[i]; let neighborSum = 0; if (currentCell.row == 0 && currentCell.column == 0) { neighborSum = data[currentCell.b].alive + data[currentCell.r].alive + data[currentCell.br].alive; } else if (currentCell.row == 0 && currentCell.column == colRow - 1) { neighborSum = data[currentCell.b].alive + data[currentCell.l].alive + data[currentCell.bl].alive; } else if (currentCell.row == colRow - 1 && currentCell.column == 0) { neighborSum = data[currentCell.t].alive + data[currentCell.r].alive + data[currentCell.tr].alive; } else if (currentCell.row == colRow - 1 && currentCell.column == colRow - 1) { neighborSum = data[currentCell.t].alive + data[currentCell.l].alive + data[currentCell.tl].alive; } //check if this cell is on the top edge else if (currentCell.row == 0) { //edge cells have 5 neighbors neighborSum = data[currentCell.b].alive + data[currentCell.l].alive + data[currentCell.r].alive + data[currentCell.br].alive + data[currentCell.bl].alive; } //check if this cell is on the bottom edge else if (currentCell.row == colRow - 1) { neighborSum = data[currentCell.t].alive + data[currentCell.l].alive + data[currentCell.r].alive + data[currentCell.tr].alive + data[currentCell.tl].alive; } //check if this cell is on the left-hand edge else if (currentCell.column == 0) { neighborSum = data[currentCell.t].alive + data[currentCell.b].alive + data[currentCell.r].alive + data[currentCell.tr].alive + data[currentCell.br].alive; } //check if this cell is on the right-hand edge else if (currentCell.column == colRow - 1) { neighborSum = data[currentCell.t].alive + data[currentCell.b].alive + data[currentCell.l].alive + data[currentCell.tl].alive + data[currentCell.bl].alive; } //if all the checks above fail, this cell is an interior cell else { //interior cells have 8 neighbors neighborSum = data[currentCell.t].alive + data[currentCell.b].alive + data[currentCell.l].alive + data[currentCell.r].alive + data[currentCell.tr].alive + data[currentCell.tl].alive + data[currentCell.br].alive + data[currentCell.bl].alive; } /*RULES OF THE GAME AV - if neighbor cell wait=0 : die & neighbor cell alive & wait++ if neighbor cell wait>0 : alive & wait++ if cell wait>0 : wait-- nonAV - if neighbor cell wait=0 : die & neighbor cell alive & mathrandom wait value if cell wait>0 : wait-- if neighbor cell wait>0 : alive & all neighbor cells wait++ */ // is the cell dead? if (currentCell.alive == 0) { //the cell is dead if (neighborSum == 3) { //if the cell is dead with three live neighbors, become alive currentCell.survive = 1; } else { //otherwise stay dead currentCell.survive = 0; } } else { //the cell is alive... if (neighborSum == 2 || neighborSum == 3) { //the living cell has 2 or 3 live neighbors, so it survives currentCell.survive = 1; } else { //the cell dies currentCell.survive = 0; } } } //replace the alive property with survive //this seems unnecessary, right? why not just update alive directly above? for (let i = 0; i < data.length; i++) { let currentCell = data[i]; currentCell.alive = currentCell.survive; } //update the visualization with a data join d3.select('#mainSvg') .selectAll('.automaton') .data(data) .transition() .duration(25) .delay((d, i) => i / 10) .attr('fill', function(d) { if (d.alive == 1) { return 'black'; } else { return 'white'; } }); }32:Tfa2,function move() { //iterate through the cells to determine if each should live or die for (let i = 0; i < data.length; i++) { //clarifying variable let currentCell = data[i]; let neighborSum = 0; if (currentCell.row == 0 && currentCell.column == 0) { neighborSum = data[currentCell.b].alive + data[currentCell.r].alive + data[currentCell.br].alive; } else if (currentCell.row == 0 && currentCell.column == colRow - 1) { neighborSum = data[currentCell.b].alive + data[currentCell.l].alive + data[currentCell.bl].alive; } else if (currentCell.row == colRow - 1 && currentCell.column == 0) { neighborSum = data[currentCell.t].alive + data[currentCell.r].alive + data[currentCell.tr].alive; } else if (currentCell.row == colRow - 1 && currentCell.column == colRow - 1) { neighborSum = data[currentCell.t].alive + data[currentCell.l].alive + data[currentCell.tl].alive; } //check if this cell is on the top edge else if (currentCell.row == 0) { //edge cells have 5 neighbors neighborSum = data[currentCell.b].alive + data[currentCell.l].alive + data[currentCell.r].alive + data[currentCell.br].alive + data[currentCell.bl].alive; } //check if this cell is on the bottom edge else if (currentCell.row == colRow - 1) { neighborSum = data[currentCell.t].alive + data[currentCell.l].alive + data[currentCell.r].alive + data[currentCell.tr].alive + data[currentCell.tl].alive; } //check if this cell is on the left-hand edge else if (currentCell.column == 0) { neighborSum = data[currentCell.t].alive + data[currentCell.b].alive + data[currentCell.r].alive + data[currentCell.tr].alive + data[currentCell.br].alive; } //check if this cell is on the right-hand edge else if (currentCell.column == colRow - 1) { neighborSum = data[currentCell.t].alive + data[currentCell.b].alive + data[currentCell.l].alive + data[currentCell.tl].alive + data[currentCell.bl].alive; } //if all the checks above fail, this cell is an interior cell else { //interior cells have 8 neighbors neighborSum = data[currentCell.t].alive + data[currentCell.b].alive + data[currentCell.l].alive + data[currentCell.r].alive + data[currentCell.tr].alive + data[currentCell.tl].alive + data[currentCell.br].alive + data[currentCell.bl].alive; } /*RULES OF THE GAME AV - if neighbor cell wait=0 : die & neighbor cell alive & wait++ if neighbor cell wait>0 : alive & wait++ if cell wait>0 : wait-- nonAV - if neighbor cell wait=0 : die & neighbor cell alive & mathrandom wait value if cell wait>0 : wait-- if neighbor cell wait>0 : alive & all neighbor cells wait++ */ // is the cell dead? if (currentCell.alive == 0) { currentCell.survive = 1; } else if (currentCell.alive == 2) { if (data[currentCell.r].wait > 0) { currentCell.survive = 1; } } } //replace the alive property with survive //this seems unnecessary, right? why not just update alive directly above? for (let i = 0; i < data.length; i++) { let currentCell = data[i]; currentCell.alive = currentCell.survive; } //update the visualization with a data join d3.select('#mainSvg') .selectAll('.automaton') .data(data) .transition() .duration(25) .delay((d, i) => i / 10) .attr('fill', function(d) { if (d.alive == 0) {return 'black';} else if (d.alive == 1) { return 'white'; } else if (d.alive == 2) { return 'yellow'; } else if (d.alive == 3) { return 'purple'; } else { return 'red'; } }); }33:T4a6,function makeCar(type, aggro) { return { type: type, target: makeRandomFloorInteger(0, 4), row: makeRandomFloorInteger(0, colRow), col: makeRandomFloorInteger(0, colRow), aggressiveness: aggro, lookAround: function() { let neighbors = {}; if (this.col == 0) { neighbors.west = undefined; } else { neighbors.west = data[this.col - 1]; } if (this.col == colRow - 1) { neighbors.east = undefined; } else { neighbors.east = data[this.col + 1]; } if (this.row == 0) { neighbors.north = undefined; } else { neighbors.north = data[this.row - 1]; } if (this.row == colRow - 1) { neighbors.south = undefined; } else { neighbors.south = data[this.row + 1]; } return neighbors; }, findAvailableMoves: function() { let neighbors = this.lookAround(); let options = {}; for (const [keyName, cell] of Object.entries(neighbors)) { if (cell.alive == 1) { options[keyName] = false; } else { options[keyName] = true; } } return options; } }; }34:[] 2f:{"title":"self driving cars in traffic","cells":[{"id":0,"value":"title = md`\n# self driving cars in traffic\n---- \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"viewof traffic = slider({\n min: 0,\n max: 0.1,\n step: 0.01,\n value: 0.07,\n title: \"Traffic Density\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":159,"value":"viewof avRatio = slider({\n min: 0,\n max: 1,\n step: 0.05,\n value: 0.4,\n title: \"Ratio of AV on the road\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"createSVG = {\n \n let width = 600;\n\n let svg = d3\n .create('svg')\n .attr('width', width)\n .attr('height', width) //switch to height later\n .attr('id', 'mainSvg');\n\n let background = svg\n .append('rect')\n .attr('width', width)\n .attr('height', width) //switch to height later\n .attr('x', 0)\n .attr('y', 0)\n .attr('fill', 'black');\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"viewof grid = {\n //create the button\n let button = html``;\n button.onclick = function() \n {\n randomizeCar();\n drawGrid();\n };\n \n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"viewof stepCA = {\n let button = html``;\n button.onclick = function() {\n step();\n };\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"viewof skipCA = {\n let button = html``;\n button.onclick = function() {\n let counter = 0;\n let ticker = d3.interval(elapsed => {\n step();\n counter++;\n if (counter > 10) {\n ticker.stop();\n }\n }, 100);\n };\n return button;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"viewof colRow = slider({\n min: 0,\n max: 70,\n step: 10,\n value: 70,\n title: \"Columns & Rows\",\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"function drawGrid() {\n \n let cellSize = width / colRow;\n\n //destroy any existing grid cells\n d3.select('#mainSvg')\n .selectAll('.automaton')\n .remove();\n\n //create grid based on synthetic dataset\n d3.select('#mainSvg')\n .selectAll('.automaton') //look for something that doesn't exist\n .data(data) //compare it against data\n .enter()\n .append('rect')\n .attr('width', cellSize)\n .attr('height', cellSize)\n .attr('x', function(d) {\n return d.column * cellSize;\n })\n .attr('y', function(d) {\n return d.row * cellSize;\n })\n .attr('fill', function(d) {\n if (d.alive == 0) {return 'black';} \n else if (d.alive == 1) { return 'white'; }\n else if (d.alive == 2) { return 'yellow'; }\n else if (d.alive == 3) { return 'purple'; }\n else { return 'red'; }\n })\n .attr('stroke', 'black')\n .attr('stroke-width', '1')\n \n .attr('class', 'automaton');\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"function randomizeCar() \n{\n let randomRoad = Math.random() * 4;\n \n data.forEach(function(automaton) {\n if (Math.random() < traffic) \n { \n if (Math.random() < avRatio) \n { automaton.alive = 2; } //av or non av\n else { automaton.alive = 3; }\n } \n else\n {\n if (Math.random() < 0.3) \n { automaton.alive = 0; } //road or obstacle\n else { automaton.alive = 1; }\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":334,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"data = {\n let caData = [];\n let colRow = 70;\n\n //loop through rows and columns in two for loops\n for (let i = 0; i < colRow; i++) {\n for (let j = 0; j < colRow; j++) {\n caData.push({\n row: i,\n column: j,\n alive: 0,\n survive: 0,\n s: i * colRow + j,\n t: (i - 1) * colRow + j,\n r: i * colRow + (j + 1),\n l: i * colRow + (j - 1),\n b: (i + 1) * colRow + j,\n tl: (i - 1) * colRow + (j - 1),\n tr: (i - 1) * colRow + (j + 1),\n bl: (i + 1) * colRow + (j - 1),\n br: (i + 1) * colRow + (j + 1),\n wait: 2\n });\n }\n }\n return caData;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":410,"value":"{\n for (let i = 0; i < allCars.avs.length; i++) {\n let thisCar = allCars.avs[i];\n\n let environment = thisCar.lookAround();\n\n if (thisCar.target == 0) {\n if (environment.north.alive == 0) {\n thisCar.row -= 1;\n }\n }\n else{\n// randomMove()\n }\n\n if (thisCar.target == 1) {\n if (environment.east.alive == 0) {\n thisCar.col += 1;\n }\n }\n }\n return allCars;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":406,"value":"allCars.avs[12].lookAround()","pinned":true,"hidden":false,"mode":"ojs"},{"id":446,"value":"allCars.avs[12].findAvailableMoves()","pinned":true,"hidden":false,"mode":"ojs"},{"id":364,"value":"allCars = {\n let myCars = makeCars(20, 40);\n return myCars;\n // return myCars.avs[10].lookCardinal();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":349,"value":"makeCars = function(avCount, nonAVCount) {\n let avs = [];\n for (let i = 0; i < avCount; i++) {\n avs.push(makeCar(\"AV\", .5));\n }\n\n let nonavs = [];\n for (let i = 0; i < avCount; i++) {\n nonavs.push(makeCar(\"nonAV\", Math.random()));\n }\n return { avs: avs, nonavs: nonavs };\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":392,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":356,"value":"makeRandomFloorInteger = function(min, max) {\n return Math.floor(Math.random() * (max - min) + min);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":418,"value":"makeRandomChoice = function(arr) {\n return arr[Math.floor(Math.random() * arr.length)];\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":19,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":75,"value":"import { slider } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}