PM2.5

l
l
l
l

Processing
Manual data parseing from a URL
Interactive data visualization
3D space

_____________________________________
l
l
l
l
l

Proposal

PM2.5 are the most common form of pollutants triggering disease. This project visualizes the amount of PM2.5 in the atmosphere of different cities around the world. Using PM2.5 data from Airvisual.com the programme searchs for the PM2.5 value to use as a variable. Using microscopic images as a reference the programme creates a particle, it's size mapped to the amount of PM2.5 per cubic meter (m3) in a particular city. A 3D particle microscope allows the operator to inverstigate the particle by nagivating around it in 360 degrees and zooming in and out using the mouse. The more the particle fills the cube the higher the health risk.

______________

Air quaility data taken from this live website to use as a varible in the project.

l
l
l
l

l
l
l
l

l
l
l
l

A 3D particle microscope allows the operator to inverstigate the particle by nagivating around it in 360 degrees and zooming in and out using the mouse.

________

Reference for the particle.

The particle itself it constructed using the ‘Collatz conjecture’. This is a conjecture in mathematics concerning a particular equation leading to sequences of numbers. It starts with any positive integer (n), each term is obtained from the previous term, if the previous term is even, the next term is half the previous term. If the previous term is odd, the next term is 3 times the previous term plus 1. The conjecture is that no matter what value of n, the sequence will always reach 1. This results in surprisingly organic forms. The programme uses sets of random numbers which feed into the collatz function whose numbers then feed into the particle function, which draws the particle. The particle is made up of 1500 lines each drawn depending on the sequence it receives and the particular variables given. The length of each segment of a line is varied by mapping the PM2.5 data

l
l
l
l

________________________

l
l
l
l
l
l
l
l

You can use the mouse to zoom into the particle.

____________
l
l
l
l
l

l
l
l
l

l
l
l
l
l
l

Creative Coding

l
l
l
l

Three selected projects made using Processing.

Colour Clock

l
l
l
l

Processing
Lve data visualiation
Watch / phone app

____________________________________
l
l
l
l
l

Proposal

This clock app is designed to represent time with colour. Initially you have to work out the time by how much of a certain colour occupies the sceen, i.e if the colour fills half the area it symbiolises either 30 second, 30 minutes or half way throught the day.

Second move horizontally.
Mintues down vertically.
Hours diagonally.

The project aska the question; Is it possible to read time through colour? To become accustomed to how more or less of a certain colour, translates to a time, to the extent that you could tell the time through colour / pattern.

l
l
l
l
l
l
l
l
l
l
l
l

03:28:38

09:20:47

21:45:47

Slabs

l
l
l
l

Processing
3D space
Mouse interaction

Proposal

This project was inspired by the Bauhaus movement celebrating it's 100th aniversary. Despite not being officially part of the school, Dutch artist Theo van Doesburg's aesthetic and conceptual influence on the Bauhaus movement was enormous.

This 3D generative scketch is based on one of Theo van Doesburg prints produced in 1920. This version uses mouseX and Y why is vary its density and composition. This interaction with the 'scketch' enables the user to adjust Theo's original composition by altering the number of 'slabs' and reorder them in a more or less exploded composition.

____________________________________
l
l
l
l
l

1.


PM2.5

2.

Colour
Clock

3.

Slabs

l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l

____________________

____________________

____________________

l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l

_____________________

____________________

l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l

__________________________________________________________________________________________________________________________________________________________________________________

l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l
l

___________________________________________________________________________________________________

___________

___________________________________________________________________________

Theo van Doesburg print, Counter-construction, 1923.

Video documentation of mouse interaction of a reinterpretation of one of Theo van Doesburg prints, Counter-construction. Moving the mouse from left to right increases / decreases the number of slabs and moving the mouse up and down adjusts the exploded view.

MouseX control the number of slabs.

MouseY controls the exploded view.

________________

Clock running on the home screen background of a mobile phone.