-
Growing & Shrinking Circle
int diam = 10; float centX, centY; boolean growth; void setup() { size(600, 600); frameRate(24); smooth(); background(180); centX = width/2; centY = height/2; stroke(0); strokeWeight(5); fill(255,50); } void draw() { if (growth) { bigger(); } else { smaller(); }; } void bigger() { background(180); ellipse(centX, centY, diam, diam); diam += 10; if (diam >=width) {…
-
Data Visualization Basic Example
Here’s our first example of a Data Visualization: Your first task is to download the assets needed to make this visualization work: A map: map.png Some Data: locations.tsv /* Geographic Data Visualization take some data and plot it out onto a map */ PImage mapImage; Table locationTable; int rowCount; void setup() { size(640, 400); mapImage…
-
Assignment 2: Data Visualization
This project is concerned with the comprehensive process of visualizing real-world information. You will identify some information of interest and develop software and other procedures to acquire, parse, filter, mine, represent, refine, and interact with your data — while keeping in mind essential questions about what information is worth visualizing, what makes it worth visualizing,…
-
More Random Circles
This example builds on the random circle exercise by constraining the random colour aspect of the sketch and only draws circles not ellipses. size(600,600); smooth(); int circleNum = 50; noStroke(); for (int i = 0; i<= circleNum; i += 1) { fill(random(200, 255), random(100,200), random(100,200), random(100,255)); float randomDiam = random(width); ellipse(random(width), random(height), randomDiam, randomDiam); }…
-
Growing Circle
Open a new script and enter the code in the following code. Don’t worry about if you don’t understand all the instructions in the function blocks – a few more new concepts are being introduced here we’ll step through: int diam = 10; float centX, centY; void setup() { size(500, 300); frameRate(24); smooth(); background(180); centX…
-
Inspiration I
The Artvertiser – Julian Oliver, Damian Stewart, et al (video) The Artvertiser is a software platform for replacing billboard advertisements with art in real-time. It works by teaching computers to ‘recognise’ individual advertisements so they can be easily replaced with alternative content, like images and video. Newstweek – Julian Oliver (video) Security experts discover a…