data visualization (csci 627/490)faculty.cs.niu.edu/.../cs627-2020fa/lectures/lecture01.pdf ·...

Data Visualization (CSCI 627/490)

Introduction

Dr. David Koop

D. Koop, CSCI 627/490, Fall 2020

2

What is Data Visualization?

D. Koop, CSCI 627/490, Fall 2020

3

How is it different from Computer Graphics?

D. Koop, CSCI 627/490, Fall 2020

4

The purpose of computing is about insight, not numbers

- R. W. Hamming

D. Koop, CSCI 627/490, Fall 2020

5

The purpose of visualization is about insight, not pictures

- Card, Mackinlay, Schneiderman

D. Koop, CSCI 627/490, Fall 2020

6

Why do we visualize data? (vs. looking at tables?)

D. Koop, CSCI 627/490, Fall 2020

MTA Fare Data Table

7D. Koop, CSCI 627/490, Fall 2020

MTA Fare Data Visualization

8D. Koop, CSCI 627/490, Fall 2020

Why Graphics?Figures are richer; provide more information with less clutter and in less space.Figures provide the gestalt effect: they give an overview; make structure more visible.Figures are more accessible, easier to understand, faster to grasp, more comprehensible, more memorable, more fun, and less formal. list adapted from: [Stasko et al. 1998]

Why do we visualize data?

9

[T. Nørretranders]D. Koop, CSCI 627/490, Fall 2020

[via A. Lex]

10

What are the purposes for visualization?

D. Koop, CSCI 627/490, Fall 2020

Exploration: Subway Ridership Density

11D. Koop, CSCI 627/490, Fall 2020

Communication: Peyton's Records

12

[G. Aisch and K. Quealy, NYTimes]D. Koop, CSCI 627/490, Fall 2020

Exploration <-> Communication Spectrum

13

[K. Quealy, 2013]D. Koop, CSCI 627/490, Fall 2020

Exploration CommunicationConfirmationQuestions Answers/Persuasion

Consecutive Starts by a Quarterback for a Single Team

14

What types of data can we visualize?

D. Koop, CSCI 627/490, Fall 2020

Types of Data• Tables • Networks (Graphs) • Spatial Data - Geography - Physical (e.g. Scientific, Medical)

• Text • Sets

15D. Koop, CSCI 627/490, Fall 2020

16

Where have you seen visualizations?

D. Koop, CSCI 627/490, Fall 2020

Books / Posters

17

[Rock 'N' Roll is Here to Pay, R. Garofalo, 1977 (via Tufte)]D. Koop, CSCI 627/490, Fall 2020

FAQAlbum or artist: Search...Music Timeline

popu

larit

y

1982

ThrillerMichael Jackson

2003

Chocolate FactoryR. Kelly

2006

Back To BlackAmy Winehouse

2007

Good Girl Gone BadRihanna

2007

Marvin Gaye '50'Marvin Gaye

2014

XChris Brown

2014

In The Lonely HourSam Smith

1988

Past MastersThe Beatles

2006

The Essential Elvis Presley 3.0Elvis Presley

2009

My Kind Of ChristmasDean Martin

2010

Teenage DreamKaty Perry

2012

Four of a Kind - 200 Classic SongsThe Everly Brothers

2015

DeliriumEllie Goulding

2015

VMaroon 5

19501950

1950

19601960

1960

19701970

1970

19801980

1980

19901990

1990

20002000

2000

20102010

2010Comedy/SpokenWord/Other

World

Vocal/Easy Listening

Folk LatinReggae

Dance/ElectronicR&B/Soul

Blues Hip-Hop/Rap

Alternative/Indie

Country

Metal

Jazz Rock

Pop

Web

18

[Music Timeline, Google Research]D. Koop, CSCI 627/490, Fall 2020

19

What is the advantage of the second version?

D. Koop, CSCI 627/490, Fall 2020

20

Interaction

D. Koop, CSCI 627/490, Fall 2020

21

How do we create modern visualizations?

D. Koop, CSCI 627/490, Fall 2020

Tools• Desktop Applications: - Excel (see excelcharts.com) - Tableau - …

• Grammars: - Vega-Lite

• Programming Frameworks - d3.js - deck.gl, MapboxGL - …

• Tradeoffs - Speed - Customization - Understanding - Dissemination

22D. Koop, CSCI 627/490, Fall 2020

Data-Driven Documentsd3.js

23D. Koop, CSCI 627/490, Fall 2020

24

Why do we care about the design of visualizations?

D. Koop, CSCI 627/490, Fall 2020

Design: Focus on only the y-axis

25

[S. Hayward, 2015]D. Koop, CSCI 627/490, Fall 2020

Design: Year on the y-axis

26

[@bizweekgraphics]D. Koop, CSCI 627/490, Fall 2020

Design: Different y-axis

27

[S. Hayward, 2015]D. Koop, CSCI 627/490, Fall 2020

Administrivia• Course Web Site • Syllabus - Plagiarism - Accommodations

• Textbook: - Required: Munzner (VAD) - Recommend: Murray, 2nd ed. (IDV)

• Assignments • Exams: Midterm (Oct. 15) and Final (TBA) • Registration

28D. Koop, CSCI 627/490, Fall 2020

Administrivia• Undergraduate (CSCI 490) and Graduate (CSCI 627) - Graduate: Extra reading, exam questions, project emphasis

• Research Topics: - Also investigate some topics in depth - Research papers as assigned reading (CSCI 627)

• Project: Create an interactive visualization (or vis research) - Design - Data analysis - Insight - Presentations: Last week of class

29D. Koop, CSCI 627/490, Fall 2020

Online Synchronous Course• Lectures will be given 9:30-10:45am TuTh - Better for learning if you are engaged - Ask questions - Please mute your microphone if you are not asking a question or discussing - Please advise me of any issues

• Slides will be posted to the course website • Recordings will be made available on Blackboard

30D. Koop, CSCI 627/490, Fall 2020

Office Hours & Email• Office hours will be held via Blackboard Collaborate • Scheduled office hours are open to all students - TTh: 11am-12pm, or by appointment

• You do not need an appointment to stop in during scheduled office hours • If you need an appointment outside of those times, please email me with

details about what you wish to discuss • Many questions can be answered via email. Please consider writing an

email before scheduling a meeting.

31D. Koop, CSCI 627/490, Fall 2020