CSET: Content Space Eye Tracking Visualization


Introduction

CSET visualizes the hierarchical structure of a software structure where methods are displayed as leaves (rectangles along circle) and their parents are visualized as outer arcs. Both types of visual elements are arranged in a radial manner. The detailed information of each method is displayed when hovered over. It also employs the hierarchical edge bundling method to visualize the call graph. The bundling alpha value is set to 1 in our implementation. A higher alpha value gives a more bundling effect and renders a clearer and less clustered visualization. The curves of the call graph are rendered in gray. Finally, CSET renders user trajectories as curves laid over the gray curves of the call relations in the software. It uses a color scale for the trajectories to indicate the scanning sequence with a darker purple color as the beginning of the scan and lighter green color as the end. Fewer colors in a trajectory indicate that less transitions between methods occurred.


An example of content space eye tracking visualization.

Source code

Click here to download the source code.

Dependencies

The tool is built based on Radial Vis, and D3 Hierarchical Edge Bundling.

Running

This web-based tool can be directly opened and run in a web browser. Main user interface operations:
  • mouse over an arc: display the code module name including the path from the root of the software tree
  • mouse click an arc: display the sub call graph of the corresponding module
  • select different value on the top "id" box: show the user trajectory of a specific ID

Publication

Exploring Eye Tracking Data on Source Code via Dual Space Analysis Li Zhang, Jianxin Sun, Cole Peterson, Bonita Sharif, Hongfeng Yu. Proceedings of 2019 Working Conference on Software Visualization (VISSOFT), Cleveland, OH, September 30-October 1, 2019.
DOI: 10.1109/VISSOFT.2019.00016 [PAPER]

Citation

@inproceedings{zhang2019exploring,
  title={Exploring Eye Tracking Data on Source Code via Dual Space Analysis},
  author={Zhang, Li and Sun, Jianxin and Peterson, Cole and Sharif, Bonita and Yu, Hongfeng},
  booktitle={2019 Working Conference on Software Visualization (VISSOFT)},
  pages={67--77},
  year={2019},
  organization={IEEE}
}
					

Contact