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
Made with Slides.com