CS 360 Homework #4 - Hierarchy Data
@chunheisiu
About the Author
Charles Chun Hei Siu
As a keen person in the field of both photography and computer science, I always enjoy engaging in various activities, taking challenges, and meeting new people. My organization and communicational skills also allow me to collaborate with other people in the group to achieve goals and objectives. I seldom hesitate to share the knowledge of my own with people in need, or with the public through volunteering services.
Description
This visualizations show the hireachy of Java 8 API. Each row in the dataset corresponds to either a package or a class in the Java 8 API, in which classes have a value indicating the size of their associated HTML documents, and package does not. From the full hireachy, I chose the java.util package as the root node to focus on, since it is one of the most important and most often used pacakages in the Java API. The hireachy is visualized with multiple hierarchical visualization techniques below.
Visualizations
Visualization #1 - Dendrogram
For this visualization, dendrogram node layout with curved edges was used implement to visualize the hireachy. From the visualization, it is noticeable that the majority of the nodes are at level 2, i.e. java.util.*.*.
Visualization #2 - Circular Traditional Layout
For this visualization, circular traditional node layout with straight edges was used implement to visualize the hireachy. From the visualization, it is noticeable that only java.util.concurrent has packages that are in level 4.
Visualization #3 - Circle Packing
For this visualization, circle packing was used implement to visualize the hireachy. From the visualization, it is noticeable that java.util.function package only contains level 2 nodes which are relatively small in size compare to other nodes.
Visualization #4 - Treemap
For this visualization, treemap was used implement to visualize the hireachy. From the visualization, it is noticeable that java.util.Arrays is a relatively large package compare to other packages, given the fact that it has no descendants.
Visualization #5 - Sunburst
For this visualization, sunburst was used implement to visualize the hireachy. From the visualization, it is noticeable that level 1 nodes, i.e. java.util.*, make up roughly the same size as the java.util.concurrent package.
Used modified code from http://bl.ocks.org/sjengle/cdda19c7942c2ff569161ee0566e1396 and https://bl.ocks.org/maybelinot/5552606564ef37b5de7e47ed2b7dc099.
Back to Portfolio