2f:T562,plotData2 = function () { let d = data(); let e = []; let nextRow = false; let s = { soldier: true, soldier_1m: false, soldier_12m: false }; // Placing the text fields for (let y = 0; y < 300; y++) { for (let x = 0; x < width / xFac; x++) { let blocked = false; textfields.forEach((tf) => { if ( x * xFac >= tf[0] - padding && x * xFac <= tf[0] + tf[2] + padding && y * yFac >= tf[1] - padding && y * yFac <= tf[1] + tf[3] + padding ) { blocked = true; } }); if (blocked) { continue; } let debug = true; s.soldier = d.soldier.length > 0; s.soldier_1m = !s.soldier && d.soldier_1m.length > 0; s.soldier_12m = !s.soldier && !s.soldier_1m && d.soldier_12m.length > 0; if (d.soldier.length == 1) { nextRow = true; } else if (d.soldier_1m.length == 1) { nextRow = true; } else { nextRow = false; } if (s.soldier) { e.push({ ...d.soldier.pop(), x: x, y: y }); } else if (s.soldier_1m) { e.push({ ...d.soldier_1m.pop(), x: x, y: y }); } else if (s.soldier_12m) { e.push({ ...d.soldier_12m.pop(), x: x, y: y }); } if (nextRow) { y = y + 2; x = 0; } } } console.log(d); return e; }30:T63e,soldier = ` `31:T6a8,soldier_lost = ` ` 32:T6a7,soldier_12m = ` `33:[] 2d:{"title":"205 MRB Strikethrough Map","cells":[{"id":0,"value":"# 205 MRB Strikethrough Map","pinned":false,"hidden":false,"mode":"md"},{"id":602,"value":"zoomFac = 0.75","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"height = 900","pinned":true,"hidden":false,"mode":"ojs"},{"id":33,"value":"width = 344","pinned":true,"hidden":false,"mode":"ojs"},{"id":598,"value":"xFac = 10 * zoomFac","pinned":true,"hidden":false,"mode":"ojs"},{"id":600,"value":"yFac = 20 * zoomFac","pinned":true,"hidden":false,"mode":"ojs"},{"id":777,"value":"padding = 10","pinned":true,"hidden":false,"mode":"ojs"},{"id":780,"value":"textfields_cw = [\n [-1.4210854715202004e-14, 0, 630, 23],\n [0, 400, 630, 24],\n [0, 530, 630, 45]\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":675,"value":"textfields = []","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":401,"value":"draw()","pinned":true,"hidden":false,"mode":"ojs"},{"id":502,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":121,"value":"draw = function () {\n let canvas = d3.select(\"#canvas\");\n let _d = plotData2();\n canvas.selectAll(\".figure\").remove();\n\n canvas\n .selectAll(\".figure\")\n .data(_d)\n .enter()\n .append(\"g\")\n .attr(\"class\", \"figure\")\n .attr(\n \"transform\",\n (d) =>\n `translate(${d.x * xFac + (Math.random() - 0.5) * 3 * zoomFac}, ${\n d.y * yFac\n }) scale(${zoomFac})`\n )\n .html((d) => {\n switch (d.type) {\n case \"soldier\":\n return soldier;\n case \"soldier_1m\":\n return soldier_lost;\n case \"soldier_12m\":\n return soldier_lost;\n }\n });\n\n canvas.selectAll(\"path\").attr(\"fill\", (d) =>\n chroma(\"#93836C\")\n .darken(Math.random() * 1.5)\n .brighten(Math.random() * 1.5)\n .hex()\n );\n\n return _d;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":550,"value":"plotData2()","pinned":true,"hidden":false,"mode":"ojs"},{"id":313,"value":"// Generates an object for each soldier and tank\ndata = function () {\n let _d = { soldier: 1773, soldier_1m: 397, soldier_12m: 780 };\n for (let [k, v] of Object.entries(_d)) {\n _d[k] = Array.from(Array(v)).map((d) => ({\n type: k\n }));\n }\n return _d;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":719,"value":"data()","pinned":true,"hidden":false,"mode":"ojs"},{"id":722,"value":"$30","pinned":true,"hidden":false,"mode":"ojs"},{"id":724,"value":"$31","pinned":true,"hidden":false,"mode":"ojs"},{"id":738,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":167,"value":"chroma = require(\"chroma-js\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}