Skip to content
Skip to main content

About this free course

Download this course

Share this free course

Visualisation: visual representations of data and information
Visualisation: visual representations of data and information

Start this free course now. Just create an account and sign in. Enrol and complete the course for a free statement of participation or digital badge if available.

9.6 Web developer skills (optional)

This page expands on issues discussed in section 5.6.

If you would like to create a click density map for a website you control, there are several services you can try for free. For example: ClickHeat [Tip: hold Ctrl and click a link to open it in a new tab. (Hide tip)] , CrazyEgg and clickdensity. How do you think that heat maps might be used to help in improving the usability of a website?

In order to add rich visualisations and charts to your website, there are several frameworks and libraries available. Some examples are:

  • Google Chart Tools/ Image Charts – create charts by passing data to an image server via a URL, and let it return the image file directly
  • Protovis – Javascript and SVG visualisation library
  • gRaphaël – Javascript chart library
  • jqPlot – one of several JQuery plugins providing support for charts
  • Mapstraction – a Javascript abstraction layer over several popular mapping APIs
  • theJIT – Javascript libraries with a particular emphasis on rendering hierarchical/tree-based data structures.