25
1 Making the complex beautifully clear

Making data visual

Embed Size (px)

DESCRIPTION

Data visualization is about more than summarizing information, it's also about aesthetics. Understanding the role of colors, typography, and interactive affordances is an important part of creating a data visualization that is comprehensible and legible, and quickly tells a complex story. In this short talk, Maria Guidice (CEO, Founder of Hot Studio) will share some tips and tricks that help ensure your hack doesn't leave people scratching their heads.

Citation preview

Page 1: Making data visual

1

Making the complex beautifully clear

Page 2: Making data visual

I LOVE TO DESIGN INFORMATION

Page 3: Making data visual

75

Page 4: Making data visual
Page 5: Making data visual
Page 6: Making data visual

WHY IS VISUALIZING INFORMATION SO

IMPORTANT?

Page 7: Making data visual
Page 8: Making data visual

Tufte, Edward. Visual Explanations: Images and Quantities, Evidence and Narrative, p. 44 (Cheshire, CT: Graphics Press, 1997).

Page 9: Making data visual

WHAT MAKES A GREAT DATA VISUALIZATION?

Page 10: Making data visual

USE

FUL USABLE

DESIRABLE

Page 11: Making data visual

HOW TO ORGANIZE DATA

Page 12: Making data visual

Location Alphabetical Time

Continuum Hierarchy

Random

HierarchyCategory

LATCCHR

Page 13: Making data visual

13

design toolkit

Page 14: Making data visual

Color Type Scale

Shape

Line

Depth

Grid

Value

Page 15: Making data visual

Transition Movement

SoundAnimation

Interactive-specific toolkit (included thanks to Peter and Ben from interactivethings.com)

Page 16: Making data visual

16

fabulous examples

Page 17: Making data visual

gapminder.org

Page 18: Making data visual

oakland.crimespotting.org18

Page 19: Making data visual

19

wefeelfine.orgwefeelfine.org

Page 20: Making data visual

75

chrisharrison.net/projects/bibleviz

Page 21: Making data visual

wordle.net

Page 23: Making data visual

75

flipboard

Page 24: Making data visual

75

iwantyoutowantme.org