Data Visualisation

Interactive 3D in a Web Page

This page discusses the results of my experiments with Processing over the Christmas break. What is interesting about Processing is that it allows you to create fully interactive 3D applets embedded in a standard web page on any platform. For visualising and playing around with complex concepts, this offers something far more exciting than even Adobe Flash.

Graph - Robustness Calculator

Open /scripts/data-visualisation/graph-robustness-calculator

A significant problem in the performance analysis of buildings is trying to understand hugely complex data sets that often results from the investigative process. These types of analysis are usually focused on the potential effect of different design parameters on the performance criteria we are designing to meet. The type of graph described here provides a simple means of interactively investigating and visualising complex relationships that may exist within a large number of calculation runs.

Graph - Annual Temperatures (Processing.js)

This graph is an example of embedding a Processing.js script. This uses the same basic syntax as Processing itself but parses the code into JavaScript using canvas drawing functions. This could be a very effective means of generating dynamic content.

Graph - Annual Temperatures (Google Charts)

Open /scripts/data-visualisation/graph-annual-temperatures-google

The graph is one of my experiments with Google's Visualisation API as a possible means of interactive web-based data presentation. It's an implementation of an annotated time line graph that Google originally developed for showing stock exchange data - used here to show annual hourly air temperature values. It contains a whole year worth of hourly temperature data for San Francisco, so it can take a little while for the graph to appear.

Graph - Annual Temperatures (Java)

Open /scripts/data-visualisation/graph-annual-temperatures-java

This graph is an experiment with the use Java applets to provide highly interactive charts and graphs embedded within a web page. It is just an example so the data it shows is not hugely meaningful - in this case a set of annual hourly air temperature values. However, it is an opportunity to play with my primitive attempt at an interactive and intuitive date range control. This control sits at the bottom of the chart and provides a means for selecting a date range for the values shown.