{"workspaceConfig":{"appName":"Universal Section Builder","canvasOverlaySvg":"\n \n \n \n\n \n \n \n \n \n \n \n \n \n \n \n C.G. ({Math.round(globalCx * 10) / 10}, {Math.round(globalCy * 10) / 10})\n \n \n \n\n \n \n \n \n \n","sidebar":[{"type":"shapeLibrary","title":"Shape Library","columns":4},{"type":"inspector","title":"Object Parameters & Transform","showRotation":true,"anglePresets":[0,45,90,180],"angleSteps":[-90,-45,45,90],"showFlips":true},{"type":"actionButtons","title":"Assembly & Grouping","buttons":[{"label":"Group (Ctrl+G)","action":"group","variant":"indigo"},{"label":"Ungroup (Ctrl+Shift+G)","action":"ungroup","variant":"neutral"},{"label":"Delete Selected","action":"delete","variant":"danger"}]},{"type":"actionButtons","title":"Transforms & Flips","buttons":[{"label":"Flip Horiz (X)","action":"flipX","variant":"neutral"},{"label":"Flip Vert (Y)","action":"flipY","variant":"neutral"},{"label":"Rotate +90°","action":"rotate","payload":{"deg":90},"variant":"neutral"},{"label":"Rotate -90°","action":"rotate","payload":{"deg":-90},"variant":"neutral"},{"label":"Rotate +45°","action":"rotate","payload":{"deg":45},"variant":"neutral"},{"label":"Rotate -45°","action":"rotate","payload":{"deg":-45},"variant":"neutral"}]},{"type":"actionButtons","title":"Canvas & View","buttons":[{"label":"Zoom to Fit (F)","action":"fit","variant":"sky"},{"label":"Reset View","action":"resetCam","variant":"neutral"},{"label":"Clear All Shapes","action":"clearAll","variant":"danger"}]},{"type":"propertyOutputs","title":"Section Properties","emptyText":"Add shapes to calculate section properties.","groups":[{"category":"Basic Geometry","items":[{"key":"A","label":"Area (A)","decimals":2,"bold":true,"color":"white"},{"key":"Cx","label":"Centroid X (Cx)","decimals":2,"color":"emerald"},{"key":"Cy","label":"Centroid Y (Cy)","decimals":2,"color":"emerald"}]},{"category":"Moments of Inertia","items":[{"key":"Ixx","label":"Ixx","decimals":0,"color":"white"},{"key":"Iyy","label":"Iyy","decimals":0,"color":"white"},{"key":"Ixy","label":"Ixy","decimals":0,"color":"amber"}]},{"category":"Section Modulus (Elastic)","items":[{"key":"Sx","label":"Sx (min)","decimals":2,"bold":true,"color":"sky"},{"key":"Sy","label":"Sy (min)","decimals":2,"bold":true,"color":"sky"}]},{"category":"Radius of Gyration","items":[{"key":"rx","label":"rx","decimals":2,"bold":true,"color":"indigo"},{"key":"ry","label":"ry","decimals":2,"bold":true,"color":"indigo"}]}]}],"shapes":[{"id":"Rect","label":"Rectangle","iconSvg":"","params":[{"key":"w","label":"Width (W)","default":200},{"key":"h","label":"Height (H)","default":100}],"geometry":[{"type":"point","x":"-{w}/2","y":"-{h}/2"},{"type":"point","x":"{w}/2","y":"-{h}/2"},{"type":"point","x":"{w}/2","y":"{h}/2"},{"type":"point","x":"-{w}/2","y":"{h}/2"}]},{"id":"Circle","label":"Circle","iconSvg":"","params":[{"key":"r","label":"Radius (R)","default":100}],"geometry":[{"type":"arc","cx":0,"cy":0,"r":"{r}","startAngle":0,"sweepAngle":360,"seg":32}]},{"id":"Fillet","label":"Fillet","iconSvg":"","params":[{"key":"r","label":"Radius (R)","default":60},{"key":"angle","label":"Angle (deg)","default":90}],"geometry":[{"type":"point","x":"0","y":"0"},{"type":"point","x":"{r} / tan({angle} * PI / 360)","y":"0"},{"type":"arc","cx":"{r} / tan({angle} * PI / 360)","cy":"{r}","r":"{r}","startAngle":270,"sweepAngle":"{angle} - 180","seg":16},{"type":"point","x":"({r} / tan({angle} * PI / 360)) * cos({angle} * PI / 180)","y":"({r} / tan({angle} * PI / 360)) * sin({angle} * PI / 180)"}]},{"id":"Pie","label":"Pie","iconSvg":"","params":[{"key":"r","label":"Radius (R)","default":100},{"key":"start","label":"Start Angle","default":0},{"key":"angle","label":"Sweep Angle","default":90}],"geometry":[{"type":"point","x":"0","y":"0"},{"type":"arc","cx":0,"cy":0,"r":"{r}","startAngle":"{start}","sweepAngle":"{angle}","seg":32}]},{"id":"Tube","label":"Tube","iconSvg":"","params":[{"key":"rIn","label":"Inner Rad","default":75},{"key":"rOut","label":"Outer Rad","default":100},{"key":"start","label":"Start Angle","default":0},{"key":"angle","label":"Sweep Angle","default":90}],"geometry":[{"type":"arc","cx":0,"cy":0,"r":"{rOut}","startAngle":"{start}","sweepAngle":"{angle}","seg":32},{"type":"arc","cx":0,"cy":0,"r":"{rIn}","startAngle":"{start} + {angle}","sweepAngle":"-{angle}","seg":32}]},{"id":"ISection","label":"I-Beam","iconSvg":"","params":[{"key":"d","label":"Depth (D)","default":200},{"key":"bfTop","label":"Top Flange","default":100},{"key":"tfTop","label":"Top Thk","default":10},{"key":"bfBot","label":"Bot Flange","default":100},{"key":"tfBot","label":"Bot Thk","default":10},{"key":"tw","label":"Web Thk","default":6},{"key":"r","label":"Root Radius","default":12}],"geometry":[{"type":"point","x":"{bfBot}/2","y":"-{d}/2"},{"type":"point","x":"{bfBot}/2","y":"-{d}/2 + {tfBot}"},{"type":"point","x":"{tw}/2 + {r}","y":"-{d}/2 + {tfBot}"},{"type":"arc","cx":"{tw}/2 + {r}","cy":"-{d}/2 + {tfBot} + {r}","r":"{r}","startAngle":270,"sweepAngle":-90,"seg":8},{"type":"point","x":"{tw}/2","y":"{d}/2 - {tfTop} - {r}"},{"type":"arc","cx":"{tw}/2 + {r}","cy":"{d}/2 - {tfTop} - {r}","r":"{r}","startAngle":180,"sweepAngle":-90,"seg":8},{"type":"point","x":"{bfTop}/2","y":"{d}/2 - {tfTop}"},{"type":"point","x":"{bfTop}/2","y":"{d}/2"},{"type":"point","x":"-{bfTop}/2","y":"{d}/2"},{"type":"point","x":"-{bfTop}/2","y":"{d}/2 - {tfTop}"},{"type":"point","x":"-{tw}/2 - {r}","y":"{d}/2 - {tfTop}"},{"type":"arc","cx":"-{tw}/2 - {r}","cy":"-{d}/2 - {tfTop} - {r}","r":"{r}","startAngle":90,"sweepAngle":-90,"seg":8},{"type":"point","x":"-{tw}/2","y":"-{d}/2 + {tfBot} + {r}"},{"type":"arc","cx":"-{tw}/2 - {r}","cy":"-{d}/2 + {tfBot} + {r}","r":"{r}","startAngle":0,"sweepAngle":-90,"seg":8},{"type":"point","x":"-{bfBot}/2","y":"-{d}/2 + {tfBot}"},{"type":"point","x":"-{bfBot}/2","y":"-{d}/2"}]},{"id":"JSection","label":"Channel","iconSvg":"","params":[{"key":"d","label":"Depth (D)","default":150},{"key":"bfTop","label":"Top Flange","default":75},{"key":"tfTop","label":"Top Thk","default":8},{"key":"bfBot","label":"Bot Flange","default":75},{"key":"tfBot","label":"Bot Thk","default":8},{"key":"tw","label":"Web Thk","default":6},{"key":"r","label":"Root Radius","default":10}],"geometry":[{"type":"point","x":"-{tw}/2","y":"-{d}/2"},{"type":"point","x":"-{tw}/2","y":"{d}/2"},{"type":"point","x":"{bfTop} - {tw}/2","y":"{d}/2"},{"type":"point","x":"{bfTop} - {tw}/2","y":"{d}/2 - {tfTop}"},{"type":"point","x":"{tw}/2 + {r}","y":"{d}/2 - {tfTop}"},{"type":"arc","cx":"{tw}/2 + {r}","cy":"{d}/2 - {tfTop} - {r}","r":"{r}","startAngle":90,"sweepAngle":90,"seg":8},{"type":"point","x":"{tw}/2","y":"-{d}/2 + {tfBot} + {r}"},{"type":"arc","cx":"{tw}/2 + {r}","cy":"-{d}/2 + {tfBot} + {r}","r":"{r}","startAngle":180,"sweepAngle":90,"seg":8},{"type":"point","x":"{bfBot} - {tw}/2","y":"-{d}/2 + {tfBot}"},{"type":"point","x":"{bfBot} - {tw}/2","y":"-{d}/2"}]},{"id":"Angle","label":"L-Angle","iconSvg":"","params":[{"key":"d","label":"Depth (D)","default":100},{"key":"b","label":"Width (B)","default":75},{"key":"tVert","label":"Vert Thk","default":8},{"key":"tHorz","label":"Horz Thk","default":8},{"key":"r","label":"Root Radius","default":10}],"geometry":[{"type":"point","x":"0","y":"0"},{"type":"point","x":"{b}","y":"0"},{"type":"point","x":"{b}","y":"{tHorz}"},{"type":"point","x":"{tVert} + {r}","y":"{tHorz}"},{"type":"arc","cx":"{tVert} + {r}","cy":"{tHorz} + {r}","r":"{r}","startAngle":270,"sweepAngle":-90,"seg":8},{"type":"point","x":"{tVert}","y":"{d}"},{"type":"point","x":"0","y":"{d}"}]},{"id":"ZSection","label":"Z-Section","iconSvg":"","params":[{"key":"d","label":"Depth (D)","default":150},{"key":"bfTop","label":"Top Flange","default":60},{"key":"tfTop","label":"Top Thk","default":8},{"key":"bfBot","label":"Bot Flange","default":60},{"key":"tfBot","label":"Bot Thk","default":8},{"key":"tw","label":"Web Thk","default":6},{"key":"r","label":"Root Radius","default":10}],"geometry":[{"type":"point","x":"-{bfBot} + {tw}/2","y":"-{d}/2"},{"type":"point","x":"{tw}/2","y":"-{d}/2"},{"type":"point","x":"{tw}/2","y":"{d}/2 - {tfTop} - {r}"},{"type":"arc","cx":"{tw}/2 + {r}","cy":"{d}/2 - {tfTop} - {r}","r":"{r}","startAngle":180,"sweepAngle":-90,"seg":8},{"type":"point","x":"{bfTop} + {tw}/2","y":"{d}/2 - {tfTop}"},{"type":"point","x":"{bfTop} + {tw}/2","y":"{d}/2"},{"type":"point","x":"-{tw}/2","y":"{d}/2"},{"type":"point","x":"-{tw}/2","y":"-{d}/2 + {tfBot} + {r}"},{"type":"arc","cx":"-{tw}/2 - {r}","cy":"-{d}/2 + {tfBot} + {r}","r":"{r}","startAngle":0,"sweepAngle":-90,"seg":8},{"type":"point","x":"-{bfBot} + {tw}/2","y":"-{d}/2 + {tfBot}"}]},{"id":"HatSection","label":"Hat Section","iconSvg":"","params":[{"key":"d","label":"Depth (D)","default":100},{"key":"wTop","label":"Top Width","default":100},{"key":"wLipL","label":"L Lip Width","default":25},{"key":"wLipR","label":"R Lip Width","default":25},{"key":"tTop","label":"Top Thk","default":5},{"key":"twL","label":"L Web Thk","default":5},{"key":"twR","label":"R Web Thk","default":5},{"key":"tLipL","label":"L Lip Thk","default":5},{"key":"tLipR","label":"R Lip Thk","default":5},{"key":"r","label":"Root Radius","default":8}],"geometry":[{"type":"point","x":"{wTop}/2 + {wLipR}","y":"-{d}/2"},{"type":"point","x":"{wTop}/2 - {twR}","y":"-{d}/2"},{"type":"point","x":"{wTop}/2 - {twR}","y":"{d}/2 - {tTop} - {r}"},{"type":"arc","cx":"{wTop}/2 - {twR} - {r}","cy":"{d}/2 - {tTop} - {r}","r":"{r}","startAngle":0,"sweepAngle":90,"seg":8},{"type":"point","x":"-{wTop}/2 + {twL} + {r}","y":"{d}/2 - {tTop}"},{"type":"arc","cx":"-{wTop}/2 + {twL} + {r}","cy":"{d}/2 - {tTop} - {r}","r":"{r}","startAngle":90,"sweepAngle":90,"seg":8},{"type":"point","x":"-{wTop}/2 + {twL}","y":"-{d}/2"},{"type":"point","x":"-{wTop}/2 - {wLipL}","y":"-{d}/2"},{"type":"point","x":"-{wTop}/2 - {wLipL}","y":"-{d}/2 + {tLipL}"},{"type":"point","x":"-{wTop}/2 - {r}","y":"-{d}/2 + {tLipL}"},{"type":"arc","cx":"-{wTop}/2 - {r}","cy":"-{d}/2 + {tLipL} + {r}","r":"{r}","startAngle":270,"sweepAngle":90,"seg":8},{"type":"point","x":"-{wTop}/2","y":"{d}/2"},{"type":"point","x":"{wTop}/2","y":"{d}/2"},{"type":"point","x":"{wTop}/2","y":"-{d}/2 + {tLipR} + {r}"},{"type":"arc","cx":"{wTop}/2 + {r}","cy":"-{d}/2 + {tLipR} + {r}","r":"{r}","startAngle":180,"sweepAngle":90,"seg":8},{"type":"point","x":"{wTop}/2 + {wLipR}","y":"-{d}/2 + {tLipR}"}]}],"mode":"section"},"svgTemplate":"\n \n {nodes}\n","model":{"sectionShapes":[]}}