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
