Readings for Monday, 11/2

Reading for Monday, 11/2

Art with a Life of its Own: Questioning Mimesis in Media Art Prototypes – Abigail Susik
Origami Folding Techniques

Form and code visualize
Form + Code – Repeat


Basic Processing Sketch for accessing data from .CSV File

Below is the sketch that I used in at the end of class to demonstrate how to access data from your data file.
Please make sure to download Processing to your home computer and experiment with the sketch below and your data before coming to class on Wednesday. If you would like to do another tutorial on Processing, email me individually and we will arrange a time to meet.

As with anything – this is just one way to do it.  We will go over more methods on Wednesday.


*Remember to create a .CSV File and put it in a folder titled data inside the same place where you saved your sketch

*Remember you will need to rename the word “Date” in : String date = row.getString(“Date”); to match your row header. Keep in mind that the method used here calls it as a String – which means that it is a series of letters, not numbers.  If your row is a series of numbers, you would want it to write the code as Int num = row.getInt(“Num”); Num in this case is my variable for the number – but I am declaring it as an integer.

NOTE: (10/29) When copying this sketch into Processing, it does not convert the quotation marks correctly due to something strange with the webtext.  You will need to retype the quotation marks into places where you see them.

EG: IN float miles = row.getInt(“Miles”); You would replace the ” around Miles.


Table table;

void setup() {
size(400, 400);

void draw() {
//This next step accesses the CSV file you created from the data folder
//make sure to title it “data.csv” in order to access it correctly
//And make sure that your file is within the data folder that your
//Processing Sketch is saved and is located. Reminder, you will have
//to make a folder called data.

table = loadTable(“data.csv”, “header”);

println(table.getRowCount() + ” total rows in table”);
int rowCount=table.getRowCount();
for (TableRow row : table.rows()) {
//replace “Date” with the header row you want to parse data from
String date = row.getString(“Date”);
//replace “Miles” with the header row you want to parse data from
float miles = row.getInt(“Miles”);
println(date + miles );
println(“row count:”);
for (int i=0; i<rowCount; i++) {
rect(200, 200, miles*10, miles*10);

Narrative and Film

The following are a list of resources regarding Project 2

For Wednesday, 9/30, read On Defining Visual Narratives

Kurt Vonnegut on the Shapes of Stories

Alfred Hitchcock – Content versus Technique

Editing Time and Space in Satoshi Kon’s animated films

2001: A Space Odyssey: Stanley Kubrick – Jump to 11:42 to rewatch what we talked about in class on Monday 9/28