More Complex Visualisations

Dynamic Visualisations

Visualization that changes over time. Typically governed by some timeLine.

Dynamic Visualization: Introduction & Theory

Interactive Visualisation

Visualization that changes with user interaction.


Real-time Visualisation

The visualization is computed on the fly, depending of the data available at the moment. Involves programming (what some call Computational Information Design), at the very least access to a webservice that will provide the real-time data.

Example: Twitter network Visualisation

Network Graphs

Twitter Graphs
TweetWheel – Twitter Social Graph
webpages as Graphs

Apps (web or desktop)

Interactive Content, no computing

I haven’t tried it out much, but there is an open source project providing more complex visualisation of relevance to education: simile widgets. Plenty of open source visualisation software exist but they tend to be more specialized and more difficult to use in an education context.

Interactive Content, computing involved

processing (simplified Java integrated environment)
10 Helpful CSS Graph and Chart Tutorials and Techniques
Creating a chart with raphael.js from a google spreadsheet

Real-time Computing

Drawing graphs programmatically doesn’t necessarily require complex skills. Probably within the reach of any kid enrolling in some program to help them learn basics of programming. This can also be used as an assignment: s18740 Create a simple computer program to meet a set brief, level 2, credits 3, Internal or s18741, Create a computer program to provide a solution, level 3Once the plugin behaves as expected, non-technical users only need to edit the html portion. A webform of some kind could be used to make the task even less confusing to first graders.

The challenge is to present data that are directly relevant to the kids. That is, data about themselves. Something to investigate is the ability to interact with google spreadsheets with webservices: saving form data to google spreadsheets. One possible use is the automatic generation of graphs based on data entered by kids on the spreadsheet. Another possible use is to create a personalized clicker device for your classroom (assuming your are in a computer lab, with kids having access to computers or mobile devices). You ask a question. Kids answer anonymously, on their device, their get immediate feedback on their screen. When they all answered, you show them a distribution graph (with the rule that if less than 50% got it right, you clarify the answer). Or you keep the graph for yourself.

Web Resources