Data Visualization Seminar NCDC, April 27 2011 Todd Pierce Module 1 Data Visualization.

Slides:



Advertisements
Similar presentations
Game Play Open 2 nd Slide, let the sound play. Click to 3 rd Slide, let the sound play. Click to 4 th Slide and show students the Game Board As you play.
Advertisements

Excursions in Modern Mathematics, 7e: Copyright © 2010 Pearson Education, Inc. 14 Descriptive Statistics 14.1Graphical Descriptions of Data 14.2Variables.
Analyzing and Visualizing Data
August 9 Usability planning and conferences. Evaluations Fill out online eval form Optional: Write a letter to instructor about your experiences in the.
High Performance Visualizations with Silverlight Jason Beres VP, Product Management
© Keith Vander Linden, 1999 “A picture is worth a thousand words”
Interface Design Tufteism.
Using Visual Rhetoric in Report Writing Professor Stevens Amidon Department of English and Linguistics, IPFW.
SIMS 247 Information Visualization and Presentation Prof. Marti Hearst August 31, 2000.
Scientific Communication and Technological Failure presentation for ILTM, July 9, 1998 Dan Little.
Maps, Climate Change, and Mediated Knowledge: Mass Media and Uncertain Science Stephanie Deitrick School of Geographical Sciences Arizona State University.
Design World Graphical Integrity
Weather - it’s all around us and it’s always changing. This makes it a great resource for gathering and organizing data with graphs.
PSY 1950 Graph Design December 8, Why graph? Exploratory data analysis –Usually raw data –Tukey: a good graph “forces us to notice what we never.
Data Visualization.
Story Boards. Creating and using storyboards Storyboards are an essential tool when designing websites. They help keep developers and graphic artists.
Analyzing and Visualizing Data Dr. Lam TECM 4180.
Why planning? In order to make a successful project good communication is key! The process of planning and designing a project involves many people from.
CS 235: User Interface Design April 14 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Graphics and visual information English 314 Technical communication Note: To hide or reveal these lecture notes, go to VIEW and click COMMENTS. This lecture.
Copyright © 2010 SAS Institute Inc. All rights reserved. Effective Data Visualization Design for Dashboards Lisa Whitman TriUPA May 25, 2011.
1 Effective Communication Through Graphs: The do's and don'ts. Juan Paulo Ramírez PPC Brown Bag Meeting 29 November 2007.
Unit 2: Engineering Design Process
Mark P. Baldwin Northwest Research Associates, USA Cargese UTLS Summer School, 6 Oct Data Graphics AndTypography.
Text -informational content in interactive new media Lisa Lee.
Mark P. Baldwin Northwest Research Associates, USA Cargese UTLS Summer School, 6 Oct Data Graphics AndTypography.
CMPT 880/890 Writing labs. Outline Presenting quantitative data in visual form Tables, charts, maps, graphs, and diagrams Information visualization.
Infographics Design. getting started An infographic pairs solid reporting with attractive, purposeful design. Done well, an infographic can convey important.
The newest trend in yearbook layout design
Meta-Knowledge Computer-age study skill or What kids need to know to be effective students Graham Seibert Copyright 2006.
© 2003 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 14 Designing Visuals Technical Communication, 9/e John M. Lannon PowerPoint.
Fall 2002CS/PSY Information Visualization Picture worth 1000 words... Agenda Information Visualization overview  Definition  Principles  Examples.
I could tell you about the love I feel for my first granddaughter. Or, I could show you the photo:
1 Eric Rasmusen, March 10, 2014 Graphs and Tables.
AP STATISTIC LESSON 1-1 EXPLORING DATA DISPLAYING DISTRIBUTION WITH GRAPHS.
LEARNING DISABILITIES IMPACTING MATHEMATICS Ann Morrison, Ph.D.
ACT Science Reasoning Basic Format. ACT Science Reasoning Layout You will have 35 minutes to answer a total of 40 questions There are 7 passages with.
Coatbridge High School 10 Commandments For Good Design Layouts.
Tools of Environmental Science Chapter 2. The Experimental (Scientific) Method Series of steps that scientists worldwide Series of steps that scientists.
Creating Usable Data Usable Data and “Actionable” Information Jonathan Callahan Mazama Science M AZAMA S CIENCE Data – Information – Knowledge.
THE NATURE OF SCIENCE CHAPTER 1 SECTION 1. SCIENCE JOURNAL Open your book to page 4. Read the title, section headings and main ideas. Read the Yellow.
Corritore, MCIT Working Connections, June Introduction to Visual Design Dr. Cindy Corritore Creighton University ITM 734 Fall 2005.
Worth 1,000 Words How to use information graphics to make data meaningful National Association for Career and Technical Education Information May 17, 2012.
Scientific Method. Science Science: A way of learning about the natural world – Includes all of the knowledge gained by exploring the natural world –
CS 235: User Interface Design November 19 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak
CONFIDENTIAL Data Visualization Katelina Boykova 15 October 2015.
CS 235: User Interface Design April 30 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Visual Analytics Detect the Expected Discover the Unexpected A Tutorial for Middle School and High School Teachers Module 1- What is Visual Analytics?
Title What is it? A title is the name of a book, essay, article, etc. Purpose: To hint at what the text might be about. To give a brief summary of the.
18 Using Visual Aids “One picture is worth a thousand words.” ―Fred Barnard, 19th Century British illustrator.
1 Module 8 Reporting Results. 2 Learning Objectives At the end of this session participants will:  Understand key points to effectively present results.
Bell Ringer You will need a new bell ringer sheet – write your answers in the Monday box. 3. Airport administrators take a sample of airline baggage and.
Books Visualizing Data by Ben Fry Data Structures and Problem Solving Using C++, 2 nd edition by Mark Allen Weiss MATLAB for Engineers, 3 rd edition by.
1 Technical Communication A Reader-Centred Approach First Canadian Edition Paul V. Anderson Kerry Surman
MIS 420: Data Visualization, Representation, and Presentation Content adapted from Chapter 2 and 3 of
VISUAL AIDS May Jina Park.
SCIENTIFIC INQUIRY CHAPTER 1 SECTION 2 PHYSICAL SCIENCE.
DATA VISUALIZATION BOB MARSHALL, MD MPH MISM FAAFP FACULTY, DOD CLINICAL INFORMATICS FELLOWSHIP.
PASS Chapter & Community News August 2015 September 8, Meeting – SQL Server UG: Dan Guzman - Indexing Strategies Kim Tessereau, Clayton Hoyt - AlwaysOnAvailability.
SCIENCE TEST 35 Minutes; 40 Questions; 7 Passages 5 – 7 questions per passage 5 minutes per passage Evaluates your ability to reason scientifically 3 Question.
An introduction to the fundamentals of “The greatest value of a picture is when it forces us to notice what we never expected to see.” -John W. Tukey,
Emo’s 360 to I C O N.
CEN3722 Human Computer Interaction Cognition and Perception
Principles of Graphical Excellence
CMPE 280 Web UI Design and Development October 10 Class Meeting
Three Using Visuals in Written and Oral Communication.
Make Your Data Tell a Story
Computer Applications for Business
Text Features Text features are parts of a written work that stand out from the rest of the text.
Information Visualization - Week 01
Presentation transcript:

Data Visualization Seminar NCDC, April Todd Pierce Module 1 Data Visualization

Introduction This seminar will look at visualization from the viewpoint of human perception and cognition How do humans perceive and use visuals? What are some principles that can be applied to visualizations to make them more effective? The seminar is a summary of the first half of the UNC Asheville class “Tools for Climate Data and Decision-Making”

Outline 1 Data Visualization – history, uses, good and bad visuals 2 Human Perception – visual attendance, patterns, and working memory 3 The Eightfold Way – principles for effective visualizations Lunch break 4 Best Practices – color, parts of a graph, picking the correct graph 5 Types of Graphs – types of analysis supported, do’s and don’t’s 6 Maps – (if time allows) THEORY PRACTICE

Sources

Sources

Sources

Let’s Get Started Facebook Friends Graph friendships/

Need for Climate Change Communication Why are the skills in this course important? -Climate Data needs to be a part of decision making as humans must start enacting climate mitigation and climate adaptation programs -Climate Data is overwhelming in its quantity and needs to be better presented in visualizations – maps, charts, graphs – that can be used in decision making

Need for Climate Change Communication According to Global Climate Change Impacts in the United States -Global warming is unequivocal and primarily human-induced -Climate changes are underway in the US and are projected to grow -Widespread climate-related impacts are occurring now and are expected to increase -Future climate change and its impacts depend on choices made today

Need for Climate Change Communication Despite the need for choices to be made now, climate change skepticism abounds

Need for Climate Change Communication There is a need to counteract the skeptics, but how? Climate Change is not a sound bite – it has complex concepts and counterintuitive findings as well as mountains of data. Some examples…

Need for Climate Change Communication Skeptics vs Scientific Consensus deniers-vs-the-consensus/ Increasing Sea Levels

Need for Climate Change Communication Moscow Summer Heat Wave an_heat_wave_of_2010/

Need for Climate Change Communication Increased US Snow arctic-may-mean-colder-winters-for-some/

Data Visualization So…data visualization can help explain climate change data (as well as many other things) Let’s look at data visualization why use it? when did it get started? what makes a good or bad visualization?

Why Use Visualizations? To explain and to persuade “picture is worth a thousand words” Visuals help meet several objectives

Why Use Visualizations? Objectives for Visuals -Clarity: make technical or numerical data easier to understand -Simplification: break down narrative description into smaller parts (flow chart) -Emphasis: draw attention to certain facts -Summarization: show conclusions or main points

Why Use Visualizations? Objectives for Visuals -Reinforcement: complement text and use repetition to help remember idea -Interest: break up blocks of text -Impact: grab reader’s attention and keep it -Credibility: impress reader with data validity (“pictures don’t lie” ?) -Coherence: help show how related parts of a document work together

Definition Data visualization: the visual representations that support the exploration, examination, and communication of data. Information visualization: abstract data Scientific visualization: physical data, such as through X rays or MRI scans

History Tables date to 2 nd century CE, first ones in Egypt for astronomical data for navigation Descartes created the Cartesian graph in the 17 th century, but for mathematical analysis, not for information visualization source: Stephen Few

History In late 18 th /early 19 th century, William Playfair created or improved graphs for use in information visualization – invented the bar graph, used line graphs to show time trends, and invented the pie chart. source: Stephen Few

History First college course in graphs in 1913 at Iowa State – today few courses offered outside of statistics classes John Tukey in 1977 started exploratory data analysis as a tool for statistics – invented tools such as the box plot to help show trends in data and prove power of visualization for data exploration source: Stephen Few

History Edward Tufte in 1983 published The Visual Display of Quantitative Information, the first book to really show effective and beautiful ways existed to show data, and that most visuals did not use them source: Stephen Few

History In 1984 the Apple Macintosh debuted – the first affordable PC with a graphical interface William Cleveland in 1985 published The Elements of Graphic Data – expanded on Tukey and improved use of visualization in statistics source: Stephen Few

History The National Science Foundation started efforts in scientific visualization in 1986 By 1999, information visualization was recognized as distinct discipline within visualization in general Two conditions needed for modern information visualization: – graphical computers – lots of readily accessible data. – Before, data was limited to the printed page, which can only be physically manipulated – the data is locked on the page and can’t be changed. With computers, users can interact with the data and explore ways to show it.

What Makes a Good Visual? Easy to understand Combines multiple data sources Tells a story Encourages aha! Moments Leads to new insights and predictions Often used in unrelated areas “forces us to notice what we never expected to see” – J W Tukey

What Makes a Good Visual? Easy to understand

What Makes a Good Visual? Easy to understand

What Makes a Good Visual? Combines multiple data sources

What Makes a Good Visual? Combines multiple data sources

What Makes a Good Visual? Tells a story

What Makes a Good Visual? Encourages aha! moments

What Makes a Good Visual?

Leads to new insights and predictions

What Makes a Good Visual? Leads to new insights and predictions

What Makes a Good Visual? Often used in unrelated areas

What Makes a Good Visual? Often used in unrelated areas

What Makes a Good Visual? Often used in unrelated areas

What Makes a Good Visual? Often used in unrelated areas

What Makes a Good Visual? Often used in unrelated areas

What Makes a Good Visual? Often used in unrelated areas

What Makes a Bad Visual? Misleading or wrong Ignores context Ugly Confusing Obscures message With computers, it is very easy to make a bad chart, graph, or map

What Makes a Bad Visual? Misleading or wrong (perspective issues)

What Makes a Bad Visual? Misleading or wrong (area used for linear value)

What Makes a Bad Visual? Misleading or wrong

What Makes a Bad Visual? Misleading or wrong

What Makes a Bad Visual? Misleading or wrong

What Makes a Bad Visual? Misleading or wrong – track removed

What Makes a Bad Visual? Misleading or wrong

What Makes a Bad Visual? Ignores context

What Makes a Bad Visual? Ignores context

What Makes a Bad Visual? Ugly (“chart junk”)

What Makes a Bad Visual? Confusing

What Makes a Bad Visual? Obscures message

What Makes a Bad Visual? Obscures message – better version

Next Module: Human Perception How can we make visuals better, so they show more of the ‘good’ qualities and less of the ‘bad’ qualities? We can consider principles of human perception.