Access Keys:
Skip to content (Access Key - 0)

Hierarchical Tree layout

Kap Layouts is a set of Graph layouts in Flex / AS3
Tags:

The Hierarchical Tree Layout organizes any tree structure into a Flow Diagram that reveals the tree hierarchy. This layout doesn't support general graphs, only Tree graphs are supported.

This layout takes as input a Tree Graph to compute on internal structure. By Combining this internal structure to a Walker algorithm, the algorithm places the graph nodes in hierarchically arranged layers where each parent node is centered on its sub-tree according to the hierarchical flow direction (if the flow is vertical, centering will be horizontal and vice-versa).*
In this Layout, some features can be used to perform some advanced visualization requests :

  • levels distance (layerDistance): controlling levels spacing for advanced compactness control;
  • siblings distance (defaultNodeDistance): controlling levels spacing for advanced compactness control;
  • flow direction (orientation): controlling flow firection of the Hierarchical Tree Graph (Top to Bottom, Bottom to Top, Right to Left, Left to Right)
  • edges drawing (edgeDrawing): customizing edges rendering and shapes(straight, straight polyline, curved polyline, orthogonal polyline and curved polyline);

The Hierarchical layout can be used for all types of tree hierarchies (XML files, database structure, organisation description...). It is also suited for representing UML inheritance.

Projects using this layout : Visualizer and Diagrammer

Related Projects

Top News

Latest Updates: 2012/01/17

Release on:

Need Information?

Why Kap Lab?

Kap Lab exists because in innovation we trust. Enjoy our products and help us to give you the best.

Cyril Daloz
CEO Kap IT

Adaptavist Theme Builder (3.3.5-conf210) Powered by Atlassian Confluence 2.10.3, the Enterprise Wiki.