31:T675,nesthex = { const height = 350 const width = 900 const svg = d3.select(DOM.svg(width, height)); var hexbin = d3.hexbin(); const flowerg = svg.selectAll("g.flowers").data(bees).enter().append("g") .attr("class","flowers") .attr("id",(d,i)=>"flower_"+i) .attr("transform", "translate("+((width/2)-(boxsize/2))+" "+((height/2)-(boxsize/2))+")") flowerg .selectAll("path.hexagon").data(nestData).enter().append("path") .attr("class", "hexagon") .attr("transform", d=> "rotate(90," + beehexLocation(d.data,hexRadius,boxsize) + ") translate(" + beehexLocation(d.data,hexRadius,boxsize) + ")" ) .attr("d", function(d) { return hexbin.hexagon([hexRadius]); }) .style("stroke",(d,i)=>d.stroke) .style("stroke-width", (d,i)=>d.width) .style("fill", (d,i)=>d.colors) .attr("x_class", (d,i)=>-d.data[0]+5) .attr("y_class", (d,i)=>(-d.data[1]+5)) .on("mouseover", function(){ //console.log(d3.select(this).attr("x_class")) if(d3.select(this).style("fill") == "rgb(51, 39, 1)") { svg.append("text") .attr("x", 80*d3.select(this).attr("x_class")) .attr("y", 35*d3.select(this).attr("y_class")) .text("non-viable") .attr("font-size", 10) }else{} d3.select(this).style("stroke-width","5px") .style("opacity","0.7") }) .on("mouseout", function(){ d3.select(this).style("stroke-width","2px") .style("opacity","1") svg.selectAll("text").remove() }) yield svg.node(); }32:[] 2f:{"title":"Make your choice as a drone bee!","cells":[{"id":0,"value":"md`# Make your choice as a drone bee!`","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"md`The drone decides to:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"viewof userchoice = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"{if(userchoice=='stay (A)')\n {return \"You choose to stay in your own colony. You will benefit from the reproductive benefit of your siblings laying more workers.\"}\n else\n { return \"You choose to leave and try to mate with another queen. However, you will die in the moment of mating.\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"viewof image = {\n if(userchoice == \"stay (A)\"){\n return html`

`\n }\n if(userchoice == \"leave (B)\"){\n return html`

`\n }\n \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"viewof button = {\n const form = html`