2f:T57a,${loops.map((l) => { const {color, top, right, bottom, left} = l; const offset = calc_offsets(l); return htl.html``; })} 30:[] 2d:{"title":"looped square generative grid","cells":[{"id":0,"value":"# looped square generative grid","pinned":false,"hidden":false,"mode":"md"},{"id":75,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"colors = d3.scaleLinear().domain([0, 1]).range([\"MediumSlateBlue\", \"DarkTurquoise\"])","pinned":true,"hidden":false,"mode":"ojs"},{"id":44,"value":"random2 = d3.randomLogistic(2, 1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":49,"value":"random4 = d3.randomLogistic(4, 1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":13,"value":"deviation = 0.5","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"loops = d3.range(10 * 10).map((i) => ({\n color: colors(d3.randomIrwinHall(1)()),\n top: random2(),\n right: random4(),\n bottom: random4(),\n left: random2(),\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":64,"value":"calc_offsets = (values) => (side) => {\n switch (side) {\n case 'top':\n case 'left':\n return values[side] / 2;\n case 'bottom':\n case 'right':\n return 6 - ((6 - values[side]) / 2);\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"$2f","pinned":false,"hidden":false,"mode":"html"}],"files":"$W30","stdlib":"1","titling":"auto"}