2a:T586,sim_genotypes = { //set figure dimensions let height = 250; //load data const nodes = data.map(d => Object.create(d)); //run simulation const simulation = d3 .forceSimulation(nodes) .alphaTarget(0) // stay hot .velocityDecay(0.75) // low friction // .force("charge", d3.forceManyBody()) .force("center", d3.forceCenter(width / 2, height / 2)) //.force("x", d3.forceX().strength(-0.05)) //.force("y", d3.forceY().strength(0.5)) .force( "collide", d3 .forceCollide() .radius(d => 20 + 2) .iterations(3) ); //display simulation const svg = d3.create("svg").attr("viewBox", [20, 0, width, height]); //shift to hide nodes at 0,0 const node = svg .append("g") .selectAll(".node") .data(nodes) .join("g") .attr('class', 'node'); node .append('circle') .attr("r", 20) .attr("fill", d => d.genotype_color); if (input2.r2 == "show") { node .append("text") .text(function(d) { return d.genotype; }) .style('fill', '#000000') .style('font-size', '16px') .style('font-family', 'Helvetica') .attr("text-anchor", "middle") //.attr('x', -10) .attr('y', 5); } simulation.on("tick", () => { node.attr("transform", d => `translate(${d.x}, ${d.y})`); }); invalidation.then(() => simulation.stop()); return svg.node(); }2b:T7ff,data = d3.range(200).map(() => { //set allele depending on p// let rU = d3.randomUniform(0, 100); const palette = d3.interpolateYlGn; const color = d3.scaleLinear().range([0,1]).domain([-1,1]); if (rU() < input2.s1) { var allele = "A"; var a_color = "#EAE6CA"; }else { var allele = "a"; var a_color = "#71879a"; } //set genotype depending on p let p = input2.s2; // controlled by slider 1 let q = 10 - p; let p_sq = p*p; let q_sq = q*q; var colorBee = d3.scaleOrdinal(d3.schemePaired) var colorBee2 = d3.scaleOrdinal(d3.schemePastel1) if (0 == p_sq) { var genotype = "AA"; var g_color = "#FFFFF0"; // unfertilized white eggs } else if (1 == p_sq) { genotype = "BB"; g_color = "#fae755" ; } else if (2 == p_sq) { genotype = "CC"; g_color = "#EAE6CA"; }else if (rU() < 9) { genotype = "DD"; g_color = colorBee(Math.floor(Math.random()*10 + 3)); }else if (rU() < 16) { genotype = "EE"; g_color = colorBee(Math.floor(Math.random()*10 + 3)); }else if (rU() < 25) { genotype = "FF"; g_color = colorBee(Math.floor(Math.random()*10 + 3)); }else if (rU() < 36) { genotype = "GG"; g_color = colorBee(Math.floor(Math.random()*10 + 3)); }else if (rU() < 49) { genotype = "HH"; g_color = colorBee(Math.floor(Math.random()*10 + 3)); }else if (rU() < 64) { genotype = "II"; g_color = colorBee2(Math.floor(Math.random()*10 + 3)); }else if (rU() < 81) { genotype = "JJ"; g_color = colorBee2(Math.floor(Math.random()*10 + 3)); } else if (rU() < 100) { genotype = "KK"; g_color = colorBee2(Math.floor(Math.random()*10 + 3)); } //set radius for sperm and eggs// let rI = d3.randomInt(1, 3); let r = rI() * 18 - 10; //set initial postion let x = Math.random() * width; let y = 0; //set values for each point let point = { allele: allele, allele_color: a_color, genotype: genotype, genotype_color: g_color, x: x, y: y, r: r }; return point; })2c:[] 29:{"title":"","cells":[{"id":1991,"value":"md`# Queen's eggs`","pinned":true,"hidden":false,"mode":"ojs"},{"id":1564,"value":"viewof input2 = columns({\n s2: slider({\n title: \" (Queen's eggs get more diverse)\",\n max: 10,\n step: 1,\n value: 0.5\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1471,"value":"$2a","pinned":false,"hidden":false,"mode":"ojs"},{"id":1848,"value":" ramp(d3.interpolateYlGn)","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"md`----------\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1946,"value":" g_color = colorBee(Math.floor(Math.random()*10));","pinned":true,"hidden":false,"mode":"ojs"},{"id":1935,"value":" colorBee2(Math.floor(Math.random()*10 + 3));","pinned":true,"hidden":false,"mode":"ojs"},{"id":1865,"value":"Math.floor(Math.random() + 20)","pinned":true,"hidden":false,"mode":"ojs"},{"id":31,"value":"d3 = require(\"d3@6\");","pinned":false,"hidden":false,"mode":"ojs"},{"id":1413,"value":"$2b","pinned":true,"hidden":false,"mode":"ojs"},{"id":1156,"value":"//frequencies = md`

***A:***\n//${tex`p = ${d3.format(\".2f\")(input2.s2)}, q = ${d3.format(\".2f\")(\n// 1 - input2.s2\n//)}`}\n//***G:***\n//${tex`p^2 = ${d3.format(\".3f\")(input2.s2 * input2.s2)}, 2pq = ${d3.format(\n// \".3f\"\n//)(2 * input2.s2 * (1 - input2.s2))}, q^2 = ${d3.format(\".3f\")(\n// (1 - input2.s2) * (1 - input2.s2)\n//)}`}

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":1649,"value":"freqs = d3.range(0, 1.0001, 0.01).map(i => ({\n p: d3.format(\".2f\")(i),\n q: d3.format(\".2f\")(1 - i),\n psq: d3.format(\".3f\")(i ** 2),\n psq: d3.format(\".3f\")((1 - i) ** 2),\n twopq: d3.format(\".3f\")(i * (1 - i) * 2)\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":1660,"value":"import { chart } from \"@joshdata/simple-line-chart\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1545,"value":"DOM.download(new Blob([d3.csvFormat(data)], { type: \"text/csv\" }), \"test.csv\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":407,"value":"text6 = md`## Notes`\n//viewof s1 = {\n// const s1 = slider({\n// title: \"p<\\i> (The Frequency of the A allele in the population)\",\n// max: 1,\n// step: .01,\n// value: 0.5\n// });\n// s1.input.style.width = \"61.8%\";\n// return s1;\n//}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1562,"value":"import { columns } from \"@bcardiff/observable-columns\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"import { slider, radio, checkbox } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1844,"value":"function ramp(color, n = 512) {\n const canvas = DOM.canvas(n, 1);\n const context = canvas.getContext(\"2d\");\n canvas.style.margin = \"0 -14px\";\n canvas.style.width = \"calc(100% + 28px)\";\n canvas.style.height = \"40px\";\n canvas.style.imageRendering = \"pixelated\";\n for (let i = 0; i < n; ++i) {\n context.fillStyle = color(i / (n - 1));\n context.fillRect(i, 0, 1, 1);\n }\n return canvas;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1855,"value":"import {legend} from \"@d3/color-legend\"","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W2c","stdlib":"1","titling":"auto"}