Course Tree

Justin Lee, Anh Nguyen, Shirley Yin

About the visualization

This tree represents the structure and hierarchy of the course Climate Change: The Science.

Filter by

Events measures how many events happened on each page. Bigger circles means more Events, and no circles means there was no data.

Time spent measures how long a student spent on each page. Bigger circles means more time was spent on the page, and no circles means there was no data.

Number of students whose last event occurred on each page.


Course Stats


We created two data structures for easy lookup:

We mainly needed the timestamp, user ID, and vertical/element ID.

For the Events tree, we counted how many events happened on each page/section/module. Events include interactions with videos (eg. playing, pausing, skipping) and quiz problems (eg. checking, saving).

For the time spent tree, we found the average time spent on each page/section/module by taking the sum of time deltas between consecutive events and dividing that by the number of users. We used a 30 minute threshold to account for idling users, which was determined by plotting a histogram of time durations.

For the Students Leaving tree, we counted the number of students whose last event occured in each page/section/module.

We didn't include the navigation elements (page_close, seq_goto, seq_next, seq_prev).


Missing data: Most notably, we are missing page load data. While there is navigation event data (eg. moving between pages via the navigation bar), this data is flawed and difficult to parse because it does not contain page IDs. Also, the data does not capture navigation between sections. As a result, the first and last pages in each section would be underrepresented.

Tools used


Released under the GNU General Public License, version 3.

Made with <3 | Github