Prototype 14: Annotations and Labels

This prototype uses WASD keys as substitutes for arrow keys to navigate a line chart with two annotations on certain ranges on the X-axis. The overall structure is a tree-like structure, with the root node providing an overall explanation. The left child of the root provides access to the full data table, where all data points are in a list. The right child of the root provides access to the list of annotations. Stepping down again while on a description of an annotation allows exploration of only the data points represented by the region pertaining to the annotation.

Two additional keys may be used to aid navigation. This includes the G key, which can be used when navigating the data points represented by the annotation. Pressing it allows full navigation of the list of data points. Another is the N key, which takes the user to the most recently visited annotation description regardless of where the user is in the visualization structure. This allows users to quickly navigate back to the annotations if they were exploring other parts of the data table.

The text field which updates is presented immediately below. A corresponding Vega-Lite representation of the prototype is provided below that text field.

Text will change here!