{"workspaceConfig":{"mode":"section","appName":"Section Property","section":{"title":"Section Builder","buttonFontScaleVersion":2,"buttonFontSize":16,"shapeButtonFontSize":14,"snap":{"gridSpacing":0.05,"tolerancePx":14,"snapToNodes":true},"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","shapes":[{"id":"Rect","label":"Rectangle","iconSvg":"","params":[{"key":"w","label":"Width (W)","default":8},{"key":"h","label":"Height (H)","default":4}],"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":4}],"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":2.4},{"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":4},{"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":3},{"key":"rOut","label":"Outer Rad","default":4},{"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":8},{"key":"bfTop","label":"Top Flange","default":4},{"key":"tfTop","label":"Top Thk","default":0.4},{"key":"bfBot","label":"Bot Flange","default":4},{"key":"tfBot","label":"Bot Thk","default":0.4},{"key":"tw","label":"Web Thk","default":0.24},{"key":"r","label":"Root Radius","default":0.48}],"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":6},{"key":"bfTop","label":"Top Flange","default":3},{"key":"tfTop","label":"Top Thk","default":0.32},{"key":"bfBot","label":"Bot Flange","default":3},{"key":"tfBot","label":"Bot Thk","default":0.32},{"key":"tw","label":"Web Thk","default":0.24},{"key":"r","label":"Root Radius","default":0.4}],"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":4},{"key":"b","label":"Width (B)","default":3},{"key":"tVert","label":"Vert Thk","default":0.32},{"key":"tHorz","label":"Horz Thk","default":0.32},{"key":"r","label":"Root Radius","default":0.4}],"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":6},{"key":"bfTop","label":"Top Flange","default":2.4},{"key":"tfTop","label":"Top Thk","default":0.32},{"key":"bfBot","label":"Bot Flange","default":2.4},{"key":"tfBot","label":"Bot Thk","default":0.32},{"key":"tw","label":"Web Thk","default":0.24},{"key":"r","label":"Root Radius","default":0.4}],"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":4},{"key":"wTop","label":"Top Width","default":4},{"key":"wLipL","label":"L Lip Width","default":1},{"key":"wLipR","label":"R Lip Width","default":1},{"key":"tTop","label":"Top Thk","default":0.2},{"key":"twL","label":"L Web Thk","default":0.2},{"key":"twR","label":"R Web Thk","default":0.2},{"key":"tLipL","label":"L Lip Thk","default":0.2},{"key":"tLipR","label":"R Lip Thk","default":0.2},{"key":"r","label":"Root Radius","default":0.32}],"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}"}]}],"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","iconSvg":""},{"label":"Ungroup (Ctrl+Shift+G)","action":"ungroup","variant":"neutral","iconSvg":""},{"label":"Delete Selected","action":"delete","variant":"danger","iconSvg":""}]},{"type":"actionButtons","title":"Canvas & View","buttons":[{"label":"Zoom to Fit (F)","action":"fit","variant":"sky","iconOnly":true,"iconSvg":""},{"label":"Reset View","action":"resetCam","variant":"neutral","iconOnly":true,"iconSvg":""},{"label":"Clear All Shapes","action":"clearAll","variant":"danger","iconSvg":""},{"label":"Zoom In","action":"zoomIn","variant":"neutral","iconOnly":true,"iconSvg":""},{"label":"Zoom Out","action":"zoomOut","variant":"neutral","iconOnly":true,"iconSvg":""}]},{"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":2,"color":"white"},{"key":"Iyy","label":"Iyy","decimals":2,"color":"white"},{"key":"Ixy","label":"Ixy","decimals":2,"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"}]}]},{"type":"actionButtons","title":"Transforms & Flips","buttons":[{"label":"Flip X","action":"flipX","variant":"neutral","iconOnly":true,"iconSvg":""},{"label":"Flip Y","action":"flipY","variant":"neutral","iconOnly":true,"iconSvg":""},{"label":"Rotate +90°","action":"rotate","payload":{"deg":90},"variant":"neutral","iconOnly":true,"iconSvg":""},{"label":"Rotate -90°","action":"rotate","payload":{"deg":-90},"variant":"neutral","iconOnly":true,"iconSvg":""},{"label":"Rotate +45°","action":"rotate","payload":{"deg":45},"variant":"neutral","iconOnly":true,"iconSvg":""},{"label":"Rotate -45°","action":"rotate","payload":{"deg":-45},"variant":"neutral","iconOnly":true,"iconSvg":""}]}]},"outputVars":{"property.A":"A","property.Cx":"Cx","property.Cy":"Cy","property.Ixx":"Ixx","property.Iyy":"Iyy","property.Ixy":"Ixy","property.Sx":"Sx","property.Sy":"Sy","property.rx":"rx","property.ry":"ry"}},"svgTemplate":"\n \n {nodes}\n","model":{"sectionShapes":[{"id":"djry54pvjxr","defId":"ISection","x":0,"y":-4,"rotation":0,"flipX":false,"flipY":false,"params":{"d":8,"bfTop":4,"tfTop":0.4,"bfBot":4,"tfBot":0.4,"tw":0.24,"r":0.5},"urlVars":{"tfTop":"ISection1_tfTop","tw":"ISection1_tw","tfBot":"ISection1_tfBot"}},{"id":"vtgetzce2ip","defId":"Rect","x":0,"y":0.2,"rotation":0,"flipX":false,"flipY":false,"params":{"w":8,"h":0.4},"urlVars":{"h":"Rect1_h","w":"Rect1_w"}}],"dimensions":[{"id":"dim_ay0qp4b","type":"length","dimMode":"aligned","start":{"type":"shapeVertex","shapeId":"vtgetzce2ip","vertexIdx":2,"x":4,"y":0.4},"end":{"type":"shapeVertex","shapeId":"vtgetzce2ip","vertexIdx":1,"x":4,"y":0},"textPos":{"x":5.174380792533175,"y":0.16447475005914347},"offset":1.1743807925331753},{"id":"dim_0icc83t","type":"length","dimMode":"aligned","start":{"type":"shapeVertex","shapeId":"djry54pvjxr","vertexIdx":23,"x":2,"y":0},"end":{"type":"shapeVertex","shapeId":"djry54pvjxr","vertexIdx":22,"x":2,"y":-0.3999999999999999},"textPos":{"x":4.552689921921519,"y":-0.2563621104847093},"offset":2.5526899219215187},{"id":"dim_vi835dp","type":"length","dimMode":"aligned","start":{"type":"shapeVertex","shapeId":"djry54pvjxr","vertexIdx":1,"x":2,"y":-7.6},"end":{"type":"shapeVertex","shapeId":"djry54pvjxr","vertexIdx":0,"x":2,"y":-8},"textPos":{"x":4.4666102312983575,"y":-7.840991023831531},"offset":2.4666102312983575},{"id":"dim_ss34k8u","type":"length","dimMode":"aligned","start":{"type":"point","x":-0.12,"y":-4},"end":{"type":"point","x":0.12,"y":-4},"textPos":{"x":0.7364650076284174,"y":-5.134244326053092},"offset":-1.134244326053092},{"id":"dim_0rzrlxa","type":"radius","start":{"type":"shapeCenter","shapeId":"djry54pvjxr","x":0.5857582781456953,"y":3.1424900662251654},"end":{"type":"shapeVertex","shapeId":"djry54pvjxr","vertexIdx":18,"x":0.333,"y":-0.48099999999999987},"radius":0.48,"textPos":{"x":0.717335619936527,"y":-1.0310846165017347}},{"id":"dim_ok3x1lq","type":"length","dimMode":"vertical","start":{"type":"shapeVertex","shapeId":"vtgetzce2ip","vertexIdx":3,"x":-4,"y":0.45},"end":{"type":"shapeVertex","shapeId":"djry54pvjxr","vertexIdx":47,"x":-2,"y":-8.05},"textPos":{"x":-6.360396131564594,"y":-3.388786663287652},"offset":-2.3603961315645936}]}}

Ideas worth opening.

Flexible Fastener Joint

Section Property Calculation

1D FEM Analysis