Data Sources

By Project Category

Transportation Data

uber and taxi

Earthquake chart

import csv

def setup():
    size(1300, 800)
    
    with open("quakes.csv") as f:
        reader =…

3_Earthquake Magnitude Grid

Each cell represents one minute — the 60 columns, the 60 minutes in an hour and the 24 rows, the 24 hours in a…

Interactive Face and Earthquake Data

This is the interactive face for the panda~~

face_color=120
def…

Earthquake Dot Map

I am trying to make an earthquake dot map on which you could not only figure out its magnitude by the size, but also know its depth by…

Data Visualization

##Visualizing by my own
import csv

def setup():
    size(500, 500)

Interactivity with Python + Processing

This is an extension of my last post Illustrating with Python + Processing. A bit more…

Interactive Baymax

I’ve used random color function to create a shining effect (background, heart, pocket).

Visualization technique of the Earthquake data

import csv

def setup():

Doraemon

def setup():

size(700, 500)

def draw():

background(78, 119, 186)

Earthquake magnitude

If the magnitute is greater than 7, it is destructive. Highlight it with red…

Earthquake stacked bar graph

I was using lab computer, but it didn’t allowed me to use screen recorder software to get a gif.

Interactive Smiling Face and GIF

def setup():
    size(500,500)
    noStroke()
    background(255, 220, 220)

Face Visualization

def setup():
    size(500,500)
    stroke(204, 102, 0) #this is made with 3 rgb values
    strokeWeight(0)…

Magnitude

import csv
def setup():
    size(1500, 600)
        
    with open("quakes.csv") as f:
        reader = csv.reader(f)
        header =…

Moody Face

Using conditional statements to loop through an array of moods and render the appropriate face based on mouse position.

Faces and Earthquakes

Baby’s first hair-sway

Visualization

Tutorial 03 -Code Logic: Functions, Conditionals and Loops

import csv
def setup():
 size(480,120)
with open(“4.5_week.csv”) as e:
 reader = csv.reader(e)
 header = reader.next() # skip the header row.
 print header
 
 global magnitudes # means make this “ magnitudes” as global var…

Bunny!

##making an interactive face
def setup():
    size (500, 500)
    stroke(211,211,211) #rgb value, light gray
    strokeWeight(0.5) #line-weight…

A full round face

def setup():
    size(400,400)
    strokeWeight(5)
def draw():
    dict = {}
    dict['circle']=[200, 50, 20, 30, 15,40,20]…

Moving Face

def setup():
    
    #backdrop
    size(500,700)
    background(510)

def draw():
    
    
    
    if mouseX<=150 and mouseY<=300:
    #no outlining
        strokeWeight(0)
        background(510)

#red body
        fill(255,0,0)…

Winking Cat & Earthquakes

Cat

Made my digital cat wink when you move the mouth. Original I had its nose enlarge…

Earthquake Magnitude

'''

import csv

def setup():
size(600, 600)

Magnitude of Earthquake

import csv

def setup():
    size(800, 300)
    with open("quakes.csv.csv") as f…

I don’t know why I made such a funny face….

Week 3

import csv
def setup():
    size(1000, 200)
        
    with open("quakes.csv") as f:
        reader = csv.reader(f)
        header = reader.next() # Skip the header row.
        
        global magnitudes
        magnitudes = []
        
        for row in reader:
            magnitude = float(row[4])…

Little Monster

Source: Original code belongs to Gloria!

'''

def setup():
size(600, 800)…

Tutorial 03 — Interactive Funny Face

def setup():
 size(180, 180)
 stroke(204, 102, 0) #this is made with 3 rgb values
 strokeWeight(10)
 
 global moods
 moods = [‘happy’, ‘meh’, ‘sad’, ‘sick’]
 # mood = “happy”
 
def draw(): 
 background(255, 204, 0)
 
 eyeRadius = 35
 eyeYPosition = (height/2) — 50…