INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION...

23
INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

Transcript of INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION...

Page 1: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

INFORMATION VISUALIZATION

Prof. Rahul C. Basole

CS4460 > January 12, 2016

Page 2: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Today

• Introductions of Instructor & TAs

• Course Information

• About Information Visualization

• Project Information

Page 3: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

[email protected]

@basole

linkedin.com/in/basole

© 2016 | Rahul C. Basole | Do not copy or distribute without permission.

Rahu l C . Baso le , PhD

Director, Computational Enterprise Science Lab Associate Professor, School of Interactive Computing Associate Director, Tennenbaum Institute Fellow, Batten Institute Visiting Scholar, Stanford University Faculty, GVU Center Editor-in-Chief, Journal of Enterprise Transformation

+1.404.385.6269

TSRB 332

entsci.gatech.edu

• Business/Strategy Visualization • Visual Analytics • Decision Support • Systems Science & Engineering

Page 4: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Data Mining Text Analyt ics Machine Learning Visual izat ion Visual Analyt ics Simulat ion Socia l Comput ing

=

Page 5: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

C u r r e n t M e m b e r s

S e l e c t A l u m n i

Dr. Hyunwoo Park Post-Doctoral Fellow Ecosystem Analytics

Arjun Srinivasan MS (CS) Visual Analytics + Machine Learning

Trustin Clear PhD Candidate (HCC) Social Computing

Shiv Patel BS (CS) FinTech Analytics

Jenna Kwon BS (CS) Corporate Sustainability Models

Alex Braulik MS (CS) IoT Analytics

Prof. Marcus Bellamy Assistant Professor Boston University

Timothy Major UX Director Dish Digital

Jagannath Putrevu Sr. Data Scientist Instacart

Harshit Mehrotra Software Engineer Apple

Dr. Mengdie Hu Data Analytics Facebook

Mayank Gupta UI Team Apple

Page 6: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Care Process Graphs Healthcare Data Visualization

Current Research

dotlink360 Business Ecosystem Intelligence

Knowledge Ecosystem Evolution and Reaction of Ecosystem

Supply Network Risk Analysis & Visualization of Risks

DesignVis Visual Analytics for Product Design

Bicentric Diagrams Visual Comparison Techniques

© 2014 | Rahul C. Basole | Do not copy or distribute without permission.

Page 7: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Played Division I Sports > now prefer lowering my HC

Born and Raised in Germany (and still happy about WC14)

Something about me …

Dad to 2 Rascals :-)

Rascal 1

Rascal 2

Page 8: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Trustin Clear

[email protected]

• BS, Engineering + Economics, Rice University

• MS, Industrial & Systems Engineering, Georgia Tech

• PhD Candidate, Human-Centered Computing, Georgia Tech

• Interests: Collaborative management, distributed problem solving, group coordination

• Experience: PhD student in Human-Centered Computing

Page 9: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

John Dugan

[email protected]

• From Asheville, NC

• Pursuing MSCS in HCI

• BS in CS from GT ’14

• Interned at Liberty Mutual, Epic, and Capital One

• Interested in Movies, Ultimate Frisbee, and your success

Page 10: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Titus Woo • [email protected] • Office Hours: TBD • BS ‘16 - Computer Science

• Developed an info-viz dashboard framework

used by everyone at SpaceX.

• President of Design Club, Tech Lead at gt-webdev.

• Cats are bae.

Page 11: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Administrative

• Course Website – Syllabus

– Schedule

– Assignments

– Grading

– Instructor & TA

– InfoVis Resources

• T-Square

• Piazza

cs4460.wordpress.com

Page 12: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Course Objectives

• Learn fundamental principles of effective information visualization.

• Understand the wide variety of information visualizations and know what visualizations are appropriate for various types of data and for different goals.

• Understand how to design and implement information visualizations.

• Know how information visualizations use dynamic interaction methods to help users understand data.

• Gain an understanding of human perceptual and cognitive capabilities to the design of information visualizations.

• Develop skills in critiquing different visualization techniques in the context of user goals and objectives.

• Learn how to use and critique existing systems for creating information visualizations.

Page 13: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Name Cards

• I will try my very best to get to know you by name

– Please create a name card.

– Place it in front of you for the first few classes.

Page 14: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Grading

• Grading will be based on class participation, homework, assignments involving use and analysis of information visualization tools, and a team-based semester project.

– Homework: 25%

– Test 1: 20%

– Test 2: 20%

– Project: 30%

– Class Participation: 5%

Page 15: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

***CAVEAT***

• This course is a lot of work. If you’re just looking for some easy grade, I would advise you to drop now. We have lots of people on waitlist that would like to be in class.

• If you are sincerely interested in this topic, I hope you will enjoy the course and learn a lot.

Page 16: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Policies

• No late homework accepted without documented personal issues (serious illness, family emergency, etc.)

• Individual HWs done individually

• Group projects are the work of your group alone – Talk to others for feedback; look at other systems for ideas; group synthesizes an

original design

• Come to class prepared by doing the readings, pay attention and participate in discussions. Doing all three regularly will earn full credit.

• Turn your smartphones off. Use laptops only for class-related work.

• Review the Georgia Tech Academic Honor Code – http://www.deanofstudents.gatech.edu/Honor/

Page 17: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

What is Information Visualization?

• Elevator speech – Presenting data via INTERACTIVE charts, graphs, maps so that users can understand

the data, answer questions about the data and gain insights from the data

– Means is NOT just printed (static) information presentation – interaction is key element!

• Longer version – The whole course

Page 18: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

By the way …

• Information Visualization is also known as

– InfoVis

– InfoViz

• Other related terms

– Infographics

– Data Visualization

– Dashboards

Page 19: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Information Presentation Examples

Page 20: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Page 21: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Napoleon's March

Size of Army Direction

Latitude Longitude

Temperature Date

From E. Tufte, The Visual Display of Quantitative Information

Minard’s Graphic

Page 22: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Information Visualization Example

• Gapminder – Interaction!

– Animation!

– Informative!

– Communicative!

http://www.gapminder.org/world/

Original: https://www.youtube.com/watch?v=RUwS1uAdUcI 3D BBC: https://www.youtube.com/watch?v=jbkSRLYSojo

Page 23: INFORMATION VISUALIZATION - cs4460.files.wordpress.com · INFOVIS CS4460 > SPRING 16 INFORMATION VISUALIZATION Prof. Rahul C. Basole CS4460 > January 12, 2016

INFOVIS CS4460 > SPRING 16

Homework 1 Due Next Class

• Complete Survey

– http://bit.ly/1SLY4qM

• Reading – Heer et al. (2010) A Tour Through the Visualization Zoo, ACM Queue