Documentation

Overview

This visualization is being developed by Open Water Foundation for Lotic Hydrological

This visualization is meant to make it easier to view and comprehend hierarchical data, that is "any data that maps the parent to child relationships, that exist in every system: people in family trees, business org charts, and even categories like the food pyramid" @Elijah_Meeks.

In this chart the parent node is at the center of the visualization and each child's data is mapped as separate segments as you move outward from the center parent node. All the individual data points are mapped at the edge of the chart.

 

Data Table:

The data table on the left side of the visualization is configurable to display specific data related to individual segments. It displays various information when a specific segment is moused over. The user can right click to select a single segment and that data will be kept in the data table display. Right click on the same segment again to de-select it.

 

Legend:

The legend is on the right hand side of the visualization and is used to show the user what colors correspond to which values. These colors and values can also be configured.

 

Breadcrumb Trail:

Below the Visualization there is a breadcrumb trail that is updated according to what layer the user has moused over. The top trail displays the labels for the different layers, while the bottom trail displays the actual values at each layer.

 

Labels:

Labels are displayed on the currently selected segment (excluding SegmentID layer due to the fact that these titles tend to be very long), and the immediate children from that selected segment. Excluding SegmentID, this will always be the center layer and the first layer extending from the middle layer. On mouseover each segment's full title is displayed in a small popup.

 

Sunburst Diagram:

This is the actual visualization. There are a couple simple features that the user can control. Mouse over any segment to see the breadcrumb trail display below the visualization. If mousing over a segment closer to the edge of the sunburst diagram, specific data, relevant to that segment, will display in a data table on the left side of the visualization. The user can left click on any segment and 'zoom' in on that segment. Left click in the center of the diagram to return back to the initial view. As stated above the user can also right click on any segment to keep that segment's data displayed in the data table and the breadcrumb trail. Right click on the segment again to de-select it.