SlideShare a Scribd company logo
1 of 193
Download to read offline
Visualització
de dades
Curs del 30 de novembre, 1, 13 i 14 de desembre per l’AQUAS sobre
per RICARD DE LA VEGA
agenda
eines projecte
conceptes bàsics
Ricard de la Vega
@RDelavega
ricard.delavega@gmail.com
regles i bones
pràctiques
Introducció
tsunami de dades
https://twitter.com/sergioeclectico/status/1441372338541322244?s=08 by Sergio Galan
https://www.davidrumsey.com/luna/servlet/detail/RUMSEY~8~1~302697~90073460:Map-of-Vesuvius-showing-the-directi
https://twitter.com/sergioeclectico/status/1441372338541322244?s=08 by Sergio Galan
@borjandrinot, @kikollan @sepirdata (2021)
Maps casa a casa del avance de la
lava hasta el mar: el volcán de La
Palma arrasa ya más de 1.000
edificios y amenaza otros 1.200
El País
https://elpais.com/ciencia/2021-09-26/mapa-casa-a
-casa-del-avance-del-volcan-de-la-palma-la-lava-al
canza-500-viviendas-y-amenaza-otras-1500.html
dades - informació - coneixement
infoxicació - desinformació ...
intentarem posar llum a la foscor
98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
78936078438757803578463874601
quants “2” hi ha?
98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
78936078438757803578463874601
98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
78936078438757803578463874601
98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
78936078438757803578463874601
98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
7893607843875780357846387460
Engelhardt & Dürsteler (2007)
Procés d’una visualització de dades
https://infovis-wiki.net/wiki/2007-02-15:_New_issue_of_Inf@Vis!_(infovis.net)_on_%22InfoVis_Diagram%22_available
data literacy
Data literacy (alfabetització de dades) és la capacitat de llegir,
comprendre, crear i comunicar dades com informació.
De la mateixa manera que la alfabetització com a concepte general, la
alfabetització de dades es centra en les competències involucrades en el
treball amb dades.
Wikipèdia
data literacy
Trump claims US coronavirus deaths lower than other nations. Youtube.
https://www.youtube.com/watch?v=fqVpU3bEfaE&t=2s
Dataset de publicacions de recerca de Catalunya al Portal de dades Obertes de la Generalitat de Catalunya -
https:/
/analisi.transparenciacatalunya.cat/Educaci-/Publicacions-de-recerca-de-Catalunya/mrus-ixpq
per què?
➔ Entre d’altres, per a poder
contestar preguntes de
manera senzilla. Per
exemple:
➔ Quina és l'evolució del
número de publicacions en
accés obert del Portal de la
Recerca de Catalunya al
llarg dels darrers anys?
per què?
Dataset de publicacions de recerca de Catalunya al Portal de dades Obertes de la Generalitat de Catalunya -
https:/
/analisi.transparenciacatalunya.cat/Educaci-/Publicacions-de-recerca-de-Catalunya/mrus-ixpq
insights
https://twitter.com/cynikalif/status/1430519080939835395
➔ La visualització de dades permet
explicar històries, simplificar,
mesurar, comparar, explorar,
descobrir, etc.
➔ L’objectiu de tota bona visualització és
centrar l’atenció de la informació en el
rellevant i important, els insights.
insights
https://twitter.com/cynikalif/status/1430519080939835395
➔ La visualització de dades permet
explicar històries, simplificar,
mesurar, comparar, explorar,
descobrir, etc.
➔ L’objectiu de tota bona visualització és
centrar l’atenció de la informació en el
rellevant i important, els insights.
➔
com?
➔ Definint la/les preguntes, el objectiu,
els indicadors...
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Exemple: GoalKeepers 2019. Catherine Madden (2019) http://catherinemadden.com/goalkeepers2019
com?
➔ Definint la/les preguntes, el objectiu, els indicadors...
➔ Preparant les dades
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Exemple: GoalKeepers 2019. Catherine Madden (2019) http://catherinemadden.com/goalkeepers2019
com?
➔ Definint la/les preguntes, el objectiu, els indicadors...
➔ Preparant les dades
➔ Dissenyant uns gràfics
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Exemple: GoalKeepers 2019. Catherine Madden (2019) http://catherinemadden.com/goalkeepers2019
Esbossar
com?
➔ Definint la/les preguntes, el objectiu, els indicadors...
➔ Preparant les dades
➔ Dissenyant uns gràfics
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Exemple: GoalKeepers 2019. Catherine Madden (2019) http://catherinemadden.com/goalkeepers2019
Esbossar
Prototipar
com?
➔ Definint la/les preguntes, el objectiu, els indicadors...
➔ Preparant les dades
➔ Dissenyant uns gràfics
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Exemple: GoalKeepers 2019. Catherine Madden (2019) http://catherinemadden.com/goalkeepers2019
Esbossar
Prototipar
Finalitzar
CinC minuts d’història...
Interactive timeline of the most iconic inphografics https://history.infowetrust.com
William Playfair (1786)
Gràfica en sèrie de temps d’una
balança comercial entre dos païssos
Es considera l’inventor del polígon de
freqüències, el diagrama de barres i la
gràfica de pastís
Playfair y los orígenes de la estadística https://hablemosdeinfografia.com/t2-ep6-playfair
John Snow (1854)
Mapa dels brots de còlera a Londres
¡Aplane la curva Doctor John Snow! https:/
/hablemosdeinfografia.com/episodio-2
Florence Nightingale (1855)
Diagrama de la rosa per representar
les causes i evolució de la mortalitat
de soldats en un hospital militar
200 años de Florence Nightingale https:/
/hablemosdeinfografia.com/episodio-1
Charles Joseph Minard (1869)
“Carta figurativa” de les succsives
pèrdues d’homes de l’exercit francès
en la campanya de Rússia de Napoleó
en 1812
El día de Minard https://hablemosdeinfografia.com/t2-ep3-el-dia-de-minard
Conceptes bàsics
explorar, analitzar i explicar
➔ Explorar dades per respondre preguntes o fer-ne de noves
➔ Analitzar per trobar patrons, relacions i valors atípics a les dades
➔ Explicar una història amb dades
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
explorar
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
➔ Quadres de comandament
(dashboard)
➔ Aplicacions d’analítica visual
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Analitzar
➔ Quadres de comandament
(dashboard)
➔ Aplicacions d’analítica visual
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Analitzar
➔ Infografies
➔ Scrollytelling
➔ Presentació
➔ Video
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Exemple: La ballena franca. Jaime Serra
explicar
➔ Infografies
➔ Scrollytelling
➔ Presentació
➔ Video
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Exemple: Generalitat de Catalunya
https:/
/canalsalut.gencat.cat/web/.content/_A-Z/C/coronavirus-2019-ncov/material-divulgatiu/rentat-de-mans-sabo.pdf
explicar
➔ Estàtica
➔ Exploració en uns 20 segons
➔ Presentació o història
➔ No obliga a entendre el context
infografies vs visualitzacions de dades
➔ Dinàmica
➔ Cal més temps
➔ Exploració o interacció
➔ Sí que és necessari
➔ Infografies
➔ Scrollytelling
➔ Presentació
➔ Video
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Exemple: What’s Reallu Warming the World? E. Roston i B. Migliozzi (2015). Bloomberg.
https:/
/www.bloomberg.com/graphics/2015-whats-warming-the-world
explicar
principis de disseny
➔ Memòria icònica. Processament preatentiu (“a primera vista”) on extreu elements
rellevants com el color i la forma
➔ Memòria de curt termini (de treball). Processa la informació proporcionada per la
memòria icònica i la de llarg termini. És limitada, entre 5 i 9 elements (chunks). Per això,
ens és més fàcil processar un gràfic amb 3 línies i 2 colors que una taula amb 48 elements.
➔ Memòria a llarg termini. Accés més lent, emmagatzema informació treballada (per
exemple, contrasenya del correu electrònic o allò estudiat per un examen)
principis de percepció
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
➔ Proximitat: els objectes propers es perceben com a grup
➔ Similitud: objectes amb atributs similars (forma, color…)
es perceben com a grup
➔ Adjunció: objectes amb frontera o vora al voltant es (línia…)
es perceben com a grup
➔ Clausura: una estructura oberta (parcialment) es percep com tancada,
completa i regular sempre que hi hagi una possibilitat raonable
d’interpretar-la així
➔ Continuïtat: objectes alineats es perceben com a grup
➔ Connectivitat: objectes connectats (ex. línia) es perceben com a grup
principis gestalt
Stephen Few. Data Visualization for Human Perception (2011)
➔ La longitud és l’atribut
que el nostre cervell
processa més
fàcilment.
➔ Sabem comparar millor
longituds que
superfícies → Millor
comparar amb barres
que amb diagrames de
pastís.
atributs preatentius
https://twitter.com/storywithdata/status/1440049574161182721
https://twitter.com/storywithdata/status/1440049574161182721
atributs preatentius
atributs preatentius
Lisa Charlotte Muth. Which color scale to use when visualizing data (2021)
https://twitter.com/lisacmuth/status/1371847162427015171?s=1002
Tipus de gràfics
Els bàsics
Font: Guia de Visualització de Dades.
Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-
visualitzacio-dades.pdf
Comparacions
Barres
➔ Ordena de gran a petit
Barres
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
Barres
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
Barres
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
https://twitter.com/AlvaroLayon/status/1384921262187745283
Barres
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
Barres
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
➔ Si noms categories llargs, millor horitzontal
➔ Afegir línies de referència
Barres
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
➔ Si noms categories llargs, millor horitzontal
➔ Afegir línies de referència
➔ Per comparar un element amb la resta,
destaca’l
https://twitter.com/sarahlovesdata/status/1384915 -
https://twitter.com/MMarie/status/1384912248439779328689257984002
Barres agrupades
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
➔ Si noms categories llargs, millor horitzontal
➔ Afegir línies de referència
➔ Per comparar un element amb la resta,
destaca’l
Barres apilades
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
➔ Si noms categories llargs, millor horitzontal
➔ Afegir línies de referència
➔ Per comparar un element amb la resta,
destaca’l
Barres apilades
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
➔ Si noms categories llargs, millor horitzontal
➔ Afegir línies de referència
➔ Per comparar un element amb la resta,
destaca’l
➔ Les barres apilades no serveixen per
comparar entre subcategories
Barres apilades
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
➔ Si noms categories llargs, millor horitzontal
➔ Afegir línies de referència
➔ Per comparar un element amb la resta,
destaca’l
➔ Les barres apilades no serveixen per
comparar entre subcategories
➔ Barres apilades molt útil si només dues
categories i en percentatges (del 100%)
bullet chart
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0
➔ Si noms categories llargs, millor horitzontal
➔ Afegir línies de referència
➔ Per comparar un element amb la resta,
destaca’l
➔ Les barres apilades no serveixen per
comparar entre subcategories
➔ Barres apilades molt útil si només dues
categories i en percentatges (del 100%)
➔ El bullet chart afegeix per variables a les
barres (valor objectiu i franges acceptables)
RADAR small multiples
heat map
Introdución a la visualización de datos. Víctor Pascual. Domestika.
https://www.domestika.org/en/courses/64-introduction-to-data-visualization
tendències
mapes
parts d’un
total
https://www.reddit.com/r/dataisugly/comments/osgwfc/official_chart_from_the_developers_of_escape_from
https://twitter.com/NilanjanSaha007/status/1384918882788519937
https://twitter.com/sarahlovesdata/status/1385160621226868737
https://twitter.com/BarMartland/status/1384941692328071168
https://twitter.com/sarahlovesdata/status/1385161877081235457
https://twitter.com/BarMartland/status/1384941249560522752
https://twitter.com/sarahlovesdata/status/1384914791601479684
distribucions
correlacions
Hans Rosling’s 200 countries, 200 year, 4 minutes
https://www.youtube.com/watch?v=jbkSRLYSojo
https://www.gapminder.org/tools/#$chart-type=bubbles&url=v1
Popularitzat per Hans Rosling (2010)
Scatter Plot amb mida, color i posició
al llarg del temps
connexions,
relacions i
xarxes
Més...
Guia de Visualització de Dades. Pere Rovira i Víctor Pascual. Generalitat de
Catalunya (2018) http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
Data Visualization Catalog. Jon Schwabish
https://policyviz.com/books/better-data-visualizations/policyviz-data-visualization-catalog
One Chart at a Time. Jon Schwabish (2021)
https://www.youtube.com/playlist?list=PLfv89tPxlTiVIrwuSBCISiBaGSH1CJR5-
Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com
In defense of simple charts. Lisa Charlotte Muth. https:/
/blog.datawrapper.de/in-defense-of-simple-charts
Els gràfics simples són avorrits? (Schwabish)
➔ No si ensenyen dades interessants
➔ No si estan ben dissenyats
➔ No si es combinen entre si
➔ Són atractius perquè són fàcils d’entendre
“simple” versus non-standard charts
agenda
eines projecte
conceptes bàsics
regles i bones
pràctiques
‘7’ regles i Bones pràctiques
1- gràfics autoexplicatius i Ús de text
➔ “El món no pot ser entès sense els números,
però tampoc no pot ser explicat només amb ells”
Hans Rosling
Exemple de David McCandless a https:/
/www.youtube.com/watch?v=CSQOiYPEflo .
Dashiel Bennett (2011)
Every watching the Super Bowl went
to the bathroom at the same time.
Business Insider
https://www.businessinsider.com/super-bowl-bathroom-use-2011-2
2- Menys és més
Eduard R. Tufte, The Visual Display of Quantitative Information https://www.edwardtufte.com/tufte
➔ Minimalisme en la representació de dades, eliminació de tots
els atributs que entorpeixin la comprensió
➔ Creador del terme diagrama escombraries (junk chart)
“Power corrupts, Powerpoint corrupts absolutely”
➔ Excel·lència és plasmar en una visualització una
major quantitat d’idees amb el mínim ús
de tinta/pixels (data-ink ratio)
➔ abans
➔ després
https://speakerdeck.com/cherdarchuk/remove-to-improve-the-data-ink-ratio
➔ abans
➔ després
https://speakerdeck.com/cherdarchuk/clear-off-the-table
➔ abans
➔ després
https://www.darkhorseanalytics.com/blog/salvaging-the-pie
➔ abans
➔ després
https://speakerdeck.com/cherdarchuk/data-looks-better-naked-maps-edition
3- storytelling
Basat en https://twitter.com/edugil39/status/1430472222532067337
Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com
Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com
Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com
Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com
4- la forma segueix la necessitat
Alberto Cairo, The functional Art http://www.thefunctionalart.com/p/about-book.html
Alberto Cairo, The functional Art http://www.thefunctionalart.com/p/about-book.html
utilitza les mètriques adequades
5- el mantra de la visualització de dades
➔ Overview first
➔ Zoom and filter
➔ Details-on-demand
7 operacions bàsiques: overview, zoom,
filter, details-on-demand, relate, history
i extract
Ben Schneiderman, The Eyes Have It: A Task by Data Taxonomy for Information Visualization (1996)
@borjandrinot, @kikollan @sepirdata (2021)
Maps casa a casa del avance de la
lava hasta el mar: el volcán de La
Palma arrasa ya más de 1.000
edificios y amenaza otros 1.200
El País
https://elpais.com/ciencia/2021-09-26/mapa-casa-a
-casa-del-avance-del-volcan-de-la-palma-la-lava-al
canza-500-viviendas-y-amenaza-otras-1500.html
overview first, zoom & filter, details on
demand
6- Hi ha valor a la bellesa
David McCandless. La belleza de la visualización de datos (2010).
https://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization?language=es
6- Hi ha valor a la bellesa
Federica Fragapane. Visualización de datos y diseño de la información: crea un modelo visual (2021)
https://www.domestika.org/es/courses/2495-visualizacion-de-datos-y-diseno-de-la-informacion-crea-un-modelo-visual
Una “regla” més...
7- trencar les regles...
Regla: Els gràfics de barres van de baix a dalt
https://www.infoworld.com/article/3088166/why-how-to-lie-with-statistics-did-us-a-disservice.html
Robert Kosara (2021) Chart Appreciation: Iraq's Bloody Toll by Simon Scarr. Youtube.
https://www.youtube.com/watch?v=zHfExUZKLwA
Andy Cotgreave (2016) Lies, damn lies, and statistics: How to take something positive from the UK’s EU referendum
campaign. InfoWord. https://www.infoworld.com/article/3088166/why-how-to-lie-with-statistics-did-us-a-disservice.html
Mentides, mentides podrides i estadístiques
Mateixes dades, diferent missatge tot canviant títol, color i orientació de les barres
agenda
eines projecte
conceptes bàsics
regles i bones
pràctiques
eines
The Chartmaker Directory
http:/
/chartmaker.visualisingdata.com
el clàssic
Excel, google sheets, libreoffice...
Excel Tutorials
https://www.youtube.com/playlist?list=PLfv89tPxlTiX1N3xMTvkLNkp-I-8fNJDU
https://www.storytellingwithdata.com/book/downloads
Els new kids on the block...
infogram
https://infogram.com
Flourish
https://flourish.studio
rawgraphics
https://rawgraphs.io
datawrapper
https://www.datawrapper.de
Next level...
adobe illustrator
https://www.adobe.com/es/products/illustrator.html
tableau
https://www.tableau.com
https://powerbi.microsoft.com
power bi
qlik
https://www.qlik.com
i per a tot el demés...
programació
d3.js
https://observablehq.com/@d3/gallery Mike Bostock https://bost.ocks.org/mike
https://twitter.com/ProsumidorSoc/status/1389322726066860032?s=1002
https://dominicroye.github.io/en/2019/visualize-urban-growth
https://twitter.com/kike67202302/status/1394711487491579905
r + ggplot2
python + pandas, matplotlob, seaborn… +
https://medium.com/geekculture/python-seaborn-statistical-data-visualization-in-plot-graph-f149f7a27c6e
https://stackabuse.com/seaborn-library-for-data-visualization-in-python-part-1
mapes amb leaflet, carto i mapbox
https://leafletjs.com
https://www.mapbox.com
https://carto.com
GRAFS amb Gephy, sigma.js, vis.js, g6
https://gephi.org
https://www.sigmajs.org
altres eines...
timeline JS
http://timeline.knightlab.com
https://storymap.knightlab.com
storymap JS
data gif maker
https://datagifmaker.withgoogle.com
gramener
https://gramener.com/storylabs-publications/create-comics-google-sheets-comicgen
agenda
eines projecte
conceptes bàsics
regles i bones
pràctiques
1. objectiu
2. obtenció i preparació de les dades
3. disseny
https://pudding.cool/2017/03/film-dialogue
https://pudding.cool/2017/03/film-dialogue
https://pudding.cool/2017/03/film-dialogue
Qui surt més a la saga star wars?
i com evoluciona el gènere?
https://m.imdb.com/list/ls027631145/?ref_=m_urls_ls
IMDb
https://5stardata.info/en
5 * Open data
exemples
https://flowingdata.com/2021/09/21/how-men-and-women-spend-their-days
https://informationisbeautiful.net/visualizations/based-on-a-true-true-story
https://informationisbeautiful.net/visualizations/based-on-a-true-true-story
https://twitter.com/wallacetim/status/1446612333032316930
https://codex-atlanticus.it
https://codex-atlanticus.it
http://manpopex.us
http://manpopex.us
https://www.carbonbrief.org/mapped-how-the-us-generates-electricity
https://www.windy.com
http://metrocosm.com/global-immigration-map
http://metrocohttps://guns.periscopic.com
http://www.metoomentum.com/trending.html
http://www.metoomentum.com/trending.html
https://twitter.com/sharoz/status/1442904998182985729 by @MonaChalabi
https://twitter.com/adolfux/status/1442750361442398214?s=20
Valentina Romel (2021)
The Afghanistan economy in charts:
what has changed in two decades?
Financial Times
https://www.ft.com/content/bfdb94a5-654b-42
86-8da9-34c0ff3b88aa
https://github.com/lau-cloud/TidyTuesdaycode/blob/master/National%20Day/independence_days.R
bons mals exemples
https://twitter.com/storywithdata/status/1384884620194369541
https://twitter.com/WTFViz
https://docs.google.com/presentation/d/14zGLucWYnU6qQXzEfmpCuDi3YJ-fKqO3wZ7F1WX5iXk/edit#slide=id.gd38455501d_0_27
https://twitter.com/dsn/status/1237776289907515395
https://twitter.com/BarMartland/status/1384941061966020615/photo/1
https://twitter.com/sergioeclectico/status/1413267096025325572?s=1006
Més calor al marró que el vermell?
https://www.reddit.com/r/dataisugly/comments/px4a6d/did_the_baby_boomers_make_the_viz_too/
https://twitter.com/geokaramanis/status/1387633878861557762
https://twitter.com/sarahlovesdata/status/1385160258742595587
https://twitter.com/BJP4India/status/1039110217160478720 https://viz.wtf/image/182786077914
Referències
iniciatives d’aprenentatge
Participants aporten una (o més) visualitzacions basades en un
dataset comú
➔ #MakeOverMonday (https://www.makeovermonday.co.uk/blog,
Tableau...)
➔ #Tidytuesday (https://github.com/rfordatascience/tidytuesday, R, ggplot2)
➔ Workout Wednesday (http://www.workout-wednesday.com/http://www.workout-wednesday.com , Tableau, PowerBI)
➔ Guia de Visualització de Dades. Generalitat de Catalunya
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf
➔ Analítica Visual. Cómo explorar, analizar y
comunicar datos. Anaya Multimedia (2021)
➔ Introducción a la visualización de datos. Un
curso de Víctor Pascual. Domestika
https://www.domestika.org/es/courses/64-introduccion-a-la-visualizacion-de-datos
Víctor pascual i pere rovira
Storytelling with Data (2015) i Storytelling with Data: Let’s Practice!
(2019). Wiley.
Blog SWD. Guies, exemples, recursos…
https://www.storytellingwithdata.com
Podcast. Entrevistes, tutorials...
https://www.storytellingwithdata.com/podcast
cole nussbaumer knaflic
➔ Better Data Visualizations: A Guide for Scholars, Researchers and Wonks.
Columbia University (2021)
➔ Blog PolicyVizOne. Data Visualization Catalog, etc...
➔ One chart at a time, dataviz critiques,
Excel tutorials, Presentations, Podcast...
https://www.youtube.com/c/JonSchwabish
jon schwabish
➔ The Functional Art (2012) i The Truthful Art (2016). New Riders Publising
➔ Blog thefunctionalart. Moooolts recursos i exemples
http://www.thefunctionalart.com
➔ How Chats Lie (2020). Norton
➔ Data journalism podcast, amb Simon Rogers
https://anchor.fm/ddjpodcast
Alberto cairo
moltes gràcies
@RDelavega
ricard.delavega@gmail.com

More Related Content

Similar to Visualització de dades

Seminari PILE 2 Girona sessio 7 curs 2014 2015
Seminari PILE 2 Girona sessio 7 curs 2014 2015Seminari PILE 2 Girona sessio 7 curs 2014 2015
Seminari PILE 2 Girona sessio 7 curs 2014 2015Francesc Vila i Batallé
 
Data visualization: from data to knowledge
Data visualization: from data to knowledgeData visualization: from data to knowledge
Data visualization: from data to knowledgeIgnasi Alcalde
 
APLICA_SOLUCIONS_2023_projecte (SCP).pdf
APLICA_SOLUCIONS_2023_projecte (SCP).pdfAPLICA_SOLUCIONS_2023_projecte (SCP).pdf
APLICA_SOLUCIONS_2023_projecte (SCP).pdfNeus Lorenzo
 
Una mirada calidoscòpica a la IA
Una mirada calidoscòpica a la IAUna mirada calidoscòpica a la IA
Una mirada calidoscòpica a la IANeus Lorenzo
 
CGd2021 - "Cap a una organització basada en dades. Primers aprenentatges a co...
CGd2021 - "Cap a una organització basada en dades. Primers aprenentatges a co...CGd2021 - "Cap a una organització basada en dades. Primers aprenentatges a co...
CGd2021 - "Cap a una organització basada en dades. Primers aprenentatges a co...Congrés Govern Digital
 
KBIP: Reptes i Oportunitats de l'educació en un món tecnològic canviant
KBIP: Reptes i Oportunitats de l'educació en un món tecnològic canviantKBIP: Reptes i Oportunitats de l'educació en un món tecnològic canviant
KBIP: Reptes i Oportunitats de l'educació en un món tecnològic canviantNeus Lorenzo
 
Dissenyar i aplicar projectes a Secundària. Tipus i estratègies
Dissenyar i aplicar projectes a Secundària. Tipus i estratègiesDissenyar i aplicar projectes a Secundària. Tipus i estratègies
Dissenyar i aplicar projectes a Secundària. Tipus i estratègiesjdomen44
 
ABP. Disseny, avaluació i interdisciplinarietat
ABP. Disseny, avaluació i interdisciplinarietatABP. Disseny, avaluació i interdisciplinarietat
ABP. Disseny, avaluació i interdisciplinarietatjdomen44
 
Estadística
EstadísticaEstadística
EstadísticaCREAMAT
 
Usos i abusos de la Intel·ligència Artificial
Usos i abusos de la Intel·ligència ArtificialUsos i abusos de la Intel·ligència Artificial
Usos i abusos de la Intel·ligència ArtificialNeus Lorenzo
 
ASOCEU SPAIN - Lesson 2 - Data Journalism Part 1 (slides CA)
ASOCEU SPAIN - Lesson 2 - Data Journalism Part 1 (slides CA)ASOCEU SPAIN - Lesson 2 - Data Journalism Part 1 (slides CA)
ASOCEU SPAIN - Lesson 2 - Data Journalism Part 1 (slides CA)A Scuola di OpenCoesione
 
Reflexions d'un professor d'aula 2
Reflexions d'un professor d'aula 2Reflexions d'un professor d'aula 2
Reflexions d'un professor d'aula 2hospitaletcrp
 
Barcelona Activa Cibernàrium, activitats 4T trimestre
Barcelona Activa Cibernàrium, activitats 4T trimestreBarcelona Activa Cibernàrium, activitats 4T trimestre
Barcelona Activa Cibernàrium, activitats 4T trimestreBarcelona Activa
 
Aprenentatges per passar del Jo al Nosaltres en un món digitalitzat
Aprenentatges per passar del Jo al Nosaltres  en un món digitalitzatAprenentatges per passar del Jo al Nosaltres  en un món digitalitzat
Aprenentatges per passar del Jo al Nosaltres en un món digitalitzatNeus Lorenzo
 
III_Jornades_ACEFIR_Grundtvig_2013
III_Jornades_ACEFIR_Grundtvig_2013III_Jornades_ACEFIR_Grundtvig_2013
III_Jornades_ACEFIR_Grundtvig_2013Neus Lorenzo
 

Similar to Visualització de dades (18)

Seminari PILE 2 Girona sessio 7 curs 2014 2015
Seminari PILE 2 Girona sessio 7 curs 2014 2015Seminari PILE 2 Girona sessio 7 curs 2014 2015
Seminari PILE 2 Girona sessio 7 curs 2014 2015
 
Data visualization: from data to knowledge
Data visualization: from data to knowledgeData visualization: from data to knowledge
Data visualization: from data to knowledge
 
APLICA_SOLUCIONS_2023_projecte (SCP).pdf
APLICA_SOLUCIONS_2023_projecte (SCP).pdfAPLICA_SOLUCIONS_2023_projecte (SCP).pdf
APLICA_SOLUCIONS_2023_projecte (SCP).pdf
 
Una mirada calidoscòpica a la IA
Una mirada calidoscòpica a la IAUna mirada calidoscòpica a la IA
Una mirada calidoscòpica a la IA
 
CGd2021 - "Cap a una organització basada en dades. Primers aprenentatges a co...
CGd2021 - "Cap a una organització basada en dades. Primers aprenentatges a co...CGd2021 - "Cap a una organització basada en dades. Primers aprenentatges a co...
CGd2021 - "Cap a una organització basada en dades. Primers aprenentatges a co...
 
Cogovernar
CogovernarCogovernar
Cogovernar
 
KBIP: Reptes i Oportunitats de l'educació en un món tecnològic canviant
KBIP: Reptes i Oportunitats de l'educació en un món tecnològic canviantKBIP: Reptes i Oportunitats de l'educació en un món tecnològic canviant
KBIP: Reptes i Oportunitats de l'educació en un món tecnològic canviant
 
Dissenyar i aplicar projectes a Secundària. Tipus i estratègies
Dissenyar i aplicar projectes a Secundària. Tipus i estratègiesDissenyar i aplicar projectes a Secundària. Tipus i estratègies
Dissenyar i aplicar projectes a Secundària. Tipus i estratègies
 
ABP. Disseny, avaluació i interdisciplinarietat
ABP. Disseny, avaluació i interdisciplinarietatABP. Disseny, avaluació i interdisciplinarietat
ABP. Disseny, avaluació i interdisciplinarietat
 
Estadística
EstadísticaEstadística
Estadística
 
Usos i abusos de la Intel·ligència Artificial
Usos i abusos de la Intel·ligència ArtificialUsos i abusos de la Intel·ligència Artificial
Usos i abusos de la Intel·ligència Artificial
 
ASOCEU SPAIN - Lesson 2 - Data Journalism Part 1 (slides CA)
ASOCEU SPAIN - Lesson 2 - Data Journalism Part 1 (slides CA)ASOCEU SPAIN - Lesson 2 - Data Journalism Part 1 (slides CA)
ASOCEU SPAIN - Lesson 2 - Data Journalism Part 1 (slides CA)
 
S31112
S31112S31112
S31112
 
Reflexions d'un professor d'aula 2
Reflexions d'un professor d'aula 2Reflexions d'un professor d'aula 2
Reflexions d'un professor d'aula 2
 
Indicadors Web
Indicadors WebIndicadors Web
Indicadors Web
 
Barcelona Activa Cibernàrium, activitats 4T trimestre
Barcelona Activa Cibernàrium, activitats 4T trimestreBarcelona Activa Cibernàrium, activitats 4T trimestre
Barcelona Activa Cibernàrium, activitats 4T trimestre
 
Aprenentatges per passar del Jo al Nosaltres en un món digitalitzat
Aprenentatges per passar del Jo al Nosaltres  en un món digitalitzatAprenentatges per passar del Jo al Nosaltres  en un món digitalitzat
Aprenentatges per passar del Jo al Nosaltres en un món digitalitzat
 
III_Jornades_ACEFIR_Grundtvig_2013
III_Jornades_ACEFIR_Grundtvig_2013III_Jornades_ACEFIR_Grundtvig_2013
III_Jornades_ACEFIR_Grundtvig_2013
 

More from Ricard de la Vega

The Research Portal of Catalonia: Growing more (information) & more (services)
The Research Portal of Catalonia: Growing more (information) & more (services)The Research Portal of Catalonia: Growing more (information) & more (services)
The Research Portal of Catalonia: Growing more (information) & more (services)Ricard de la Vega
 
Servicios de datos para todo el ciclode investigación
Servicios de datos para todo el ciclode investigaciónServicios de datos para todo el ciclode investigación
Servicios de datos para todo el ciclode investigaciónRicard de la Vega
 
Padicat: O archivo da web da Catalunha
Padicat: O archivo da web da CatalunhaPadicat: O archivo da web da Catalunha
Padicat: O archivo da web da CatalunhaRicard de la Vega
 
La conservació digital d'obres cinematpgràfiques: un projecte del CSUC pel Ce...
La conservació digital d'obres cinematpgràfiques: un projecte del CSUC pel Ce...La conservació digital d'obres cinematpgràfiques: un projecte del CSUC pel Ce...
La conservació digital d'obres cinematpgràfiques: un projecte del CSUC pel Ce...Ricard de la Vega
 
Proyectos cooperativos de ciencia abierta en Catalunya
Proyectos cooperativos de ciencia abierta en CatalunyaProyectos cooperativos de ciencia abierta en Catalunya
Proyectos cooperativos de ciencia abierta en CatalunyaRicard de la Vega
 
Requisitos funcionales para la creación de repositorios consorciados de datos...
Requisitos funcionales para la creación de repositorios consorciados de datos...Requisitos funcionales para la creación de repositorios consorciados de datos...
Requisitos funcionales para la creación de repositorios consorciados de datos...Ricard de la Vega
 
Technical Challenges and Approaches to Build an Open Ecosystem of Heterogeneo...
Technical Challenges and Approaches to Build an Open Ecosystem of Heterogeneo...Technical Challenges and Approaches to Build an Open Ecosystem of Heterogeneo...
Technical Challenges and Approaches to Build an Open Ecosystem of Heterogeneo...Ricard de la Vega
 
Quatre tuits sobre metodologies àgils
Quatre tuits sobre metodologies àgilsQuatre tuits sobre metodologies àgils
Quatre tuits sobre metodologies àgilsRicard de la Vega
 
Preservaçao digital de tese e dissertaçoes
Preservaçao digital de tese e dissertaçoesPreservaçao digital de tese e dissertaçoes
Preservaçao digital de tese e dissertaçoesRicard de la Vega
 
Analysis of requirements and benchmarking of CRIS for the Universities of Cat...
Analysis of requirements and benchmarking of CRIS for the Universities of Cat...Analysis of requirements and benchmarking of CRIS for the Universities of Cat...
Analysis of requirements and benchmarking of CRIS for the Universities of Cat...Ricard de la Vega
 
Research Papers Recommender based on Digital Repositories Metadata
Research Papers Recommender based on Digital Repositories MetadataResearch Papers Recommender based on Digital Repositories Metadata
Research Papers Recommender based on Digital Repositories MetadataRicard de la Vega
 
Recomendador de artículos científicos basado en metadatos de repositorios dig...
Recomendador de artículos científicos basado en metadatos de repositorios dig...Recomendador de artículos científicos basado en metadatos de repositorios dig...
Recomendador de artículos científicos basado en metadatos de repositorios dig...Ricard de la Vega
 
Preservaçao digital distribuída de um repositório de teses de doutorado (TDX)
Preservaçao digital distribuída de um repositório de teses de doutorado (TDX)Preservaçao digital distribuída de um repositório de teses de doutorado (TDX)
Preservaçao digital distribuída de um repositório de teses de doutorado (TDX)Ricard de la Vega
 
De què parlem quan parlem de serveis al núvol?
De què parlem quan parlem de serveis al núvol?De què parlem quan parlem de serveis al núvol?
De què parlem quan parlem de serveis al núvol?Ricard de la Vega
 
El Portal de la Investigación de Catalunya, una suma de información de los CR...
El Portal de la Investigación de Catalunya, una suma de información de los CR...El Portal de la Investigación de Catalunya, una suma de información de los CR...
El Portal de la Investigación de Catalunya, una suma de información de los CR...Ricard de la Vega
 
The Catalan Research portal: collecting information from Catalan universities...
The Catalan Research portal: collecting information from Catalan universities...The Catalan Research portal: collecting information from Catalan universities...
The Catalan Research portal: collecting information from Catalan universities...Ricard de la Vega
 
Let's do data research work: the creation of a portal with research informati...
Let's do data research work: the creation of a portal with research informati...Let's do data research work: the creation of a portal with research informati...
Let's do data research work: the creation of a portal with research informati...Ricard de la Vega
 
Top ten-dències tecnològiques
Top ten-dències tecnològiquesTop ten-dències tecnològiques
Top ten-dències tecnològiquesRicard de la Vega
 
Infraestructures per dades de recerca
Infraestructures per dades de recercaInfraestructures per dades de recerca
Infraestructures per dades de recercaRicard de la Vega
 

More from Ricard de la Vega (20)

The Research Portal of Catalonia: Growing more (information) & more (services)
The Research Portal of Catalonia: Growing more (information) & more (services)The Research Portal of Catalonia: Growing more (information) & more (services)
The Research Portal of Catalonia: Growing more (information) & more (services)
 
Servicios de datos para todo el ciclode investigación
Servicios de datos para todo el ciclode investigaciónServicios de datos para todo el ciclode investigación
Servicios de datos para todo el ciclode investigación
 
Padicat: O archivo da web da Catalunha
Padicat: O archivo da web da CatalunhaPadicat: O archivo da web da Catalunha
Padicat: O archivo da web da Catalunha
 
La conservació digital d'obres cinematpgràfiques: un projecte del CSUC pel Ce...
La conservació digital d'obres cinematpgràfiques: un projecte del CSUC pel Ce...La conservació digital d'obres cinematpgràfiques: un projecte del CSUC pel Ce...
La conservació digital d'obres cinematpgràfiques: un projecte del CSUC pel Ce...
 
Proyectos cooperativos de ciencia abierta en Catalunya
Proyectos cooperativos de ciencia abierta en CatalunyaProyectos cooperativos de ciencia abierta en Catalunya
Proyectos cooperativos de ciencia abierta en Catalunya
 
Requisitos funcionales para la creación de repositorios consorciados de datos...
Requisitos funcionales para la creación de repositorios consorciados de datos...Requisitos funcionales para la creación de repositorios consorciados de datos...
Requisitos funcionales para la creación de repositorios consorciados de datos...
 
Technical Challenges and Approaches to Build an Open Ecosystem of Heterogeneo...
Technical Challenges and Approaches to Build an Open Ecosystem of Heterogeneo...Technical Challenges and Approaches to Build an Open Ecosystem of Heterogeneo...
Technical Challenges and Approaches to Build an Open Ecosystem of Heterogeneo...
 
Quatre tuits sobre metodologies àgils
Quatre tuits sobre metodologies àgilsQuatre tuits sobre metodologies àgils
Quatre tuits sobre metodologies àgils
 
Preservaçao digital de tese e dissertaçoes
Preservaçao digital de tese e dissertaçoesPreservaçao digital de tese e dissertaçoes
Preservaçao digital de tese e dissertaçoes
 
Informàtic
InformàticInformàtic
Informàtic
 
Analysis of requirements and benchmarking of CRIS for the Universities of Cat...
Analysis of requirements and benchmarking of CRIS for the Universities of Cat...Analysis of requirements and benchmarking of CRIS for the Universities of Cat...
Analysis of requirements and benchmarking of CRIS for the Universities of Cat...
 
Research Papers Recommender based on Digital Repositories Metadata
Research Papers Recommender based on Digital Repositories MetadataResearch Papers Recommender based on Digital Repositories Metadata
Research Papers Recommender based on Digital Repositories Metadata
 
Recomendador de artículos científicos basado en metadatos de repositorios dig...
Recomendador de artículos científicos basado en metadatos de repositorios dig...Recomendador de artículos científicos basado en metadatos de repositorios dig...
Recomendador de artículos científicos basado en metadatos de repositorios dig...
 
Preservaçao digital distribuída de um repositório de teses de doutorado (TDX)
Preservaçao digital distribuída de um repositório de teses de doutorado (TDX)Preservaçao digital distribuída de um repositório de teses de doutorado (TDX)
Preservaçao digital distribuída de um repositório de teses de doutorado (TDX)
 
De què parlem quan parlem de serveis al núvol?
De què parlem quan parlem de serveis al núvol?De què parlem quan parlem de serveis al núvol?
De què parlem quan parlem de serveis al núvol?
 
El Portal de la Investigación de Catalunya, una suma de información de los CR...
El Portal de la Investigación de Catalunya, una suma de información de los CR...El Portal de la Investigación de Catalunya, una suma de información de los CR...
El Portal de la Investigación de Catalunya, una suma de información de los CR...
 
The Catalan Research portal: collecting information from Catalan universities...
The Catalan Research portal: collecting information from Catalan universities...The Catalan Research portal: collecting information from Catalan universities...
The Catalan Research portal: collecting information from Catalan universities...
 
Let's do data research work: the creation of a portal with research informati...
Let's do data research work: the creation of a portal with research informati...Let's do data research work: the creation of a portal with research informati...
Let's do data research work: the creation of a portal with research informati...
 
Top ten-dències tecnològiques
Top ten-dències tecnològiquesTop ten-dències tecnològiques
Top ten-dències tecnològiques
 
Infraestructures per dades de recerca
Infraestructures per dades de recercaInfraestructures per dades de recerca
Infraestructures per dades de recerca
 

Visualització de dades