Student Data Visualizations
Jon Kevan & Billy Meinke
DCDC Project Jam 2015
Why data vis?
XAPI data + d3.js
Brainstorming
6 ideas on the board. 2 prioritized.
Cluster Dendogram > Content pathways
Activity Heatmap > Engagement in course
Social Network Analysis > Connections b/w learners
Line graph > Point totals over time
Slopegraph > Engagement with specific content
Bullet chart > Level detail for content
Each vis utilizes different data - Which is most suitable for our data?
Our picks (1/2)
Course Activity Heatmap
Reveals activity > Darker colors indicate higher levels
Cyan Chorizo
(LRS > d3js)
Activity Map
(xAPI Call)
"$match" - "statement.actor.mbox":"mailto:jkevan@hawaii.edu"
"$project" - "time": "$statement.timestamp"
"volume": { "$add": [0,1]}}
[{ "time":1437559200000,
"volume":1}]
Our picks (2/2)
Line Chart of Point Totals
Personal learning styles > Patterns of when and how students work
Cyan Chorizo
( LRS > d3js )
Line Chart
(xAPI Call)
"$match" - "statement.actor.mbox",
"statement.context.registration", "statement.verb.display.en-US"
"$project": - "$statement.actor.name",
"date": "$statement.timestamp"
[{
"name":"student name",
"timestamp"}]
Working demo
/fin
*Network icon by Meaghan Hendricks / CC BY
*Datbase, Arrow & Graph icon by Flaticon / CCBY