Dades i visualització d’informació
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

QUI SÓC
o Grau universitari en Multimèdia
o Màster universitari en Societat d 'Informació i
el Coneixement
o Formador Infografia i Visualització a
Barcelona Activa
o Consultor docent a la UOC
o Membre Infoexplorers
(Xarxa d'experts en anàlisis de
dades,visualització i xarxes socials)
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

AGENDA
2
1
Context
3
4
Infografia Fonts de Categories
visualització dades
Ignasi Alcalde
Dades i visualització d’informació
5
Sectors
6
Admin
www.ignasialcalde.es
@ignasialcalde

1
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.CONTEXT
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

EL NOU PETROLI
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DATA SOCIETY
La disrupció no és la dada, sinó el canvi que es genera.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DATA SOCIETY
Es parla de la ciència de les dades.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

BIG DATA
És un terme aplicat a
conjunts de dades que
superen la capacitat del
programari habitual per ser
capturats gestionats i
processats en un temps
raonable .
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

BIG DATA
http://wearedata.watchdogs.com/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

BIG DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

OPEN DATA
Open Data
Obertura de dades públiques en
formats digitals, estàndards i
oberts per a ser reutilitzats de
forma automàtica.
Qualsevol pot usar-los
gratuïtament quan vulgui per la
finalitat que vulgui
(inclòs l’ànim de lucre)
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DADES =
VALOR ECONÒMIC
L’activitat infomediaria
espanyola es calcula que
és de 330 a 550 M €
Hi ha un univers de 150
empreses que generen,
aplicacions, productes i
serveis amb valor
destinats a Tercers, a
partir de laInformació
del Sector Públic.
* Segons l'Estudi
'Caracterització del sector
infomediari a Espanya'.
Projecte Datos.gob.es. juny
2012
Font: Marc Garriga
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DADES =
VALOR ECONÒMIC
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DADES =
TRANSPARÈNCIA
http://ialcalde.es/ogoverment
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DADES =
TRANSPARÈNCIA
http://goo.gl/0TJfi
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DADES= VALOR
DEMOCRATIC
http://presupuesto.aragon.es/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

2
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.
INFOGRAFIA i VISUALITZACIÓ
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

REFINERIES
DE DADES
Si les dades són el nou petroli
necessitem refineries de dades
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

MOLTES DADES ?
VISUALITZAR
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

INTERÈS INTERNET
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PERCEPCIÓ
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

SOM VISUALS
Roman Ondak “Measuring Universe“
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PERCEPCIÓ
Font: http://neomam.com/interactive/13reasons/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PERCEPCIÓ
Font: http://neomam.com/interactive/13reasons/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

6 RAONS
1.Som éssers visuals
2.Infoxicació
3.Són més atractives
4.Comprensió
5.Retenció Lectora
6.Viralitzables
http://ialcalde.es/13raons
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

OBJECTIUS
VIS. INFORMACIÓ
•
•
•
•
•
•
Respostes a les preguntes (o descobrir)
Prendre decisions
Veure dades en el seu context
Suport càlcul gràfica
Trobar patrons
Presentar arguments o explicar una
història
• Inspirar
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

FUNCIONS
VIS. INFORMACIÓ
Tres funcions de la visualització de dades
• Registre: emmagatzemar informació sintèticament
• Analitzar: donar suport al raonament sobre la
informació
• Comunicar: transmetre la informació als altres
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

INFOGRAFIA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DEFINIM INFOGRAFIA
“és una representació més visual que els mateixos textos, en
la
qual
intervenen
descripcions,
narracions
o
interpretacions, presentades de manera gràfica figurativa,
amb la intenció de sintetitzar informació i transmetre
coneixement”
Font: Wikipedia
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

QUE FAN
“Explicar històries visualment”
Font :
Chiqui Esteban: Editorial Designer (Graphics) The Boston Globe
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

VISUALITZACIÓ
http://ialcalde.es/eurozonedebt
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

VISUALITZACIÓ
Font : http://hint.fm/wind/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DEFINIM
Visualització
“ Multidisciplina que representa les dades transformant-les
en informació semàntica a través de mitjans gràfics,
combinant la seva funcionalitat i estètica amb simplicitat, i
estimulant la participació dels usuaris “
Font : taller VISDA MosaIc UOC
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

CONCEPTES
Infografia Vs Visualització
“la infografia consisteix a presentar informació per mitjà de gràfics estadístics,
mapes i esquemes, mentre que la visualització es basa en la creació d’eines
visuals (estàtiques i interactives) que un públic pugui fer servir per explorar,
analitzar i estudiar conjunts complexos de dades “
Hi ha una naturalesa comuna de la infografia i la visualització ja que
pertanyen a un mateix continu, on els límits de la qual són definits per les
paraules presentació i exploració.
Font: El arte funcional : Alberto Cairo.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

6 RAONS
1.Som éssers visuals
2.Infoxicació
3.Són més atractives
4.Comprensió
5.Retenció Lectora
6.Viralitzables
http://ialcalde.es/13raon
s
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

BASES COGNITIVES
“Les dades, organitzades i emprades degudament , poden
convertir-se en informació.
La informació, absorbida, compresa i aplicada per les persones,
Font. ffctn.com
pot convertir-se en coneixements.
Els coneixements aplicats freqüentment en un camp poden
convertir-se en saviesa, i la saviesa és la base de l'acció positiva”
Michael Cooley:”Architect or Bee?”Hogarth Press,London,UK,1987.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

BASES COGNITIVES
De la Informació a la Saviesa
Saviesa
Coneixement
•Assimilació personal
•Aplicació de la informació
Informació
Font. ffctn.com
1
Complexitat
•No transmissible
•Aplicació ‘ ètica’ dels coneixements
•Estructuració de les dades
• Semàntica
• Narrativa
Cognitiva
Dades
Registres d'observacions
Font: Outliers.es
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PROCÉS
Dades
Creuar amb
més dades
Texte
Qüestionar-les
Verificar-les
Contrastar-les
Netejar
dades
Visualitzarles
Gràfic
estàtic/
interactiu
Aplicació
Preguntes
Comprobacions
Verificacions
* Font: Carlos Alonso
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PROCÉS
Com explicar una història amb la informació
http://youtu.be/mkEXx7sDXAI
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

3
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.
FONTS
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

ÓN SON LES DADES
a.
Repositoris públics
b.
Repositoris comercials
c.
Recerca avançada
d.
Petició directa
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

REPOSITORIS PÚBLICS
Institucions públiques: #opendata
– Generalitat de Catalunya
– Ajuntament de Barcelona
Departaments d'Estadística
–
–
–
–
Generalitat de Catalunya - Idescat
Govern d'Espanya – INE
Unió Europea – Eurostat
Departaments Cartogràfics
Iniciatives privades
– CKAN
– Publicdata.eu
– Opengovernmentdata.org
– Open Knowledge Foundation
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

REP. COMERCIALS
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

REP. COMERCIALS
http://youtu.be/AM6w_tUlIn4
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

RECERCA AVANÇADA
Paràmetres avançats de recerca en Google filetype:xls
site:domain.tld
(arrel)
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PETICIO DIRECTA
No hi ha llei de transparència a Espanya que reguli el dret a saber dels ciutadans i
les obligacions de les administracions públiques a contestar.
•AccessInfo
•Pro Bono Público
•Abredatos
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PETICIO DIRECTA
• Bases de dades de creació
pròpia
• Col·laboració amb
l'audiència – Crowdsourcing
• Experiències:
– Adopta un senador
http://derechointernet.org/node/569
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

4
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.
CATEGORIES
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

CATEGORIES
•
•
•
•
•
Ignasi Alcalde
Que volem representar?
Quin tipus de relació?
Quines variables volem mostrar?
Tenim informació temporal?
Geogràfica?
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

CATEGORIES
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PODEM VEURE
•
•
•
•
•
Tendències
Patrons
Anomalies
Connexions
Correlacions
Ignasi Alcalde
•
•
•
•
•
Comparacions
Relacions
Jerarquia
Localitzacions
Processos
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

TENDÉNCIES
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PATRONS
Font: Aaron Koblin
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

ANOMALIES
Font: Active users of Google+. Hermes Project.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

CONEXIONS
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

CORRELACIONS
Font: www.marctomarket.com -
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

COMPARACIONS
http://especiales.lainformacion.com/espana/patrimonio-diputados/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

JERARQUIA
http://especiales.lainformacion.com/economia/presupuestos-generales-estado
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

LOCALITZACIONS
http://voces25s.es/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

PROCESSOS
Font: Martin Cajzer's
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

5
Ignasi Alcalde
INFOGRAFIA I VISUALITZACIÓ
DE DADES. EXEMPLES SECTORS
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DATA ART
http://youtu.be/4v4XxlfVk3o
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

TURISME
The Geotaggers world Atlas
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

POLÍTICA
http://politilines.periscopic.co
m/
Visualitzar las paraules
utilitzades en els debats de les
primaries del partit Republicà
Ignasi Alcalde
Placeholder
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

INVESTIGACIÓ
Font: http://www.scientificamerican.com/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

MÚSICA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

EDUCACIÓ
http://www.educationworld.com/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

SELF TRACKING
http://infosthetics.com/archives/2011/06/visualizing_1000_nike_runs_in_new_york_city.html
http://vimeo.com/24703033
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

INFORMES
http://2010.tnsdigitallife.com/
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

SOCIAL TRACKING
http://www.youtube.com/watch?v=PC99Nw2JX8w
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

SMART CITIES
http://senseable.mit.edu/livesingapore/visualizations.html
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

6
Ignasi Alcalde
DADES I VISUALITZACIÓ
D‘INFORMACIÓ.
EXEMPLES ADMIN PÚBLICA
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

FUNDACIONS
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

TRANSPARÈNCIA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

TRANSPARÈNCIA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

TRANSPARÈNCIA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

DADES= VALOR
DEMOCRATIC
Ignasi Alcalde
Freedom of Information Act
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

OPEN DATA
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

OPEN DATA
Ignasi Alcalde
Idescat Public Data Explorer
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

CITA
Una bona visualització és una peça
d’art que fa visible el que és invisible.
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde

CONTACTE
Ignasi Alcalde
www.ignasialcalde.es
@ignasialcalde
info@ignasialcalde.es
Ignasi Alcalde
Dades i visualització d’informació
www.ignasialcalde.es
@ignasialcalde