Interactive Diagrams
Custom, interactive diagrams built with modern web technologies for enhanced user experience
XY Plot Diagram
Configure the xyPlot diagram widget to draw live XY line plots, including plot parameters, multiple lines, envelope plots, log scales, and column mode.
Cross-Section Diagram
Plot arbitrary cross-sections with section data like centroid, mesh, and principal axes
Add a Custom Cross-Section Diagram
Show a rectangle cross-section in Calcs Builder by pairing a sectionProperties Remote widget with a Diagram widget, and learn why both steps are needed.
Load & Support Diagram
Configure the beamLoadSupport diagram widget to plot unfactored loads and supports, with plot parameters, support and load data formats, and column mode.
Free-Body Diagram
Plot free-body diagrams with all factored loads and reactions for specific load combinations
Reactions Diagram
Configure the beamReactions diagram widget to plot support reactions, including plot parameters, the allR data format, column mode, and upstream linking.
Atlas Tube Custom Diagrams
Deep dive into the Atlas Tube custom diagrams implementation and architecture
Legacy Diagrams
Learn how legacy diagram widgets work in Calcs.com templates, including the shared implementation pattern, key features, and migrating to new diagrams.