{"promptText":"Create a clear SVG visualization for \"Fastener Load Draw\". Use the linked Calc tokens below rather than hard-coded values.\n\nSingle-value inputs:\n- None\n\nSingle-value outputs:\n- None\n\nRange inputs (use for datasets/plots):\n- `{calc.Point Load Location}` (A3:B3)\n- `{calc.Point Load}` (A21:B21)\n- `{calc.Fastener Location}` (E3:G14)\n\nRange outputs (use for datasets/plots):\n- `{calc.Fastener Load}` (I21:J32)\nUI table reference: `Point Load Location` from \"Fastener Load Location\" uses `A3:B3` (1 rows x 2 columns).\nColumn indices: X, Y.\n\nPreserve Calc token formatting in displayed labels. Use ranges only where the visualization needs ordered table data.","svgTemplate":"","jsonConfig":{"rawPointLoc":"{calc.Point Load Location}","rawPointLoad":"{calc.Point Load}","rawFastenerLoc":"{calc.Fastener Location}","rawFastenerLoad":"{calc.Fastener Load}","m":"=((calc) => { const num = (v, d = 0) => { const n = Number(v); return isFinite(n) ? n : d; }; const pL = calc['Point Load Location']; let px = 0, py = 0; if (Array.isArray(pL)) { const r = Array.isArray(pL[0]) ? pL[0] : (typeof pL[0] === 'object' && pL[0] !== null ? pL[0] : pL); px = num(Array.isArray(r) ? r[0] : (r.X ?? r[0])); py = num(Array.isArray(r) ? r[1] : (r.Y ?? r[1])); } else if (pL && typeof pL === 'object') { px = num(pL.X ?? calc.A3); py = num(pL.Y ?? calc.B3); } else { px = num(calc.A3); py = num(calc.B3); } const pF = calc['Point Load']; let pfx = 0, pfy = 0; if (Array.isArray(pF)) { const r = Array.isArray(pF[0]) ? pF[0] : (typeof pF[0] === 'object' && pF[0] !== null ? pF[0] : pF); pfx = num(Array.isArray(r) ? r[0] : (r.X ?? r.Fx ?? r[0])); pfy = num(Array.isArray(r) ? r[1] : (r.Y ?? r.Fy ?? r[1])); } else if (pF && typeof pF === 'object') { pfx = num(pF.X ?? pF.Fx ?? calc.A21); pfy = num(pF.Y ?? pF.Fy ?? calc.B21); } else { pfx = num(calc.A21); pfy = num(calc.B21); } const pMag = Math.hypot(pfx, pfy); const fLocs = Array.isArray(calc['Fastener Location']) ? calc['Fastener Location'] : []; const fLoads = Array.isArray(calc['Fastener Load']) ? calc['Fastener Load'] : []; const fList = []; let sumX = 0, sumY = 0, activeCount = 0, maxR = 0, maxIdx = 0; let minX = px, maxX = px, minY = py, maxY = py; for (let i = 0; i < 12; i++) { const r = fLocs[i]; const lr = fLoads[i]; let active = false, x = 0, y = 0, fx = 0, fy = 0, mag = 0; if (r !== undefined && r !== null) { if (Array.isArray(r) && r.length >= 2 && r[0] !== null && r[0] !== '') { active = true; if (isNaN(Number(r[0]))) { x = num(r[1]); y = num(r[2]); } else { x = num(r[0]); y = num(r[1]); } } else if (typeof r === 'object' && (r.X !== undefined || r[0] !== undefined)) { active = true; x = num(r.X ?? r[0]); y = num(r.Y ?? r[1]); } } if (active) { activeCount++; sumX += x; sumY += y; if (x < minX) minX = x; if (x > maxX) maxX = x; if (y < minY) minY = y; if (y > maxY) maxY = y; if (lr !== undefined && lr !== null) { if (Array.isArray(lr)) { fx = num(isNaN(Number(lr[0])) ? lr[1] : lr[0]); fy = num(isNaN(Number(lr[0])) ? lr[2] : lr[1]); } else if (typeof lr === 'object') { fx = num(lr.Fx ?? lr.X ?? lr[0]); fy = num(lr.Fy ?? lr.Y ?? lr[1]); } } mag = Math.hypot(fx, fy); if (mag > maxR) { maxR = mag; maxIdx = i + 1; } } fList.push({ active, x, y, fx, fy, mag }); } const cgX = activeCount > 0 ? (sumX / activeCount) : 0; const cgY = activeCount > 0 ? (sumY / activeCount) : 0; if (0 < minX) minX = 0; if (0 > maxX) maxX = 0; if (0 < minY) minY = 0; if (0 > maxY) maxY = 0; const spanX = Math.max(maxX - minX, 1); const spanY = Math.max(maxY - minY, 1); const midX = (minX + maxX) / 2; const midY = (minY + maxY) / 2; const scale = Math.min(520 / (spanX * 1.5), 440 / (spanY * 1.5)); const toX = (wx) => Math.round(320 + (wx - midX) * scale); const toY = (wy) => Math.round(337 - (wy - midY) * scale); const vecScale = 45 / Math.max(pMag, maxR, 0.001); let pMinX = px, pMaxX = px, pMinY = py, pMaxY = py; for (const f of fList) { if (f.active) { if (f.x < pMinX) pMinX = f.x; if (f.x > pMaxX) pMaxX = f.x; if (f.y < pMinY) pMinY = f.y; if (f.y > pMaxY) pMaxY = f.y; } } const plX1 = toX(pMinX) - 35, plX2 = toX(pMaxX) + 35, plY1 = toY(pMaxY) - 35, plY2 = toY(pMinY) + 35; const bolts = fList.map((f, i) => { if (!f.active) return { active: false, cx: -200, cy: -200, r: 0, bx: -200, by: -200, x1: -200, y1: -200, x2: -200, y2: -200, lx: -200, ly: -200, txt: '-' }; const sx = toX(f.x), sy = toY(f.y), hasF = f.mag > 0.0001; const ax2 = hasF ? Math.round(sx + f.fx * vecScale) : -200; const ay2 = hasF ? Math.round(sy - f.fy * vecScale) : -200; return { active: true, cx: sx, cy: sy, r: 12, bx: sx, by: sy - 15, x1: hasF ? sx : -200, y1: hasF ? sy : -200, x2: ax2, y2: ay2, lx: hasF ? (ax2 + 6) : -200, ly: hasF ? (ay2 - 4) : -200, txt: 'R' + (i + 1) + '=' + f.mag.toFixed(1) }; }); const psx = toX(px), psy = toY(py), pHasF = pMag > 0.0001; const pax2 = pHasF ? Math.round(psx + pfx * vecScale) : -200; const pay2 = pHasF ? Math.round(psy - pfy * vecScale) : -200; return { px, py, pfx, pfy, pMag, activeCount, cgX, cgY, hasCG: activeCount > 0, cgSx: activeCount > 0 ? toX(cgX) : -200, cgSy: activeCount > 0 ? toY(cgY) : -200, maxR, maxIdx, ax0: toX(0), ay0: toY(0), plX: plX1, plY: plY1, plW: Math.max(plX2 - plX1, 80), plH: Math.max(plY2 - plY1, 80), psx, psy, pax1: pHasF ? psx : -200, pay1: pHasF ? psy : -200, pax2, pay2, plblX: psx + (pfx >= 0 ? 12 : -18), plblY: psy + (pfy >= 0 ? -12 : 16), bolts }; })(calc)","sum-p-loc":{"textContent":"='(' + Number(json.m.px.toFixed(2)) + ', ' + Number(json.m.py.toFixed(2)) + ')'"},"sum-p-vec":{"textContent":"='(' + Number(json.m.pfx.toFixed(2)) + ', ' + Number(json.m.pfy.toFixed(2)) + ')'"},"sum-active-count":{"textContent":"=String(json.m.activeCount)"},"sum-cg":{"textContent":"='(' + Number(json.m.cgX.toFixed(2)) + ', ' + Number(json.m.cgY.toFixed(2)) + ')'"},"sum-max-bolt":{"textContent":"=(json.m.maxIdx > 0 ? ('#' + json.m.maxIdx) : 'None')"},"sum-max-load":{"textContent":"=Number(json.m.maxR.toFixed(2))"},"axis-x":{"x1":30,"x2":610,"y1":"=json.m.ay0","y2":"=json.m.ay0"},"axis-y":{"x1":"=json.m.ax0","x2":"=json.m.ax0","y1":84,"y2":590},"axis-origin":{"cx":"=json.m.ax0","cy":"=json.m.ay0"},"axis-origin-label":{"x":"=json.m.ax0 + 6","y":"=json.m.ay0 - 6"},"joint-plate":{"x":"=json.m.plX","y":"=json.m.plY","width":"=json.m.plW","height":"=json.m.plH"},"cg-dot":{"cx":"=json.m.cgSx","cy":"=json.m.cgSy"},"cg-line-h":{"x1":"=json.m.hasCG ? (json.m.cgSx - 10) : -200","y1":"=json.m.cgSy","x2":"=json.m.hasCG ? (json.m.cgSx + 10) : -200","y2":"=json.m.cgSy"},"cg-line-v":{"x1":"=json.m.cgSx","y1":"=json.m.hasCG ? (json.m.cgSy - 10) : -200","x2":"=json.m.cgSx","y2":"=json.m.hasCG ? (json.m.cgSy + 10) : -200"},"cg-label":{"x":"=json.m.hasCG ? (json.m.cgSx + 8) : -200","y":"=json.m.hasCG ? (json.m.cgSy - 8) : -200"},"p-dot":{"cx":"=json.m.psx","cy":"=json.m.psy"},"p-arrow":{"x1":"=json.m.pax1","y1":"=json.m.pay1","x2":"=json.m.pax2","y2":"=json.m.pay2"},"p-label":{"x":"=json.m.plblX","y":"=json.m.plblY","textContent":"='P (' + Number(json.m.pMag.toFixed(1)) + ')'"},"f-hole-0":{"cx":"=json.m.bolts[0].cx","cy":"=json.m.bolts[0].cy","r":"=json.m.bolts[0].r"},"f-core-0":{"cx":"=json.m.bolts[0].cx","cy":"=json.m.bolts[0].cy","r":"=json.m.bolts[0].active ? 4 : 0"},"f-badge-0":{"x":"=json.m.bolts[0].bx","y":"=json.m.bolts[0].by"},"f-arrow-0":{"x1":"=json.m.bolts[0].x1","y1":"=json.m.bolts[0].y1","x2":"=json.m.bolts[0].x2","y2":"=json.m.bolts[0].y2"},"f-load-0":{"x":"=json.m.bolts[0].lx","y":"=json.m.bolts[0].ly","textContent":"=json.m.bolts[0].txt"},"f-hole-1":{"cx":"=json.m.bolts[1].cx","cy":"=json.m.bolts[1].cy","r":"=json.m.bolts[1].r"},"f-core-1":{"cx":"=json.m.bolts[1].cx","cy":"=json.m.bolts[1].cy","r":"=json.m.bolts[1].active ? 4 : 0"},"f-badge-1":{"x":"=json.m.bolts[1].bx","y":"=json.m.bolts[1].by"},"f-arrow-1":{"x1":"=json.m.bolts[1].x1","y1":"=json.m.bolts[1].y1","x2":"=json.m.bolts[1].x2","y2":"=json.m.bolts[1].y2"},"f-load-1":{"x":"=json.m.bolts[1].lx","y":"=json.m.bolts[1].ly","textContent":"=json.m.bolts[1].txt"},"f-hole-2":{"cx":"=json.m.bolts[2].cx","cy":"=json.m.bolts[2].cy","r":"=json.m.bolts[2].r"},"f-core-2":{"cx":"=json.m.bolts[2].cx","cy":"=json.m.bolts[2].cy","r":"=json.m.bolts[2].active ? 4 : 0"},"f-badge-2":{"x":"=json.m.bolts[2].bx","y":"=json.m.bolts[2].by"},"f-arrow-2":{"x1":"=json.m.bolts[2].x1","y1":"=json.m.bolts[2].y1","x2":"=json.m.bolts[2].x2","y2":"=json.m.bolts[2].y2"},"f-load-2":{"x":"=json.m.bolts[2].lx","y":"=json.m.bolts[2].ly","textContent":"=json.m.bolts[2].txt"},"f-hole-3":{"cx":"=json.m.bolts[3].cx","cy":"=json.m.bolts[3].cy","r":"=json.m.bolts[3].r"},"f-core-3":{"cx":"=json.m.bolts[3].cx","cy":"=json.m.bolts[3].cy","r":"=json.m.bolts[3].active ? 4 : 0"},"f-badge-3":{"x":"=json.m.bolts[3].bx","y":"=json.m.bolts[3].by"},"f-arrow-3":{"x1":"=json.m.bolts[3].x1","y1":"=json.m.bolts[3].y1","x2":"=json.m.bolts[3].x2","y2":"=json.m.bolts[3].y2"},"f-load-3":{"x":"=json.m.bolts[3].lx","y":"=json.m.bolts[3].ly","textContent":"=json.m.bolts[3].txt"},"f-hole-4":{"cx":"=json.m.bolts[4].cx","cy":"=json.m.bolts[4].cy","r":"=json.m.bolts[4].r"},"f-core-4":{"cx":"=json.m.bolts[4].cx","cy":"=json.m.bolts[4].cy","r":"=json.m.bolts[4].active ? 4 : 0"},"f-badge-4":{"x":"=json.m.bolts[4].bx","y":"=json.m.bolts[4].by"},"f-arrow-4":{"x1":"=json.m.bolts[4].x1","y1":"=json.m.bolts[4].y1","x2":"=json.m.bolts[4].x2","y2":"=json.m.bolts[4].y2"},"f-load-4":{"x":"=json.m.bolts[4].lx","y":"=json.m.bolts[4].ly","textContent":"=json.m.bolts[4].txt"},"f-hole-5":{"cx":"=json.m.bolts[5].cx","cy":"=json.m.bolts[5].cy","r":"=json.m.bolts[5].r"},"f-core-5":{"cx":"=json.m.bolts[5].cx","cy":"=json.m.bolts[5].cy","r":"=json.m.bolts[5].active ? 4 : 0"},"f-badge-5":{"x":"=json.m.bolts[5].bx","y":"=json.m.bolts[5].by"},"f-arrow-5":{"x1":"=json.m.bolts[5].x1","y1":"=json.m.bolts[5].y1","x2":"=json.m.bolts[5].x2","y2":"=json.m.bolts[5].y2"},"f-load-5":{"x":"=json.m.bolts[5].lx","y":"=json.m.bolts[5].ly","textContent":"=json.m.bolts[5].txt"},"f-hole-6":{"cx":"=json.m.bolts[6].cx","cy":"=json.m.bolts[6].cy","r":"=json.m.bolts[6].r"},"f-core-6":{"cx":"=json.m.bolts[6].cx","cy":"=json.m.bolts[6].cy","r":"=json.m.bolts[6].active ? 4 : 0"},"f-badge-6":{"x":"=json.m.bolts[6].bx","y":"=json.m.bolts[6].by"},"f-arrow-6":{"x1":"=json.m.bolts[6].x1","y1":"=json.m.bolts[6].y1","x2":"=json.m.bolts[6].x2","y2":"=json.m.bolts[6].y2"},"f-load-6":{"x":"=json.m.bolts[6].lx","y":"=json.m.bolts[6].ly","textContent":"=json.m.bolts[6].txt"},"f-hole-7":{"cx":"=json.m.bolts[7].cx","cy":"=json.m.bolts[7].cy","r":"=json.m.bolts[7].r"},"f-core-7":{"cx":"=json.m.bolts[7].cx","cy":"=json.m.bolts[7].cy","r":"=json.m.bolts[7].active ? 4 : 0"},"f-badge-7":{"x":"=json.m.bolts[7].bx","y":"=json.m.bolts[7].by"},"f-arrow-7":{"x1":"=json.m.bolts[7].x1","y1":"=json.m.bolts[7].y1","x2":"=json.m.bolts[7].x2","y2":"=json.m.bolts[7].y2"},"f-load-7":{"x":"=json.m.bolts[7].lx","y":"=json.m.bolts[7].ly","textContent":"=json.m.bolts[7].txt"},"f-hole-8":{"cx":"=json.m.bolts[8].cx","cy":"=json.m.bolts[8].cy","r":"=json.m.bolts[8].r"},"f-core-8":{"cx":"=json.m.bolts[8].cx","cy":"=json.m.bolts[8].cy","r":"=json.m.bolts[8].active ? 4 : 0"},"f-badge-8":{"x":"=json.m.bolts[8].bx","y":"=json.m.bolts[8].by"},"f-arrow-8":{"x1":"=json.m.bolts[8].x1","y1":"=json.m.bolts[8].y1","x2":"=json.m.bolts[8].x2","y2":"=json.m.bolts[8].y2"},"f-load-8":{"x":"=json.m.bolts[8].lx","y":"=json.m.bolts[8].ly","textContent":"=json.m.bolts[8].txt"},"f-hole-9":{"cx":"=json.m.bolts[9].cx","cy":"=json.m.bolts[9].cy","r":"=json.m.bolts[9].r"},"f-core-9":{"cx":"=json.m.bolts[9].cx","cy":"=json.m.bolts[9].cy","r":"=json.m.bolts[9].active ? 4 : 0"},"f-badge-9":{"x":"=json.m.bolts[9].bx","y":"=json.m.bolts[9].by"},"f-arrow-9":{"x1":"=json.m.bolts[9].x1","y1":"=json.m.bolts[9].y1","x2":"=json.m.bolts[9].x2","y2":"=json.m.bolts[9].y2"},"f-load-9":{"x":"=json.m.bolts[9].lx","y":"=json.m.bolts[9].ly","textContent":"=json.m.bolts[9].txt"},"f-hole-10":{"cx":"=json.m.bolts[10].cx","cy":"=json.m.bolts[10].cy","r":"=json.m.bolts[10].r"},"f-core-10":{"cx":"=json.m.bolts[10].cx","cy":"=json.m.bolts[10].cy","r":"=json.m.bolts[10].active ? 4 : 0"},"f-badge-10":{"x":"=json.m.bolts[10].bx","y":"=json.m.bolts[10].by"},"f-arrow-10":{"x1":"=json.m.bolts[10].x1","y1":"=json.m.bolts[10].y1","x2":"=json.m.bolts[10].x2","y2":"=json.m.bolts[10].y2"},"f-load-10":{"x":"=json.m.bolts[10].lx","y":"=json.m.bolts[10].ly","textContent":"=json.m.bolts[10].txt"},"f-hole-11":{"cx":"=json.m.bolts[11].cx","cy":"=json.m.bolts[11].cy","r":"=json.m.bolts[11].r"},"f-core-11":{"cx":"=json.m.bolts[11].cx","cy":"=json.m.bolts[11].cy","r":"=json.m.bolts[11].active ? 4 : 0"},"f-badge-11":{"x":"=json.m.bolts[11].bx","y":"=json.m.bolts[11].by"},"f-arrow-11":{"x1":"=json.m.bolts[11].x1","y1":"=json.m.bolts[11].y1","x2":"=json.m.bolts[11].x2","y2":"=json.m.bolts[11].y2"},"f-load-11":{"x":"=json.m.bolts[11].lx","y":"=json.m.bolts[11].ly","textContent":"=json.m.bolts[11].txt"}},"calcPostId":"fbe1b0d4-20f6-4881-9d9b-cc65954e6b71","calcPostUrl":"http://localhost:3000/posts/fbe1b0d4-20f6-4881-9d9b-cc65954e6b71","calcPostTitle":"Fastener Load Distribution","calcInputs":[{"address":"A3:B3","varName":"Point Load Location"},{"address":"A21:B21","varName":"Point Load"},{"address":"E3:G14","varName":"Fastener Location"}],"calcOutputs":[{"address":"I21:J32","varName":"Fastener Load"}],"uiTable":{"id":"49681690-d552-415b-b06b-55eafef5c2fd:Point Load Location:0","postId":"49681690-d552-415b-b06b-55eafef5c2fd","postUrl":"https://www.zinniascape.com/posts/49681690-d552-415b-b06b-55eafef5c2fd","postTitle":"Fastener Load Location","fieldKey":"Point Load Location","address":"A3:B3","rows":1,"columns":2,"rowNames":[],"columnNames":["X","Y"]}}