> ## Documentation Index
> Fetch the complete documentation index at: https://calcs.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Diagrams

> Browse the diagram types for Calcs Builder templates, including XY plots, cross-section, load and support, free-body, reactions, and legacy diagrams.

> [card] [Interactive Diagrams](https://calcs.com/docs/calcs-builder/diagrams/interactive-diagrams.md)
>
> Custom, interactive diagrams built with modern web technologies for enhanced user experience

> [card] [XY Plot Diagram](https://calcs.com/docs/calcs-builder/diagrams/xy-plot.md)
>
> Configure the xyPlot diagram widget to draw live XY line plots, including plot parameters, multiple lines, envelope plots, log scales, and column mode.

> [card] [Cross-Section Diagram](https://calcs.com/docs/calcs-builder/diagrams/cross-section-diagram.md)
>
> Plot arbitrary cross-sections with section data like centroid, mesh, and principal axes

> [card] [Add a Custom Cross-Section Diagram](https://calcs.com/docs/calcs-builder/widgets/custom-cross-section-diagram.md)
>
> 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.

> [card] [Load & Support Diagram](https://calcs.com/docs/calcs-builder/diagrams/load-support-diagram.md)
>
> Configure the beamLoadSupport diagram widget to plot unfactored loads and supports, with plot parameters, support and load data formats, and column mode.

> [card] [Free-Body Diagram](https://calcs.com/docs/calcs-builder/diagrams/free-body-diagram.md)
>
> Plot free-body diagrams with all factored loads and reactions for specific load combinations

> [card] [Reactions Diagram](https://calcs.com/docs/calcs-builder/diagrams/reactions-diagram.md)
>
> Configure the beamReactions diagram widget to plot support reactions, including plot parameters, the allR data format, column mode, and upstream linking.

> [card] [Atlas Tube Custom Diagrams](https://calcs.com/docs/calcs-builder/diagrams/atlas-tube-custom-diagrams.md)
>
> Deep dive into the Atlas Tube custom diagrams implementation and architecture

> [card] [Legacy Diagrams](https://calcs.com/docs/calcs-builder/diagrams/legacy-diagrams.md)
>
> Learn how legacy diagram widgets work in Calcs.com templates, including the shared implementation pattern, key features, and migrating to new diagrams.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.