A radial tree, or radial map, is a method of displaying a tree structure (e.g., a tree data structure) in a way that expands outwards, radially. It is one of many ways to visually display a tree,[2][3] with examples dating back to the early 20th century.[4] In use, it is a type of information graphic.
![](http://up.wiki.x.io/wikipedia/commons/thumb/e/e1/Radial_tree_-_Graphic_Statistics_in_Management.svg/300px-Radial_tree_-_Graphic_Statistics_in_Management.svg.png)
![](http://up.wiki.x.io/wikipedia/commons/thumb/1/1a/Radial-vs-tri.svg/300px-Radial-vs-tri.svg.png)
Basic layout
editThe overall distance "d" is the distance between levels of the graph. It is chosen so that the overall layout will fit within a screen. Layouts are generated by working outward from the center, root. The first level is a special case because all the nodes have the same parent. The nodes for level 1 can be distributed evenly, or weighted depending on the number of children they have. For subsequent levels, the children are positioned within sectors of the remaining space, so that child nodes of one parent do not overlap with others.
There are many extensions to this algorithm to create more visually balanced layouts, to allow users to navigate from node to node (changing the center),[5] or accommodate node labels and combine force-directed layouts with radial layouts.[6]
The layout has some similarities to a hyperbolic tree, though a key difference is that hyperbolic trees are based on hyperbolic geometry, whereas in a radial tree the distance between orbits is relatively linear.
Comparison to other layouts
editIn a simple case, the first node is at the top, and the linked nodes are beneath. As each node typically has more than one child, the resulting shape is relatively triangular. In a radial layout, instead of each successive generation being displayed a row below, each generation is displayed in a new, outer orbit.
Since the length of each orbit increases with the radius, there tends to be more room for the nodes. A radial tree will spread the larger number of nodes over a larger area as the levels increase. We use the terms level and depth interchangeably.[7] Nevertheless, the number of nodes increases exponentially with the distance from the first node, whereas the circumference of each orbit increases linearly, so, by the outer orbits, the nodes tend to be packed together.
Examples
edit- MindManager and MindMapper are mindmapping systems, which can make radial-like layouts, though are not radial beyond the 2nd level.
- SpicyNodes was an approach to visualizing hierarchies, which allows moving from node to node.
See also
editReferences
edit- ^ W. H. Smith., Graphic Statistics in Management (McGraw-Hill Book Company, New York, ed. First, 1924) http://www.visualcomplexity.com/vc/project.cfm?id=10
- ^ "Spicynodes : Reference Background". www.spicynodes.org.
- ^ Lima, Manuel. "visualcomplexity.com | Radial Tree Viewer". www.visualcomplexity.com.
- ^ Lima, Manuel. "visualcomplexity.com | Radial Eugenics Diagram". www.visualcomplexity.com.
- ^ Yee, K.-P, D. Fisher, R. Dhamija, & M. Hearst. “Animated Exploration of Dynamic Graphs with Radial Layout”. Proc. Information Visualization, 43-50, 2001.
- ^ Douma, Michael, Greg Ligierko, Ovidiu Ancuta, P. Gritsai, and S. Liu. SpicyNodes: Radial Layout Authoring for the General Public. InfoVis 2009. Atlantic City, NJ. October 2009. Presentation.
- ^ Greg Book & Neeta Keshary. "Radial Tree Graph Drawing Algorithm for Representing Large Hierarchies." University of Connecticut December 2001
External links
edit- Comprehensive survey and bibliography of Tree Visualization techniques
- WikiViz: Visualizing Wikipedia by Chris Harrison
- Radial maps at "Visual Complexity" site