Skip to content

Courseware Traversal Visualization

mlsteele edited this page Jul 10, 2013 · 9 revisions

For Hackathon 4, Miles Steele abd Renzo Lucioni prototyped a method of visualizing student paths through courseware. We came up with this interactive graph displaying randomly generated data.

GitHub Repository

Live Demo

In the colored graph pictured below, the thickness of each line represents how many students followed the path indicated by that line. Mousing over a line will make it black and more opaque. visualization-colorful

In this grayscale graph, each line represents the path of a single student. Mousing over a line will make it red and more opaque. visualization-br

Neither of these graphs have an explicit horizontal axis. What appears to be a horizontal axis is composed of student paths which visit each component of the courseware in order.

Clone this wiki locally