![](https://s3.amazonaws.com/media-p.slid.es/imports/878399/MSv6njjs/MSv6njjs_001.png)
Realització d’informes turístics i memòries:
Aprenent Flourish
TEORIA 2
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Com et pot ajudar la visualització de dades amb Flourish a les teves memòries, presentacions i informes?
1.- Introducció a la metodologia: recollida de dades, anàlisi, visualització, i comunicació de les dades.
-
Preparació de les dades
-
Tipus de visualitzacions: charts, mapes, scatter plots, etc.
-
Importació de les dades
-
Customització: Colors, eixos, layouts, textos, panels i popups
-
Publicació online, offline difusió en xarxes socials
Sense codi & gratis & fàcils
NO CODING & FREE &
NOT THAT EASY
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8237636/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8237642/Data-wrapper-reviews-1024x512-20181121.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8237644/Flourish-visualización-de-datos-y-storytelling.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8237647/images.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8237649/logo.png)
amb codi & gratis & difícils
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8237652/68747470733a2f2f75706c6f61642e77696b696d656469612e6f72672f77696b6970656469612f636f6d6d6f6e732f7468756d622f632f63332f507974686f6e2d6c6f676f2d6e6f746578742e7376672f37363870782d507974686f6e2d6c6f676f2d6e6f.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8237661/graphics-in-r-with-ggplot2.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/8237664/1562726.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/1417899/images/9005022/pasted-from-clipboard.png)
Eines de visualització
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797492/microsoft-power-bi-logo_151265f430f-1.webp)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11608814/70-Lanzamiento-Looker-Studio.jpg)
- Eina molt versàtil
- El procés d'aprenentatge és molt ràpid
- Es pot integrar en web i en mòbil, i per imprimir
- Experiència d'usuari
- Narració guiada -> explorar de forma guiada a través de les Stories
- Plugin de Canva per integrar gràfics de Flourish a les presentacions, memòries o informes
¿Per què Flourish?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Mil mujeres asesinadas (RTVELab)
https://lab.rtve.es/mil-mujeres-asesinadas/datos/
Singapore Societies (Kontinentalist)
http://v1.kontinentalist.com.s3-website-ap-southeast-1.amazonaws.com/stories/singapore-registered-and-secret-societies-history-19th-century-data/
The origins of Coffe in Asia (Kontinentalist)
https://kontinentalist.com/stories/are-coffee-trade-markets-in-asia-sustainable-and-ethical
Listas de espera (Newtral)
https://www.newtral.es/especiales/listas-de-espera-en-sanidad/
Projectes amb Flourish
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
ABANS DE FER QUALSEVOL VISUALITZACIÓ, HEM DE PREPARAR DE LES DADES
DESCARREGA LES DADES (NIVELL AVANÇAT)
1- PREPARA LES DADES
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
ABANS DE FER QUALSEVOL VISUALITZACIÓ, HEM DE PREPARAR DE LES DADES
1- PREPARA LES DADES
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11609505/Captura_de_pantalla_2024-09-23_a_las_13.55.18.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797603/Captura_de_pantalla_2023-10-01_a_las_22.15.16.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
1- PREPARA LES DADES
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
2.- TIPUS DE VISUALITZACIONS
FES LOGIN A FLOURISH
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11608820/Captura_de_pantalla_2024-09-23_a_las_10.59.15.png)
FES LOGIN A FLOURISH
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11608836/Captura_de_pantalla_2024-09-23_a_las_10.59.35.png)
A
B
Charts
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11609193/Captura_de_pantalla_2024-09-23_a_las_12.21.45.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11609196/Captura_de_pantalla_2024-09-23_a_las_12.21.51.png)
Mapes
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11609228/Captura_de_pantalla_2024-09-23_a_las_12.22.01.png)
2.- TIPUS DE VISUALITZACIONS
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11609229/Captura_de_pantalla_2024-09-23_a_las_12.22.23.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11609230/Captura_de_pantalla_2024-09-23_a_las_12.22.08.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11609227/Captura_de_pantalla_2024-09-23_a_las_12.21.56.png)
2.- TIPUS DE VISUALITZACIONS
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
2.- TIPUS DE VISUALITZACIONS
Volem fer el ranking dels turistes que van venir el juliol del 2024 a Calella.
Quin gràfic escolliries?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
2.- TIPUS DE VISUALITZACIONS
Resposta al Fòrum d'Activitats
Volem comparar els turistes que van venir el juliol del 2023 i el 2024 a Calella i Sitges.
Quin gràfic escolliries?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
2.- TIPUS DE VISUALITZACIONS
Resposta al Fòrum d'Activitats
Volem fer l'evolució dels turistes que van venir del juliol del 2019 al 2024 a Calella?
Quin gràfic escolliries?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
2.- TIPUS DE VISUALITZACIONS
Resposta al Fòrum d'Activitats
Volem fer la distribució dels països d'origen dels turistes que arriben a Sitges el juliol del 2024.
Quin gràfic escolliries?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
2.- TIPUS DE VISUALITZACIONS
Resposta al Fòrum d'Activitats
Provem-ho!
(vídeo tutorial 2)
DADES EXERCICIS GRÀFICS FLOURISH
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
2.- TIPUS DE VISUALITZACIONS
TOTES LES DADES DELS ESTRANGERS ALS MUNICIPIS DE LA PROVÍNCIA DE BARCELONA 2019-24
Prova-ho ara amb el teu municipi.
Filtra les dades del teu municipi i d'un municipi veí amb les mateixes característiques que el teu. Fes un gràfic comparant les dades dels dos municipis
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
2.- TIPUS DE VISUALITZACIONS
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Filtra pel teu municipi i un veí
1.b- PREPARA LES DADES
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11609549/Captura_de_pantalla_2024-09-23_a_las_14.04.17.png)
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Filtra pel teu municipi i el d'un veí
1.b- PREPARA LES DADES
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11609556/Captura_de_pantalla_2024-09-23_a_las_14.05.15.png)
Tens dades pròpies?
Prova fer un gràfic comparatiu amb les teves pròpies dades.
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
2.- TIPUS DE VISUALITZACIONS
Resposta a les Activitats
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
3.- IMPORTACIÓ DE LES DADES
A FLOURISH
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
3.- Importar les dades
Descarrega les dades en format csv
de google sheets
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
3.- Importar les dades
Importem les dades a Flourish
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11610987/Captura_de_pantalla_2024-09-23_a_las_19.40.37.png)
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització: colors, títols, labels...
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
Gràfic de barres (rànking)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
Duplica el gràfic des d'aquest link per veure com està fet
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11614352/Captura_de_pantalla_2024-09-24_a_las_21.08.55.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11614233/Captura_de_pantalla_2024-09-24_a_las_17.42.22.png)
Colors
Colors
Edita la paleta de colors,
o bé, canvia la variable que vols posant un color hexadecimal:
Calella: #FFBF00
Busca el color
hexadecimal aquí
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11614258/Captura_de_pantalla_2024-09-24_a_las_17.42.43.png)
Títol / Header
Header
No t'oblidis posar el títol, les mesures, dates i tota la informació relativa al gràfic per afegir context
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
Footer
És el moment
d'afegir la font de dades (no t'oblidis posar
el link a la font original), l'autor del gràfic i també el logotip de la teva institució
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11614265/Captura_de_pantalla_2024-09-24_a_las_17.48.38.png)
Peu del gràfic
Storytelling and Data Visualization
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
Gràfic de línees (evolució)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
Duplica el gràfic des d'aquest link per veure com està fet
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11614364/Captura_de_pantalla_2024-09-24_a_las_21.13.32.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11614305/Captura_de_pantalla_2024-09-24_a_las_20.42.10.png)
Labels
Els números i les etiquetes es
controlen des
del label.
Els podem
amagar o
mostrar-los.
Etiquetes
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11614330/Captura_de_pantalla_2024-09-24_a_las_20.41.53.png)
Colors
En aquest cas,
hem agrupat les regions continentals
en colors de la mateixa gama cromàtica
Colors
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
4.- Customització
Anotacions
Podem afegir
anotacions tant
en l'axis y (vertical)
com en l'axis x (horitzontal)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11614336/Captura_de_pantalla_2024-09-24_a_las_20.54.59.png)
Anotacions
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Layout
Des d'aquí podem
canviar la tipografia, i la disposició dels elements del gràfic, així con el color de fons, que també pot ser transparent
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11614343/Captura_de_pantalla_2024-09-24_a_las_21.00.45.png)
Layout
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Copia el codi iframe
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11615139/Captura_de_pantalla_2024-09-25_a_las_5.47.52.png)
PUBLICAR
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Veurem la publicació a Canva en el vídeo 3
Per veure com queda un gràfic interactiu a una web, publica el gràfic amb el codi iframe a slides.com
Resposta al Fòrum d'Activitats
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Com? Fes login a slides.com
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11615154/Captura_de_pantalla_2024-09-25_a_las_5.55.12.png)
Crea un deck > Busca el mòdul Iframe > enganxa el codi iframe de Flourish
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11615158/Captura_de_pantalla_2024-09-25_a_las_5.55.26.png)
1
2
Pots provar amb aquest gràfic
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/11615209/Captura_de_pantalla_2024-09-25_a_las_6.30.44.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
O fes el teu propi gràfic.
Si no tens dades, cerca dades aquí.
Entrega al Fòrum d'Activitats
Gràcies
eli@storydata.cat
![](https://s3.amazonaws.com/media-p.slid.es/uploads/878399/images/10797582/LOGO-BCN%2BCA-610PX.jpg)
Vídeo 2. VISUALITZACIÓ DE DADES DIBA TURISME
By Storydata
Vídeo 2. VISUALITZACIÓ DE DADES DIBA TURISME
- 148