sign in sign up
<<
Home , Data visualization, Infographic

Philippine Statistical Research and Training Institute

Operationalizing CD4.0 in the Philippines: Capacity development to strengthen subnational gender for community-based SDGs monitoring

Module 2: using –engaging the public

24-26 November 2020

Data Visualization Using Infographics – Engaging the Public 1 Objectives of the Training Seminar

• To discuss the in enhancing communicating the Community Based Monitoring System(CBMS) of local government for subnational gender statistics.

• To enhance the technical capacity of operational staff in doing data visualization of CBMS for gender reports and studies.

Data Visualization Using Infographics – Engaging the Public 2 By the end of the training module, participants will be able to : • Define data visualization including its comparison with infographics. • Discuss the key principles in data visualization. • Identify important tips in data visualization. • List different for data visualization and their purposes. • Construct charts in Excel. • Construct charts in Canva.

Data Visualization Using Infographics – Engaging the Public Outline

Section 1.Data Visualization Key Principles Section 2.Tips and tricks for more impact Section 3.Data visualisation with MS Excel Section 4.Data Visualisation with Canva Section 5. Final Workshop – Packaging Gender Issues using gender statistics – tables , summary statistics, data visualization

Data Visualization Using Infographics – Engaging the Public SECTION 1. DATA VISUALIZATION KEY PRINCIPLES

DATA VISUALISATION DEFINITION KEY DRAWING PRINCIPLES AND TERMINOLOGY

WHY IS DATA VISUALISATION USEFUL? COLOUR AND STYLING

UNDERSTANDING HUMAN KEEPING ORDERING LOGICAL AND PERCEPTION L.A.T.C.H.

Data Visualization Using Infographics – Engaging the Public 5 What is ‘data visualization’?

Data visualisation is the field and practice of the visual representation and presentation of data to effectively communicate it and aid in its understanding.

Data Visualization Using Infographics – Engaging the Public 6 TERMINOLOGY

INFORMATION VISUALISATION: CHART: often used interchangeably with data is used to refer to visualisation, however individual pieces of DATAVIZ/DATAVIS: visualisation (infoviz) tends to be more data visualisation. Is the shorthand focused on the visualisation of This includes graphs, term for “data abstract data structures such as trees plots, , visualisation”. and networks as well as other , tables, and is qualitative data. So infoviz is more sometimes used to about displaying relationships rather describe than numbers. infographics.

Data Visualization Using Infographics – Engaging the Public 7 TERMINOLOGY

GRAPH: DATASET: in this course this refers to both the entire collection () of “graphs” and “plots” interchangeably. data values that a This is any chart that uses a coordinates system to the data on. visualisation is based on.

DATA POINT: DATA SERIES: a single value in the dataset. a row or column of related data values in a table.

Data Visualization Using Infographics – Engaging the Public 8 WHY DATA VISUALIZATION?

Data Visualization Using Infographics – Engaging the Public 1581268203836284158026820383628403836284 6286461864828351037842715728042840317903 7579427056473918325720430236428052621516 1594268203836284158026820383628403836284 6286461864828351037842715728042840317403 7578427056473718325720430236428052621516 1580268203836284958026820383628903836284 6281461864828351037842715728042840317403 7570427056473718325720430236428052621516 6036814273040268725102510361047624101563 1580268203836284158026820383628403836284 6284461864828351037842715728042840317403 7578427056473718325720430236428052621516 1583268203836284158026820383628403836284 6287461964828351037842915728042840317403 7574427056473718325720430236428052621516 1581268203836284158026820383628403836284 6287461864828351037842715728942840317443 7572427056473718325720430236428052621516

Data Visualization Using Infographics – Engaging the Public 10 1581268203836284158026820383628403836284 6286461864828351037842715728042840317 9 03 7579 4270564739 18325720430236428052621516 159 4268203836284158026820383628403836284 6286461864828351037842715728042840317403 7578427056473718325720430236428052621516 1580268203836284 9 580268203836289 0 3 8 3 6 2 8 4 6281461864828351037842715728042840317403 7570427056473718325720430236428052621516 6036814273040268725102510361047624101563 1580268203836284158026820383628403836284 6284461864828351037842715728042840317403 7578427056473718325720430236428052621516 1583268203836284158026820383628403836284 6 2 8 7 4 6 1 9 64828351037842 9 15728042840317403 7574427056473718325720430236428052621516 1581268203836284158026820383628403836284 6287461864828351037842715728 9 42840317443 7572427056473718325720430236428052621516

Data Visualization Using Infographics – Engaging the Public 11 No. of Unemployed Workers in the Philippines: 2010-2018

Year No. of Unemployed Workers 2010 4,432,341 2011 4,332,740 2012 4,408,950 2013 4,404,672 2014 4,228,852 2015 4,091,157 2016 3,746,875 2017 3,987,933 2018 3,777,995

Data Visualization Using Infographics – Engaging the Public 12 EFFECTIVE IS:

Clear, clean Engaging and easily Accessible understood

Understands Relaxes and the emotions Tells a story and intentions comforts behind the information

Data Visualization Using Infographics – Engaging the Public 13 Data visualisation makes the data more easy to digest

Data Visualization Using Infographics – Engaging the Public 14 Data visualisation makes data easier to communicate to an audience

Data Visualization Using Infographics – Engaging the Public 15 Data visualisation can be used as a tool to persuade

Data Visualization Using Infographics – Engaging the Public 16 WHAT STORY CAN YOUR DATA TELL?

Humans are drawn to stories, as they help our minds put things together in a broader context. Stories also reduce stress and helps focus attention on the details.

Will you be the one to narrate the data’s story or will you allow your audience to make up their own story?

Data Visualization Using Infographics – Engaging the Public 17 DATA VISUALISATION ≠

Data Visualization Using Infographics – Engaging the Public 18 Data Visualization Using Infographics – Engaging the Public 19 Percentage of Employed by Sex in the Philippines July 2019 and July 2020

Source: Labor Force Surveys July 2019 and July 2020, PSA

Data Visualization Using Infographics – Engaging the Public UNDERSTANDING HUMAN PERCEPTION

Data Visualization Using Infographics – Engaging the Public 21 010001010010010010100 010011110101010110101 000100010101010010100 010100100010101101110 101101010101101010100 010001000100101011010 110101010101010110110 011101001011110010010 101010101001101010101 010100001101001101010

Data Visualization Using Infographics – Engaging the Public 22 Data Visualization Using Infographics – Engaging the Public 23 PROXIMITY

Data Visualization Using Infographics – Engaging the Public 24 SIMILARITY

Data Visualization Using Infographics – Engaging the Public 25 ENCLOSURE

Data Visualization Using Infographics – Engaging the Public 26 CLOSURE

Data Visualization Using Infographics – Engaging the Public 27 CONTINUITY

Curves are perceived… …as this …and not this

Data Visualization Using Infographics – Engaging the Public 28 SYMMETRY

[ ] { } ( )

Data Visualization Using Infographics – Engaging the Public 29 CONNECTION

Data Visualization Using Infographics – Engaging the Public 30 Shape Size Colour Saturation Markings

Rotation Position Depth Sharpness Line Width

Enclosure Curvature Density Closure

Data Visualization Using Infographics – Engaging the Public 31 Accurate analysis Generalised analysis

Position Length Direction Angle Volume Shading

Data Visualization Using Infographics – Engaging the Public 32 Let us have an exercise!

Data Visualization Using Infographics – Engaging the Public 33 1. Poverty of the Philippines

DataViz

Infographic

Data Visualization Using Infographics – Engaging the Public 34 2. Line chart of GDP Annual Growth Rate

DataViz

Infographic

Source: lamundi.ph

Data Visualization Using Infographics – Engaging the Public 35 3. Poverty among basic sectors in the PH

DataViz

Infographic

Source: Philippine Statistics Authority

Data Visualization Using Infographics – Engaging the Public 36 4. NDHS 2017 Key Indicators DataViz

Infographic Source: Philippine Statistics Authority, Central Visayas Central Authority, Philippine Source: Statistics Data Visualization Using Infographics – Engaging the Public 37 5. Age-Sex Pyramid of the Philippines

DataViz

Infographic

Source: Philippine Statistics Authority

Data Visualization Using Infographics – Engaging the Public 38 COLOUR AND STYLING

Data Visualization Using Infographics – Engaging the Public 39 COLOUR MODELS

RGB CMYK HEX

Data Visualization Using Infographics – Engaging the Public 40 COLOUR MODELS: RGB

RGB stands for red, green and blue. It’s the colour model used to produce colours on digital screens and is generated by blending 3 different coloured lights together.

So any visualisations you intend to display digitally on devices such as computers, mobiles, projectors, TVs will use the RGB colour model.

RGB values range from 0 to 255. Here’s an example of a RGB colour:

g b (255, 0, 255)

Data Visualization Using Infographics – Engaging the Public 41 COLOUR MODELS: CMYK

CMYK stands for cyan, magenta, yellow and key (black). It’s the colour model used typically for printing and produces colours by mixing these C M 4 different inks together.

Therefore, CMYK should be used on visualisations that will be printed (books, magazines, etc.)

CMYK values range from 0% to 100% as this indicates the amount of ink to be used for each colour. Here’s an example of a CMYK colour: K Y

C: 8% M: 78% Y: 0% K: 0%

Data Visualization Using Infographics – Engaging the Public 42 COLOUR MODELS: HEX

HEX is short for ”hexadecimal” and is based on the “hex triplet” colour code. HEX is an extension of the RGB model and used as a way to C M standardise colours that are safe for the web.

If you’re producing visualisations that are to be displayed on a website, you might need to use a HEX code to assign the colours.

Here’s an example of a HEX colour code:

# E 8 2 3 F 0 K Y

Data Visualization Using Infographics – Engaging the Public 43 LIMIT THE COLOURS YOU USE, USE COLOUR PALETTES

Data Visualization Using Infographics – Engaging the Public 44 In order to create a pleasing colour scheme, we have to understand the relationship between the colours on the colour wheel.

Data Visualization Using Infographics – Engaging the Public 45 Selecting the right colour combinations can help you create harmony in your visualisation’s design.

Data Visualization Using Infographics – Engaging the Public 46 Monochromatic

Data Visualization Using Infographics – Engaging the Public 47 Complementary

Data Visualization Using Infographics – Engaging the Public 48 Split Complementary

Data Visualization Using Infographics – Engaging the Public 49 Analogous

Data Visualization Using Infographics – Engaging the Public 50 Triadic

Data Visualization Using Infographics – Engaging the Public 51 Achromatic

Data Visualization Using Infographics – Engaging the Public 52 Colour is typically used in data visualisation to either:

Distinguish groups of Represent data values data from each other 100%

Category A

50% Category B

Category C 0%

Data Visualization Using Infographics – Engaging the Public 53 USE COLOUR CONVENTIONS AND METAPHORS

Negative Positive

Cold Warm

Low value High value

Data Visualization Using Infographics – Engaging the Public 54 AVOID RAINBOW PALETTES!

Data Visualization Using Infographics – Engaging the Public 55 AVOID 3D!

Data Visualization Using Infographics – Engaging the Public 56 There are 5 ways to organise all information: L. A. T. C. H.

Data Visualization Using Infographics – Engaging the Public 57 L OCATION A LPHABET T IME C ATEGORY H IERARCHY Data Visualization Using Infographics – Engaging the Public 58 In summary, Data Visualisation is the field and practice of the visual representation and presentation of data to effectively communicate it and aid in its understanding.

Data Visualization Using Infographics – Engaging the Public 59 Always consider who your audience is, so you know who you’re communicating to.

Data Visualization Using Infographics – Engaging the Public 60 Make sure to use good colouring and styling, and keep the ordering of the data logical by using LATCH.

Data Visualization Using Infographics – Engaging the Public 61 Let us have a 15-minute break

Data Visualization Using Infographics – Engaging the Public 62