CS 360 HOMEWORK 4

Hierarchy Visualizations

Traditional Node Layout, Straight Edges

In this technique, the nodes are colored based on their level. This layout easily shows how many levels the data has and how many nodes there are in each level. Hovering over the nodes will show a tooltip showing the names.

Circular Dendogram Node Layout, Curved Edges

In this layout, instead of a tree-like structure, the data is visualized in a circle. All of the leaves are shown in the outermost circle in the visualization so the levels of the hierarchy isn't as clear as the previous one. Hovering over the nodes will show a tooltip showing the names.

Circle Packing

Circle packing is a space-filling diagram type where the different groups are shown in circles and its subgroups are shown as circles inside its parent group. This technique shows how big the different subgroups are since the size of the circles are based on the size of each item. The colors are based on the levels of each circle.

Treemap

This is another space-filling diagram type which is similar to the previous one but it uses rectangles instead of circles. The concept is similar to circle packing where the dimensions of the rectangles are based on the size of each item. The colors are also based on the level.

Sunburst

This layout shows the hierarchy in a circular layout where each layer of the circle represents a hierarchy level. The size of each section of is based on its size and its outer layers show their subgroups, if any.