Flex Diagram

The ComponentOne FlexDiagram is a control that enables the creation and visualization of graph-based structures such as flowcharts, organizational charts, and custom diagrams. It renders and creates visual diagrams by using a data-driven approach, providing flexibility to build interactive diagrams or create customized diagrams in unbound mode.

With FlexDiagram, you can manually define nodes and edges in code or automatically generate diagrams from hierarchical or tabular data through data binding. FlexDiagram also supports MermaidJS syntax, which allows direct rendering of diagrams from a text file.

Key Capabilities

• Data Binding: Automatically generates diagrams from hierarchical or tabular data

• MermaidJS Support: Parses and renders diagrams by using MermaidJS syntax

• Manual Creation: Allows programmatic creation of nodes and edges

• Interactivity: Supports zooming, panning, tooltips, and hit-testing

• Automatic Layout: Automatically arranges elements (nodes and edges) based on the specified layout direction

• Customization: Provides flexible styling options for nodes and edges