Curs realitzat per al Col·legi Oficial de Bibliotecaris-Documentalistes de Catalunya (COBDC) l'octubre de 2021

1. Visualització
de dades
Curs del 4, 5, 7 i 14 de setembre pel COBDC sobre
per RICARD DE LA VEGA

2. agenda
eines projecte
conceptes bàsics
Ricard de la Vega
@RDelavega
ricard.delavega@gmail.com
regles i bones
pràctiques

3. Feedback al llarg del curs a
https://jamboard.google.co
m/d/1uD5el0TgwHb-NK_f
eutwimOzvkja5djiik10pttp9
ao/edit?usp=sharing
gràcies

4. Introducció

5. tsunami de dades

6. dades - informació - coneixement

7. infoxicació - desinformació ...

8. intentarem posar llum a la foscor

9. 98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
78936078438757803578463874601
quants “2” hi ha?

10. 98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
78936078438757803578463874601

11. 98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
78936078438757803578463874601

12. 98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
78936078438757803578463874601

13. 98349274862478782367862896248
96378927892793879834489673943
64786378647863892468971267845
18063457801236451675796358046
7893607843875780357846387460

14. 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

15. 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

16. 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

17. 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?

18. 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

19. 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.

20. 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.
➔

21. 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

22. 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

23. 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

24. 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

25. 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

26. CinC minuts d’història...

27. 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
Interactive timeline of the most iconic inphografics https://history.infowetrust.com

28. John Snow (1854)
Mapa dels brots de còlera a Londres
¡Aplane la curva Doctor John Snow! https:/
/hablemosdeinfografia.com/episodio-2

29. 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

30. 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

31. Conceptes bàsics

32. 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

33. explorar
Font: Guia de Visualització de Dades. Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf

34. ➔ 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

35. ➔ 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

36. ➔ 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

37. ➔ 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

38. ➔ 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

39. ➔ 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

40. principis de disseny

41. ➔ 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

42. ➔ 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)

43. ➔ 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

44. https://twitter.com/storywithdata/status/1440049574161182721
atributs preatentius

45. atributs preatentius
Lisa Charlotte Muth. Which color scale to use when visualizing data (2021)
https://twitter.com/lisacmuth/status/1371847162427015171?s=1002

46. Tipus de gràfics

47. Els bàsics
Font: Guia de Visualització de Dades.
Generalitat de Catalunya (2018)
http://atenciociutadana.gencat.cat/web/.content/manuals/guia-
visualitzacio-dades.pdf

48. Comparacions

49. Barres
➔ Ordena de gran a petit

50. Barres
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical

51. Barres
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0

52. Barres
➔ Ordena de gran a petit
➔ Si ordre temporal, millor en vertical
➔ Eix quantitatiu comença al 0

53. 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

54. 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

55. 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

56. 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

57. 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

58. 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%)

59. 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)

60. RADAR small multiples

61. heat map
Introdución a la visualización de datos. Víctor Pasqual. Domestika.
https://www.domestika.org/en/courses/64-introduction-to-data-visualization

62. tendències

63. mapes

64. parts d’un
total

65. distribucions

66. correlacions

67. 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

68. connexions,
relacions i
xarxes

69. Més...

70. Guia de Visualització de Dades. Pere Rovira i Víctor Pasqual. Generalitat de
Catalunya (2018) http://atenciociutadana.gencat.cat/web/.content/manuals/guia-visualitzacio-dades.pdf

71. Data Visualization Catalog. Jon Schwabish
https://policyviz.com/books/better-data-visualizations/policyviz-data-visualization-catalog

72. One Chart at a Time. Jon Schwabish (2021)
https://www.youtube.com/playlist?list=PLfv89tPxlTiVIrwuSBCISiBaGSH1CJR5-

73. Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com

74. 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

75. homework
➔ Com milloraries el gràfic?
➔ Seleccionar una visualització
sobre la pandèmia o d’aquesta
setmana...

76. agenda
eines projecte
conceptes bàsics
regles i bones
pràctiques

77. regles i Bones pràctiques

78. 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

83. Exemple de David McCandless a https:/
/www.youtube.com/watch?v=CSQOiYPEflo .

86. 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

87. 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)

88. https://speakerdeck.com/cherdarchuk/remove-to-improve-the-data-ink-ratio by Joey Cherdarchuk

89. ➔ Esborra el fons
https://speakerdeck.com/cherdarchuk/remove-to-improve-the-data-ink-ratio by Joey Cherdarchuk

90. ➔ Esborra el fons

91. ➔ Esborra etiquetes redundants

92. ➔ Esborra etiquetes redundants

93. ➔ Esborra etiquetes redundants

94. ➔ Esborra etiquetes redundants

95. ➔ Eliminar vores

96. ➔ Redueix colors

97. ➔ Elimina efectes especials

98. ➔ Elimina efectes especials

99. ➔ Elimina negretes

100. ➔ Alleugereix etiquetes

101. ➔ Alleugereix línies

102. ➔ o esborra-les

103. ➔ etiqueta directament

104. ➔ etiqueta directament

105. ➔ abans
➔ després
https://speakerdeck.com/cherdarchuk/remove-to-improve-the-data-ink-ratio

106. ➔ abans
➔ després
https://speakerdeck.com/cherdarchuk/clear-off-the-table

107. ➔ abans
➔ després
https://www.darkhorseanalytics.com/blog/salvaging-the-pie

108. ➔ abans
➔ després
https://speakerdeck.com/cherdarchuk/data-looks-better-naked-maps-edition

109. storytelling
Basat en https://twitter.com/edugil39/status/1430472222532067337

110. storytelling
Basat en https://twitter.com/edugil39/status/1430472222532067337

111. Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com

112. Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com

113. Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com

114. Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com

115. Storytelling with Data. Cole Nussbaumer Knaflic https://www.storytellingwithdata.com

116. la forma segueix la necessitat
Alberto Cairo, The functional Art http://www.thefunctionalart.com/p/about-book.html

118. Alberto Cairo, The functional Art http://www.thefunctionalart.com/p/about-book.html

121. utilitza les mètriques adequades

122. 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)

123. @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

124. 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

125. 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

126. Una “regla” més...

127. 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

129. Robert Kosara (2021) Chart Appreciation: Iraq's Bloody Toll by Simon Scarr. Youtube.
https://www.youtube.com/watch?v=zHfExUZKLwA

132. 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

133. agenda
eines projecte
conceptes bàsics
regles i bones
pràctiques

134. eines

135. The Chartmaker Directory
http:/
/chartmaker.visualisingdata.com

136. el clàssic

137. Excel, google sheets, libreoffice...
Excel Tutorials
https://www.youtube.com/playlist?list=PLfv89tPxlTiX1N3xMTvkLNkp-I-8fNJDU
https://www.storytellingwithdata.com/book/downloads

138. Els new kids on the block...

139. infogram
https://infogram.com

140. Flourish
https://flourish.studio

141. rawgraphics
https://rawgraphs.io

142. datawrapper
https://www.datawrapper.de

143. Next level...

144. adobe illustrator
https://www.adobe.com/es/products/illustrator.html

145. tableau
https://www.tableau.com

146. https://powerbi.microsoft.com
power bi

147. qlik
https://www.qlik.com

148. i per a tot el demés...
programació

149. d3.js
https://observablehq.com/@d3/gallery Mike Bostock https://bost.ocks.org/mike

150. 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

151. mapes amb leaflet, carto i mapbox
https://leafletjs.com
https://www.mapbox.com
https://carto.com

152. altres eines...

153. timeline JS
http://timeline.knightlab.com

154. https://storymap.knightlab.com
storymap JS

155. data gif maker
https://datagifmaker.withgoogle.com

156. gramener
https://gramener.com/storylabs-publications/create-comics-google-sheets-comicgen

157. keep
calm
it’s
demo time

158. homework
➔ Crear compte a Flourish i jugar una mica...

159. agenda
eines projecte
conceptes bàsics
regles i bones
pràctiques

160. projecte / demo

161. 1. objectiu
2. obtenció i preparació de les dades
3. disseny

162. https://pudding.cool/2017/03/film-dialogue

163. https://pudding.cool/2017/03/film-dialogue

164. https://pudding.cool/2017/03/film-dialogue

166. Qui surt més a la saga star wars?

167. i com evoluciona el gènere?

168. https://m.imdb.com/list/ls027631145/?ref_=m_urls_ls
IMDb

170. https://5stardata.info/en
5 * Open data

175. exemples

176. https://flowingdata.com/2021/09/21/how-men-and-women-spend-their-days

177. https://informationisbeautiful.net/visualizations/based-on-a-true-true-story

178. https://informationisbeautiful.net/visualizations/based-on-a-true-true-story

179. https://codex-atlanticus.it

180. https://codex-atlanticus.it

181. http://manpopex.us

182. http://manpopex.us

183. https://www.carbonbrief.org/mapped-how-the-us-generates-electricity

184. https://www.windy.com

185. http://metrocosm.com/global-immigration-map

186. http://metrocohttps://guns.periscopic.com

187. http://www.metoomentum.com/trending.html

188. http://www.metoomentum.com/trending.html

189. https://twitter.com/sharoz/status/1442904998182985729 by @MonaChalabi

190. 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

191. https://twitter.com/sergioeclectico/status/1441372338541322244?s=08 by Sergio Galan

192. @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

193. https://twitter.com/adolfux/status/1442750361442398214?s=20

194. 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

195. https://github.com/lau-cloud/TidyTuesdaycode/blob/master/National%20Day/independence_days.R

196. https://twitter.com/wallacetim/status/1446612333032316930

197. bons mals exemples

198. https://twitter.com/storywithdata/status/1384884620194369541
https://twitter.com/WTFViz
https://docs.google.com/presentation/d/14zGLucWYnU6qQXzEfmpCuDi3YJ-fKqO3wZ7F1WX5iXk/edit#slide=id.gd38455501d_0_27

199. https://twitter.com/dsn/status/1237776289907515395

200. https://twitter.com/BarMartland/status/1384941061966020615/photo/1

201. https://twitter.com/sergioeclectico/status/1413267096025325572?s=1006
Més calor al marró que el vermell?

202. https://www.reddit.com/r/dataisugly/comments/px4a6d/did_the_baby_boomers_make_the_viz_too/

203. https://twitter.com/geokaramanis/status/1387633878861557762

204. https://twitter.com/sarahlovesdata/status/1385160258742595587

205. https://twitter.com/AlvaroLayon/status/1384921262187745283

206. https://twitter.com/BJP4India/status/1039110217160478720 https://viz.wtf/image/182786077914

208. https://twitter.com/sarahlovesdata/status/1384915 -
https://twitter.com/MMarie/status/1384912248439779328689257984002

210. https://www.reddit.com/r/dataisugly/comments/osgwfc/official_chart_from_the_developers_of_escape_from

211. https://twitter.com/NilanjanSaha007/status/1384918882788519937

212. https://twitter.com/sarahlovesdata/status/1385160621226868737

213. https://twitter.com/BarMartland/status/1384941692328071168

214. https://twitter.com/sarahlovesdata/status/1385161877081235457

215. https://twitter.com/BarMartland/status/1384941249560522752

216. https://twitter.com/sarahlovesdata/status/1384914791601479684

217. Referències

218. 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)

219. ➔ 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 Pasqual. Domestika
https://www.domestika.org/es/courses/64-introduccion-a-la-visualizacion-de-datos
Víctor pasqual i pere rovira

220. 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

221. ➔ 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

222. ➔ 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

223. moltes gràcies
@RDelavega
ricard.delavega@gmail.com