Date post: | 15-Apr-2017 |
Category: |
Education |
Upload: | ignasi-alcalde |
View: | 942 times |
Download: | 0 times |
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
Generem coneixement
BCN Dataviz WorkshopHacks Hackers Barcelona
22 .o1. 2016
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
Generem coneixement
BCN Dataviz WorkshopHacks Hackers Barcelona
22 .o1. 2016
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
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
www.ignasialcalde.es@ignasialcalde INFOGRAM 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
DATAVIZ DAY WORKSHOP
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
“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
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
Internal study by DC Thomson
Interactive charts increase reader engagement by over 60%
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
press releases industry reports explain/instruct
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
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
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
One dimension Two dimensions Three+ dimensions
Bar
LineAreaPie Picto
Scatterplot
Bubble
Comparison Tendency/Relations
Map
Comparison/Relationship
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
BAR CHARTS
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
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?
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
3,6° = 1%
PIE CHARTS
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
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?
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
PICTOGRAM
1 icon = x
7x 4x
6x
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
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?
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
LINE CHARTS
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
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?
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
AREA CHARTS
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
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?
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
SCATTERPLOT
https://infogr.am/Scatterplot-sleepenergymood
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
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.
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
BUBBLE
https://infogr.am/grade-distributions-bubble
https://infogr.am/eczema-bubble-map
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
BubbleCompare values and show relationships
The best to understand social, economical, medical, and other scientific relationships.
Make sure your audience can read the chart.
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
MAPS
http://www.euronews.com/2015/09/16/which-european-countries-offer-the-most-social-benefits-to-migrants/
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
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
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
¿ Some practice?
https://infogr.am/
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
http://ialcalde.es/dataseteleccions
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
https://infogr.am/dataviz_day_hh_bcn
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
http://ialcalde.es/datasetparlament
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
https://infogr.am/infogram_feat
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
https://tutorials.infogr.am/
www.ignasialcalde.es@ignasialcalde INFOGRAM WORKSHOP
DATAVIZ DAY WORKSHOP
PromoCode: IGAT_IAlcalde_friend
Gràcies
@ignasialcaldewww.ignasialcalde.es