SESSION 1

Thursday 4th March, 2021

Laura Navarro & Storydata

Infographics and Data Visualization

Structure

Theory

Practice

  • First concepts
  • Main pillars
  • Tools (free and paid)

SESSION 1

 

1h

1h

  • Data and some analysis
  • Datawrapper exercise

Infographics and Data Visualization

-Translation of information to a visual context

SESSION 1

 

Infographics and Data Visualization

SESSION 1

 

70% of the current U.S. Senators are 60 years or older

Visme

That Pet Place

Adolfo Arranz

Infographics and Data Visualization

SESSION 1

 

Analyze

Write down every step

-Data cleaning is the

  heaviest part

20%

80%

Visualize

Data cleaning

Infographics and Data Visualization

SESSION 1

 

Data process

Quantitative  

 

Qualitative

 

Categorical

 

Dates

Types

34, 45, 8795, 65.9, 3555550

Good

Very bad

 

Excellent

Apple, banana, peach, orange

Infographics and Data Visualization

SESSION 1

 

2020, 13-02-2020, Monday

1. The art of highlighting

What do I want to say?

-Focus on the key concepts
 

-One graph, one idea

 

-Interview your data

Infographics and Data Visualization

SESSION 1

 

Flowing Data

Infographics and Data Visualization

SESSION 1

 

4. Visual encoding

The visual encoding is the way in which data is mapped into visual structures, upon which we build the images on a screen.

Position

Size

Infographics and Data Visualization

SESSION 1

 

4. Visual encoding

Shape

Orientation

Color Value

 

Color Hue

 

Infographics and Data Visualization

SESSION 1

 

Olympic medals

The New York Times

Infographics and Data Visualization

SESSION 1

 

5. Use colors wisely

-No more than seven colors in a chart

-Grey, your best friend
-Use intuitive colors (but avoid estereotypes Men-Women)
-Use color palettes, they work

 

Infographics and Data Visualization

SESSION 1

 

Infographics and Data Visualization

SESSION 1

 

 

6. Typography

Infographics and Data Visualization

SESSION 1

 

 

7. Parts of a graph

Awesome title

Subtitle that contextualizes

Axis text

Axis text

Axis text

Axis text

Axis text

Axis text

Axis text

Caption with the source and who created the chart. Notes if necessary

Legend text

Legend text

Legend title

Axis y title

Axis x title

Infographics and Data Visualization

SESSION 1

 

7. Parts of a graph

Infographics and Data Visualization

SESSION 1

 

7. Parts of a graph

Source: Google News Timeline

Public fears in the media

Swine Flu

Bird Flu

Killer Wasps

Apocalypse
2000

Infographics and Data Visualization

SESSION 1

 

7. Parts of a graph

Infographics and Data Visualization

SESSION 1

 

 

8. Keep it simple

"Think about subway maps, which are abstracted from the complex shape of the city and are focused on the rider’s goal: to get from one place to the next"

Visualizing Data by Ben Fry

Infographics and Data Visualization

SESSION 1

 

8. Keep it simple

Medium Infogram

Infographics and Data Visualization

SESSION 1

 

Start axis at 0

Medium Infogram

Infographics and Data Visualization

SESSION 1

 

Order, if you can

Infographics and Data Visualization

SESSION 1

 

9. Mobile first

2020

50,8%

2013

16,2%

Mobile phone web traffic:

Infographics and Data Visualization

SESSION 1

 

10. Online tools 

NO CODING & FREE & EASY

NO CODING & FREE &
NOT THAT EASY

CODING & FREE & DIFFICULT

Infographics and Data Visualization

SESSION 1

 

Infographics and Data Visualization

SESSION 1

 

The main principles of a great graph are:

  • Highlight what is important
  • Use the colours to empower
  • Respect the typography
  • Don’t forget any part
  • Keep it simple, ordered and with axis at 0
  • Mobile responsive

1- Get the data: 

Infographics and Data Visualization

SESSION 1

 

2- Open Datawrapper: 

Second exercise, Global Average Temp: 

Infographics and Data Visualization

SESSION 1

 

Second exercise, Gapminder: 

Infographics and Data Visualization

SESSION 1

 

navarrosolerlaura@gmail.com

 

6. Typography

Infographics and Data Visualization

SESSION 1

 

Copy of Session 1

By Storydata

Copy of Session 1

  • 85
Loading comments...

More from Storydata