PieceStack Tutorial
For the detailed tutorial, please visit here.
Thumbnail Interactions

Merging
- Operation
Drag
a thumbnail onto another one - Merge two thumbnails, and the corresponding stacked graphs, into one.

Re-ordering
- Operation
Drag
a thumbnail to an interspace - Move the thumbnail and the corresponding stacked graph to a certain position.
Brushing
Brushing on a visual element provides users with basic information. Three levels of brushing available:

Layer Level
- Operation
Click
on a layer - Highlight all the segments that belong to the same layer over the entire period.
- Dismiss
Click
anywhere in the stacked graph

Cluster Level
- Operation
Shift + Click
on a cluster - Equivalent to brushing all layer segments included.
- Dismiss
Click
anywhere in the stacked graph

Aggregation Level
- Operation
Hover
a time point - All the diamond glyphs along a time point are displayed at the corresponding point.
Selecting
Selecting helps to pinpoint aggregations at certain time points and compare their causes of construction.

- Correlation links
- Arc links between time points represent clustering results similarities, with green being highly different and red being highly similar.
- Operation
Click
on a circle - Show all the correlation links of a selected time point.
- Dismiss
Click
on the links
Decomposing
Drag individual layers, clusters, or intersection flows in Sankey diagrams back and forth to construct multiple unique stacked graphs with any combination of interests.
- Operation
Drag
a layer or
Shift + Drag
a cluster to the Thumbnail View:- to an interspace to construct a new stacked graph at a certain position,
- to a Thumbnail to transfer the layers to an existing graph.
- Construct multiple stacked graphs with independently drawn glyphs.
- Circles' offset distances encode the differences with the average contribution of all sequences.