2014w
Instructor
TA
M259 Visualizing Information (4 units)
George Legrady
Yoon Chung Han
Lecture/lab: Tues-Thurs 4:00-5:50 Ellings Studio 2611
A production course in data query, processing and visualization. The course's focus is the acquisition of visual language skills by which to turn abstract data into visual form. Given the limited time to realize these projects, we are using a specific multivariated dataset of over 80 million transactions for which various visualization modules have been created in previous classes. This will greatly speed up the conceptual and production process.
The data we are using is representative of any datasets. It consists of library transactions of titles of books, DVDs, CDs and other media checked out by the general public since 2005. Every dataset contains the same scalar, numeric, time-based, semantic and other forms of metadata which allow for a multiplicity and complex modes of data correlation and representation. Our goal is to learn how to discover interesting patterns in the data, and how to visualizat it.
We will begin with MySQL data queries, followed by visualization assignments in the java based Processing environment. Following the MySQL exercises there are 3 projects: 1) 2D spatial map, 2) a correlation with an external data source such as the NY TImes or Amazon, or Twiter and 4) completion with a 3D interactive visualization.
This data consists of checked-out items (books, cds, movies, etc.) retrieved by the hour from the Seattle Public Library through an art project "Making Visible the Invisible"
DataBase Management
Sequel Pro (Mac) | HeidiSQL (Windows) | MySQL Workbench (Mac, Windows, Linux)
w3School Tutorial
[Setup] [MySQL_Intro][demo]
Lab 01.16
The Data Source (pdf) [Agreement]
Karl Yerkes | lab2 | [innerjoin]
Student Projects
Lab 01.23
SQL Queries
SimpleQuery | QueryToText | 2D_Spatial
References
Grid System
Design
Lab 01.30
2D Spatialization Design | Lab
Mosaic Plot | Scatter Plot | TreeMap (Ben Fry) | Teng | Liu |
SOM | (Stacy Hespahna) Reza |
Grid System | Grid Visuals | Dornbracht
infoesthetics | Design References | ColorRef
2DSpatialExamples | Lab
Examples
Student Projects 02.06
Ikeda | open processing| visualizing.org
2D Spatial Map Student Presentation
Reading
Lab 02.13
Culture & Data: Digital Design | Million Dollar blocks | vvoice |
Jay Twitter demo |Twitter4J | Twitter | RateLimit | JayPPT_Pdf
Student Projects 02.20
Data Correlation
Readings
Lab 02.27
3D Google Search | 3D Point Visualization | Chiang | Carrasco | Liu | Teng | Han | Bhat | Saeed | Giovanni | RJ Duran | Dark Matter | Tetrahedon |
"Eyes Have it", Shneiderman
Final Project Concept Development
Readings
Student Projects 03.06
TBA
3D Spatia: RJ Duran |Yoon Chung Han | 3D + Time
03.13
Lab & Individual Meetings (Dead Week)
Graphics of Large Datasets, Unwin, Theus, Hofmann (Statistics & Computing)[UCSB online]
Visualizing Data, [Examples] Ben Fry (Online text by the co-author of Processing)
MySQL Ben Forta
Mapping & Design
Graphic Design
Online References
Additional Processing Refs
Mapping Graphic Navigational Systems, Fawcett-Tang
DataFlow: Visualizing Information in Graphic Design, Gestalten
Visual Complexity | Infoesthetics | 259 Links Resource
Shiffman | Greenberg [code] | Terzidis [code]
Final Project 30%
Attendance, Participation and Literature Review 40%
The course is designed to accommodate both beginning and advanced students. All students will be expected to perform at the level of their expertise but programming experience is desirable.