O'Handley, B., & Wu, Y., & Wang, C. (2022, August), TreeVisual: Design and Evaluation of a Web-Based Visualization Tool for Teaching and Learning Tree Visualization  Paper presented at 2022 ASEE Annual Conference & Exposition, Minneapolis, MN. 10.18260/1-2--40448

\bibitem{asee_peer_40448}
  O'Handley, B., \& Wu, Y., \& Wang, C. (2022, August), \emph{TreeVisual: Design and Evaluation of a Web-Based Visualization Tool for Teaching and Learning Tree Visualization}
  Paper presented at 2022 ASEE Annual Conference \& Exposition, Minneapolis, MN.
  10.18260/1-2--40448

Brendan O'Handley, Yuheng Wu, and Chaoli Wang.  "TreeVisual: Design and Evaluation of a Web-Based Visualization Tool for Teaching and Learning Tree Visualization".  2022 ASEE Annual Conference & Exposition, Minneapolis, MN, 2022, August.  ASEE Conferences, 2022.  https://peer.asee.org/40448 Internet.  02 May, 2024

\bibitem{asee_peer_40448}
  Brendan O'Handley, Yuheng Wu, and Chaoli Wang.
  "TreeVisual: Design and Evaluation of a Web-Based Visualization Tool for Teaching and Learning Tree Visualization".
  \emph{2022 ASEE Annual Conference \& Exposition, Minneapolis, MN, 2022, August}.
  ASEE Conferences, 2022.
  https://peer.asee.org/40448 Internet.  02 May, 2024

@INPROCEEDINGS{asee_peer_40448
author = "Brendan O'Handley, Yuheng Wu, and Chaoli Wang"
title = "TreeVisual: Design and Evaluation of a Web-Based Visualization Tool for Teaching and Learning Tree Visualization"
booktitle = "2022 ASEE Annual Conference \& Exposition"
year = "2022"
month = "August"
address = "Minneapolis, MN"
publisher = "ASEE Conferences"
note = {https://peer.asee.org/40448}
number = {10.18260/1-2--40448}
}

TY  - CPAPER
AB  - Trees are a common form of visual representation that encode hierarchical data structures in parent-children relationships. Although many software tools can visualize tree structures, there is a lack of tools designed for teaching and learning tree visualization. This paper presents TreeVisual, an educational software tool that visualizes hierarchical data structures with real-world datasets and allows users to explore and manipulate the various forms of tree visualizations via a web interface. We collect four hierarchical datasets from different domains, including academic publication, government structures, global trading statistics, and tree taxonomy. Leveraging D3.js, TreeVisual supports four popular hierarchical layouts and their variants: pack, radial tree and its collapsible version, sunburst, and treemap and its zoomable version. Furthermore, TreeVisual allows users to comprehend, compare, and critique these layouts in side-by-side display panels, supported by a set of interactive functions. These functions include appearance changes, filtering of intermediate nodes, and selection of leaf nodes. Users can utilize these functions to filter the tree hierarchies, pinpoint nodes of interest, drill down to varying levels of detail, and glean data-related insights. To demonstrate the usefulness of TreeVisual and assess its effectiveness, we conducted a formal user study with students enrolled in a college-level Data Visualization course. The study involves an introduction to the tool, a training session, an in-class quiz integrated into TreeVisual, and a survey. The instructor introduced TreeVisual after related tree visualization concepts and algorithms were covered, followed by an exploration of the tool by the students. Students then performed a pre-quiz with five questions to get familiar with the types of questions that would appear in the actual quiz. A week later, students took the actual quiz of 22 questions in class, followed by a survey that asks for their feedback on tree layouts, datasets, user interface, and general impression of TreeVisual.
AU  - Brendan O'Handley
AU  - Yuheng Wu
AU  - Chaoli Wang
CY  - Minneapolis, MN
DA  - 2022/08/23
PB  - ASEE Conferences
TI  - TreeVisual: Design and Evaluation of a Web-Based Visualization Tool for Teaching and Learning Tree Visualization
UR  - https://peer.asee.org/40448
DO  - 10.18260/1-2--40448
ER  -