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

O SI PREFEREIXES, LES DADES JA PREPARADES 

(NIVELL BÀSIC)

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

FONT: DADES TURISME INE EXPERIMENTAL TELEFONIA MÒBIL

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?

DADES

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?

DADES

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?

DADES

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?

DADES

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

DADES

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

Generador de colors

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 4

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

Dades

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

Eli Vivas

STORYDATA ACADEMY

Storydata Academy és un projecte d'Storydata que compta amb el suport de la Generalitat de Catalunya, a través del fons Next Generation del projecte RETECH per aminorar la bretxa de gènere en l'àmbit de l'emprenedoria femenina en el sector digital.