Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974...

24
Infographics Workshop Paul Marty School of Information Ken Armstrong Program in Interdisciplinary Computing

Transcript of Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974...

Page 1: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

Infographics Workshop

Paul Marty School of

Information

Ken Armstrong Program in

Interdisciplinary Computing

Page 2: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

Agenda

• Why Information Visualization?

• Infographics Demonstration — Tableau

• Creating Infographics — Hands-on Experience

Page 3: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

How big is this cat?

Page 4: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

Icebreaker (With Rockets)

Page 5: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

January 28, 1986

Page 6: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

History of O-Ring Damage in Field Joints

Page 7: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

History of O-Ring Damage in Field Joints

Page 8: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

History of O-Ring Damage in Field Joints

Page 9: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

O-Ring Damage vs. Temperature Edward Tufte (1997), Visual Explanations

Page 10: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

O-Rings in Ice Water

Page 11: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

Infographics are Important

Page 12: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

http://www.smithsonianmag.com/history/ surprising-history-infographic-180959563/

http://www.schrockguide.net/infographics-as-an-assessment.html

Page 13: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total
Page 14: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

Five Takeaway Lessons

Page 15: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

1) Infographics Should Present Data Accurately

and Clearly (Confusion Doesn’t

Help Anyone)

Page 16: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

2) Infographics Should Serve a Necessary

Purpose (Don’t Use

Graphics for Graphics’ Sake)

Page 17: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

3) Infographics Should Be Informative (Don’t Bee Distracting!)

http://neomam.com/interactive/13reasons/

Page 18: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

4) Infographics Should Present Data Understandable “at a Glance”

https://dashboard.dma.org/

Page 19: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

5) Infographics Should FollowPrinciples of User-Centered Design

N.B. Poorly Coded CSS Can Kill You

Page 20: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

Creating Infographics

Page 21: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

IBM’s Many Eyes

Page 22: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

http://palladio.designhumanities.org/

Page 23: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

http://palladio.designhumanities.org/

Page 24: Infographics Workshop - Florida State University · TECHNOLOGY DASHBOARD BUILDING $3,753,974 FINANCIAL FUNDRAISING 13,827 DMA 3,813 Objects Works View at the DMA $188,000,000 Total

Let’s Learn About Tableau!!


Section 31. DMA Controllerlynnd/cst331/ftp/Sec 31 DMA 60001117H-1...Section 31. DMA Controller DMA Controller 31 Table 31-1 provides a brief summary of the related DMA module registers.

Section 31. DMA Controllerlynnd/cst331/ftp/Sec 31 DMA 60001117H-1...Section 31. DMA Controller DMA Controller 31 Table 31-1 provides a brief summary of the related DMA module registers.

campus.collegeforcreativestudies.edu...Oct 05, 2020  · DMA 101 Animation I DMA 312 Sound Design I DMA 211 2D Digital Animation DMA 328 Stop Motion II DMA 228 Stop Motion I DMA 336

campus.collegeforcreativestudies.edu...Oct 05, 2020  · DMA 101 Animation I DMA 312 Sound Design I DMA 211 2D Digital Animation DMA 328 Stop Motion II DMA 228 Stop Motion I DMA 336

Rethinking infographics

Rethinking infographics

Infographics - Wilson Center to make an infographic ... O Cool Infographics O Infographics Archive O Infographic Journal O Infographics Showcase O Flickr (Infographics Group)

Infographics - Wilson Center to make an infographic ... O Cool Infographics O Infographics Archive O Infographic Journal O Infographics Showcase O Flickr (Infographics Group)

DMA+300 / DMA+1000 / DMA+2000 DMA and fatigue testing … · DMA and fatigue testing capabilities in a single machine! The new DMA+ series instruments are dynamic testing machines

DMA+300 / DMA+1000 / DMA+2000 DMA and fatigue testing … · DMA and fatigue testing capabilities in a single machine! The new DMA+ series instruments are dynamic testing machines

Creating infographics

Creating infographics

Why Infographics Are Better than Word-Intensive Content€¦ · 1. What are Infographics? 2. Types of infographics 3. The difference between infographics & Text Content 4. What does

Why Infographics Are Better than Word-Intensive Content€¦ · 1. What are Infographics? 2. Types of infographics 3. The difference between infographics & Text Content 4. What does

Infographics Project

Infographics Project

FirstChat - Infographics

FirstChat - Infographics

DMA Student Membership Your DMA Journey

DMA Student Membership Your DMA Journey

Gender infographics

Gender infographics

Tokii Infographics

Tokii Infographics

campus.collegeforcreativestudies.edu · 2020-06-10 · DMA 101 Animation I DMA 312 Sound Design I DMA 211 2D Digital Animation DMA 328 Stop Motion II DMA 228 Stop Motion I DMA 336

campus.collegeforcreativestudies.edu · 2020-06-10 · DMA 101 Animation I DMA 312 Sound Design I DMA 211 2D Digital Animation DMA 328 Stop Motion II DMA 228 Stop Motion I DMA 336

Dma and dma controller 8237

Dma and dma controller 8237

Infographics - Skokie Public Library · •Icons •Symbols etc. ... • Statistical infographics • Informational infographics • Timeline infographics • Process infographics

Infographics - Skokie Public Library · •Icons •Symbols etc. ... • Statistical infographics • Informational infographics • Timeline infographics • Process infographics

Infographics Introduction

Infographics Introduction

Enhancing Infographics & Diagrams with Animationexplanimation.com/animating-infographics-explanimation.pdf · 2010-06-27 · Enhancing Infographics & Diagrams with Animation NOTE

Enhancing Infographics & Diagrams with Animationexplanimation.com/animating-infographics-explanimation.pdf · 2010-06-27 · Enhancing Infographics & Diagrams with Animation NOTE

DMA North: The DMA legal update

DMA North: The DMA legal update

Infographics: Thinking about design Infographics sessions Day 4.

Infographics: Thinking about design Infographics sessions Day 4.

DASHBOARDS, INFOGRAPHICS EXECUTIVE SUMMARIES · Infographics Executive Summaries

DASHBOARDS, INFOGRAPHICS EXECUTIVE SUMMARIES · Infographics Executive Summaries