
Realització d’informes turístics i memòries:
Aprenent Flourish
TEORIA 2

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





amb codi & gratis & difícils




Eines de visualització


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

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

Storytelling and Data Visualization

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

ABANS DE FER QUALSEVOL VISUALITZACIÓ, HEM DE PREPARAR DE LES DADES
1- PREPARA LES DADES



1- PREPARA LES DADES
Storytelling and Data Visualization

2.- TIPUS DE VISUALITZACIONS
FES LOGIN A FLOURISH


FES LOGIN A FLOURISH


A
B
Charts



Mapes

2.- TIPUS DE VISUALITZACIONS




2.- TIPUS DE VISUALITZACIONS

2.- TIPUS DE VISUALITZACIONS
Volem fer el ranking dels turistes que van venir el juliol del 2024 a Calella.
Quin gràfic escolliries?

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?

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?

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?

2.- TIPUS DE VISUALITZACIONS
Resposta al Fòrum d'Activitats
Provem-ho!
(vídeo tutorial 2)
DADES EXERCICIS GRÀFICS FLOURISH

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

2.- TIPUS DE VISUALITZACIONS
Storytelling and Data Visualization

Filtra pel teu municipi i un veí
1.b- PREPARA LES DADES

Storytelling and Data Visualization

Filtra pel teu municipi i el d'un veí
1.b- PREPARA LES DADES

Tens dades pròpies?
Prova fer un gràfic comparatiu amb les teves pròpies dades.

2.- TIPUS DE VISUALITZACIONS
Resposta a les Activitats
Storytelling and Data Visualization

3.- IMPORTACIÓ DE LES DADES
A FLOURISH
Storytelling and Data Visualization

3.- Importar les dades
Descarrega les dades en format csv
de google sheets
Storytelling and Data Visualization

3.- Importar les dades
Importem les dades a Flourish

Storytelling and Data Visualization

4.- Customització: colors, títols, labels...

4.- Customització
Gràfic de barres (rànking)

4.- Customització

4.- Customització
Duplica el gràfic des d'aquest link per veure com està fet


4.- Customització

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í

4.- Customització

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

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ó

Peu del gràfic
Storytelling and Data Visualization

4.- Customització
Gràfic de línees (evolució)

4.- Customització
Duplica el gràfic des d'aquest link per veure com està fet


4.- Customització

Labels
Els números i les etiquetes es
controlen des
del label.
Els podem
amagar o
mostrar-los.
Etiquetes

4.- Customització

Colors
En aquest cas,
hem agrupat les regions continentals
en colors de la mateixa gama cromàtica
Colors

4.- Customització
Anotacions
Podem afegir
anotacions tant
en l'axis y (vertical)
com en l'axis x (horitzontal)

Anotacions

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

Layout

Copia el codi iframe

PUBLICAR

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

Com? Fes login a slides.com

Crea un deck > Busca el mòdul Iframe > enganxa el codi iframe de Flourish

1
2
Pots provar amb aquest gràfic


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

Vídeo 2. VISUALITZACIÓ DE DADES DIBA TURISME
By Storydata
Vídeo 2. VISUALITZACIÓ DE DADES DIBA TURISME
- 149