[ia] Infogram workshop en DataViz day Hacks&Hackers

www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP

Generem coneixement

BCN Dataviz WorkshopHacks Hackers Barcelona

22 .o1. 2016

Generem coneixement

BCN Dataviz WorkshopHacks Hackers Barcelona

22 .o1. 2016

Have a look at the speech by infogr.am co-founder Uldis Leiterts

Human brain process visual information 60,000 times faster then textual

DATAVIZ DAY WORKSHOP

The New York City metropolitan area is home to the largest Jewishcommunity outside Israel. It is also home to nearly a quarter of the nation'sIndian Americans and 15% of all Korean Americans and the largest AsianIndian population in the Western Hemisphere; the largest African Americancommunity of any city in the country; and including 6 Chinatowns in thecity proper, comprised as of 2008 a population of 659,596 overseasChinese, the largest outside of Asia. New York City alone, according to the2010 Census, has now become home to more than one million AsianAmericans, greater than the combined totals of San Francisco and LosAngeles. New York contains the highest total Asian population of any U.S.city proper. 6.0% of New York City is of Chinese ethnicity, with about fortypercent of them living in the borough of Queens alone. Koreans make up1.2% of the city's population, and Japanese at 0.3%. Filipinos are the largestsoutheast Asian ethnic group at 0.8%, followed by Vietnamese who makeup only 0.2% of New York City's population. Indians are the largest SouthAsian group, comprising 2.4% of the city's population, and Bangladeshisand Pakistanis at 0.7% and 0.5%, respectively. / Demographics of New York,Wikipedia

“There is a magic in graphs. The profileof a curve reveals in a flash the wholesituation - the life history of anepidemic, a panic or an era of prosperity. The curve informs themind, awakens the imagination, convinces."

Henry D. Hubbard /1939/National Bureau of Standards Washington D.C

Internal study by DC Thomson

Interactive charts increase reader engagement by over 60%

press releases industry reports explain/instruct

BarComparing things like income?

LineGet some lengthy data like oil prices?

AreaWant to show contents of e.g. exports?

MapNeed to show a country comparison?

MoreChoose yours!

Data Visualization 101

DATA VIZ CHARTS

One dimension Two dimensions Three+ dimensions

LineAreaPie Picto

Scatterplot

Bubble

Comparison Tendency/Relations

Comparison/Relationship

BAR CHARTS

Most often the best choice. Good to show differences in values that don’t add up to 100%.

Poor choice for showing time-series data, as the line charts have a smoother representation.

BarComparing things like income?

3,6° = 1%

PIE CHARTS

Good for showing contrast when two or three components of something differ greatly in size.

Bad choice if you have more than three variables or if their values are similar in size.

PieNeed to show a country comparison?

PICTOGRAM

1 icon = x

Works well with 2-3 groups of people compared and whendifferences are significant.

A line chart is a better optionwith more than three groups and when differences are small.

PictoNeed to show a country comparison?

LINE CHARTS

Best choice for time-series data and highlighting trends, with notmore than three sets per chart.

May be visually misleading whenattempting to show data that isnot based on time-series.

LineGet some lengthy data like oil prices?

AREA CHARTS

Good to show how a certainvariable grows/drops relative to others over a period of time.

Careful when choosing betweenbasic and stacked layouts, as they give different impressions.

AreaWant to show contents of e.g. exports?

SCATTERPLOT

https://infogr.am/Scatterplot-sleepenergymood

ScatterDetect what is more profitable

Good to find out how much one variable depends on other e.g. how strongly does it correlate.

Careful when choosing variables that don’t correlate, as result can be meaningless.

BUBBLE

https://infogr.am/grade-distributions-bubble

https://infogr.am/eczema-bubble-map

BubbleCompare values and show relationships

The best to understand social, economical, medical, and other scientific relationships.

Make sure your audience can read the chart.

http://www.euronews.com/2015/09/16/which-european-countries-offer-the-most-social-benefits-to-migrants/

Heatmap Grouping Points

Compare between max and min values

Group countries according to essential criteria

Compare all the values assigned to particular territories

https://www.transparency.it/monitoriamo/

http://www.euronews.com/2015/05/25/who-gets-the-most-public-holidays-in-the-eu

http://www.politico.com/magazine/story/2015/08/democratic-blues-121561

¿ Some practice?

https://infogr.am/

http://ialcalde.es/dataseteleccions

https://infogr.am/dataviz_day_hh_bcn

http://ialcalde.es/datasetparlament

https://infogr.am/infogram_feat

https://tutorials.infogr.am/

PromoCode: IGAT_IAlcalde_friend

Gràcies

@ignasialcaldewww.ignasialcalde.es

[ia] Infogram workshop en DataViz day Hacks&Hackers

Education

UNHCR Dataviz Guidelines

Data visualization intro to infogram

Marie-Graphiste Portfolio Dataviz 2016

DataViz NYC #4

Cape Fear Infogram

Dataviz, clef de la big data

Web dataviz

Class 1 about the dataviz class

Anatomy of a dataviz

Lies, damned lies & dataviz

TAAG - DataViz - gsl060413

About DataViz, Inc

OU Stats Conference - Quick Ways In to DataViz

Techcombank - Infogram

Mini-Training: DataViz, data-driven documents and D3.js

PLOTCON NYC: Enterprise Dataviz' Unicorn Problem

Do and don't de la dataviz

Visualizing Graph Data with Geographical Information #dataviz

Real experience of Infogram venture capital rising. Why Latvian startup is not funded by Latvian VCs? Uldis Leiterts, Infogram

HRPR CAMP _ Доклад Ники Алексеевой _ Infogram