Connector Length
Maximum Iteration
Repulsion Strength
Attraction Strength
Force Directed Layout Example using Blazor Diagram Component
Properties
This sample demonstrates force-directed tree layout using simulated physical forces to automatically position nodes and edges for well-organized graph visualization.
Layout customization:
- AttractionStrength: Controls how strongly connected nodes pull toward each other
- RepulsionStrength: Determines how forcefully nodes push away to prevent overlap
- MaximumIteration: Specifies simulation cycles for layout stabilization
- ConnectorLength: Sets ideal distance between connected nodes
- Zoom in and out for layout exploration
- Reset zoom to default view