2018w



Instructor
Supervisor


M259 Visualizing Information (4 units)



Jieliang (Rodger) Luo | jieliang@ucsb.edu
George Legrady

Lecture/lab: Tues-Thurs 3:30pm-5:20pm Ellings Studio 2611
Office Hours: Tues 2:00pm-3:30pm Ellings Studio 2611


Course Description

M259 is a project-based course focused on techniques of information retrieval and the language of algorithmic visualization. Course concentration on fundamentals of data visualization and design, with an emphasis on data query, data analysis and processing, and visualization in 2D frequency and 3D interactive spatial visualization.

Data mining, Knowledge Discovery, Culture Analytics through MySQL

Goals: Discover unexpected, interesting patterns in a large dataset
Source: 90 million datasets of library check-outs/check-ins, Seattle Public Library source

2D Frequency Data Mapping - Visual Language Basics with Processing
Goals: Acquire visual language basics, visualize data in java-based Processing
Source: 90 million datasets of library check-outs/check-ins, Seattle Public Library source

3D Interactive Visualization
Goals: Design in 3D, interactive space, implement algorithms in java-based Processing
Source: 90 million datasets of library check-outs/check-ins, Seattle Public Library source

Final Student Project
Goals: Student defined project building on skills acquired through previous assignments
Source: Student determined

Knowledge acquired through the course:
1) Learn to explore and retrieve significant data from a dataset with MySQL
2) Develop skills in the fundamentals of visual language expressed through programming
3) Visualize abstract data to reveal patterns and relationships
4) Normalize data to enhance legibility and coherence
5) Apply algorithms by which to organize data
6) Implement interactivity within 3D volumetric visualization
7) Correlate various data sources through JSON and APIs
8) Exhibit projects online with p5.js or d3.js


Seattle Library
SPL Library Search | SPL online catalog | Library Geographical Location

Dewey Decimal Classification
Dewey Classification | DeweyClassificationCSV

Student Resources
Student Forum | Last Year's Course | Vislab Student Visualizations

Data Description
SPL Metadata | SPL ItemTypes | SPL_2016 Table Explanations | SPL Top 20 Dewey DataStatistics

Software
MySQL (index) | MySQL Workbench | W3School_Tutorial | Processing (reference) | p5 (reference) | d3 (reference)

TOPIC 1
FREQUENCY MAPPING & KNOWLEDGE DISCOVERY & 2D VISUALIZATION

[wk 1].......Lecture 01.16
Lab Setup

Theory References
Visual Reference

Lab 01.18
Course Introduction | Questionnaire | Agreement
Access | Basic MySQL Examples | additional queries | SPL Data Notes

KDD | MySQL Crash Course | Online Ben Forta
Cebit 14 | InfoEsthetics

Advanced MySQL Examples | Additional queries | [Assignment] | "Blade Runner" MySQL Demo | Top 50 Movies in 2017

[wk 2].......Lecture 01.23


Theory
Visual Reference

Lecture 01.25
MySQL Project Presentation
FreqMapping | 2D Visualization [Assignment]

FrequencyPatternMining [URL]
Anastasiya [early 2D] | Feltron [nytimes] | heatmap | VisualComplexity

Starter Code
Circular Map [Qian] | Teng | Luo | McKenzie | Wattenberg | Luo
2D FreqPattern Code | "Blade Runner" FrequencyMap | Word Freq | HSB

[wk 3].......Lecture 01.30
Lab 01.30

Historical
Design Basics
Fonts
Color
Interactive

Lab 02.01
Visual Language Basics
Individual Meetings - 2D Visualization

Data Vis | Minard [img] | Analysis
Swiss Graphic Design | Grid System
Arial | Futura | Helvetica | Univers | ITS
ColorPicker | w3schoolsColorMixer | RGB | HSL | Alpha channel
SectorSnapshot_NYTimes | Newsmap

2D Project Presentation

TOPIC 2
3D INTERACTION & CHANGE OVER TIME

[wk 4].......Lecture 02.06
Lab 02.06

TreeMaps

Theory

Engineering Research Papers
Dot/particles/Cloud
Linear
Nodes
Objects
Sphere
Spiral
Associative
Text-Based
Time
Columns
3D Perception

Lab 02.08

3D Visualizations [Assignment]
3D Basic | 3D Starter demo | PeasyCam | Control P5

BenFry TreeMap Library [Teng] | Treemap | Wattenberg Treemap | Wattenberg Synchronic/Diachronic | Parallel coordinates
Eyes Have it (Schneiderman)

Space-Time Volumetric | Temporal Data Compression
Donghao | Yeu | Ignac | Astronomy
Ignac
Yun | Munzner
Grant | Anis | Fabian | Jay
Saeed Sphere
Qian Spiral | Kitty
RJDuran 3D code [Concept Evolution]
Reza
Time-Based Vis
Hovey
FOV | Angle of View

JSON [demo] | 3Dlabeling | Treemap_3D | Minim [documentation]

[wk 5].......Lecture 02.13

Algorithm Resources
Kohonen
Google Correlate


Sound Demos


Presentation 02.15

Algorithms

FPTree Algorithm [wiki] | Karl FPtree [code]
SOM [demo] | Skupin | Stacy Hespanha [2006] | Godwin [demo] | SOM Package
Google Correlate | Nearest Neighbor article
Principal Component Analysis

minim | processing.sound | History | Frequency Modulation | Moog | Noise | ADSR | soundFile | vocoder | AmbikaDemo

3D Work-in-progress


[wk 6]...................02.20


Presentation 02.22

Individual Meetings
Shader | Demo by Keehong Youn


3D Project Presentation

TOPIC 3
STUDENT DEFINED VISUALIZATION

[wk 7].......Lecture 02.27


Data Sources
Articles / Content
Inspirations

Lab 03.01
Final Project [Assignment]
D3.js | deck.gl

Online Data| NCSA | NOAA | Temboo
IBM Research | metaLAB | Forbes Big Data
Centre Pompidou

Lab & Individual Meetings

[wk 8]..................03.05

03.08

Individual Meetings by Appointment

CNN Visualization Talk by Sam Green | Neural_Networks [Jeffrey Greenberg]
Final project-in-progress

[wk 9]..................03.13

03.15

Lab & Individual Meetings

Final Student Presentations

[wk 10]..................03.20

Final Documentations Due
Webpage Template

Technical TextBooks

Graphics of Large Datasets, Unwin, Theus, Hofmann (Statistics & Computing)[UCSB online]
Visualizing Data [Examples] Ben Fry (Online text by the co-author of Processing)


Cultural Theory
Scientific Visualization
Mapping & Design
Graphic Design
Processing References
Big Data, Schonberger, Cukier
Atlas of Science | IEEE TimeLine
Mapping Graphic Navigational Systems | Places & Spaces
Visual Complexity | Infoesthetics | 259 Links Resource
Shiffman | Greenberg [code] | Terzidis

Grading Completion of projects 60%
Attendance, Research, 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.