30:T5ed,plot_stats = { const svg = d3 .create("svg") .attr("width", width) .attr("height", height); const path = svg.append("path"); const gx = svg.append("g"); const gy = svg.append("g"); function update() { var x = d3 .scaleLinear() .domain([0, d3.max(grid_stats, d => d.timestamp)]) .range([margin.left, width - margin.right]); var y = d3 .scaleLinear() .domain([0, d3.max(grid_stats, d => d.perc_coop)]) .range([height - margin.bottom, margin.top]); const xAxis = (g, scale = x) => g.attr("transform", `translate(0,${height - margin.bottom})`).call( d3 .axisBottom(scale) .ticks(width / 80) .tickSizeOuter(0) ); const yAxis = (g, scale = y) => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(scale).ticks(height / 40)) .call(g => g.select(".domain").remove()); const line = d3 .line() .x(d => x(d.timestamp)) .y(d => y(d.perc_coop)); path .attr("fill", "none") .attr("stroke", "steelblue") .attr("stroke-width", 1.5) .attr("stroke-miterlimit", 1) .attr("d", line(grid_stats)); svg .append('g') .append('text') .attr('x', width / 2) .attr('y', 100) .text('% cooperators'); gx.call(xAxis, x); gy.call(yAxis, y); } while (true) { get_stats(grid, grid_stats); update(); yield svg.node(); await Promises.tick(5000); } }31:T501,{ const svg = d3.create("svg").attr("width", width).attr("height", height); const scatter = svg.append("g"); const gx = svg.append("g"); const gy = svg.append("g"); function update() { var x = d3 .scaleLog() .domain([0.0001, 1]) .range([margin.left, width - margin.right]); var y = d3 .scaleLinear() .domain([0, 2]) .range([height - margin.bottom, margin.top]); const xAxis = (g, scale = x) => g.attr("transform", `translate(0,${height - margin.bottom})`).call( d3 .axisBottom(scale) .ticks(width / 80) .tickSizeOuter(0) ); const yAxis = (g, scale = y) => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(scale).ticks(height / 40)) .call((g) => g.select(".domain").remove()); scatter .selectAll("circle") .data(experiments) .join("circle") .attr("fill", (d) => colorScale(d.stats[0].perc_coop)) .attr("cx", (d) => x(d.initial_defectors)) .attr("cy", (d) => y(d.T_score)) .attr("r", 10); gx.call(xAxis, x); gy.call(yAxis, y); } //while (true) { // get_stats(grid, grid_stats); update(); yield svg.node(); // await Promises.tick(5000); // } }32:[] 2e:{"title":"egoism","cells":[{"id":0,"value":"md`# egoism\nI reproduced the model described in [this article](https://www.nature.com/articles/359826a0): a [prisoner's dilemma](https://en.wikipedia.org/wiki/Prisoner%27s_dilemma) ruleset is applied in a spatial setup, where the grid is made of agents that are born as *cooperators* or *defectors*. The most successful ones \"reproduce\", creating a dynamic ecosystem of behaviors.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"plot_sim = {\n const svg = d3.create(\"svg\").attr(\"width\", width).attr(\"height\", width);\n\n var squares = svg.append(\"g\");\n\n function update() {\n var sq_w = width / N;\n var sq_h = width / M;\n\n make_grid_step(grid, scores_main);\n\n squares\n .selectAll(\"rect\")\n .data(grid)\n .join(\"rect\")\n .attr(\"x\", (d, i) => d.x * sq_w)\n .attr(\"y\", (d, i) => d.y * sq_h)\n .attr(\"height\", sq_h)\n .attr(\"width\", sq_w)\n .attr(\"fill\", (d) => d.color);\n }\n while (true) {\n update();\n yield svg.node();\n await Promises.tick(500);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1020,"value":"md`\nInteresting regimes:\n- \"islands\" of cooperation: 1.75${Object.assign(\n html`