Eli Vivas
eli@storydata.cat
Twitter @eli_vivas | @storydatabcn
IG @storydata
Infografía
De Infographie®, marca reg.
1. f. Técnica de elaboración de imágenes mediante computadora.
2. f. Imagen obtenida por infografía.
3. f. Representación gráfica que apoya una información de prensa.
Real Academia Española
Storytelling and Data Visualization
Germanwings flight-Inconsolata
Storytelling and Data Visualization
Storytelling and Data Visualization
A graphical representation of data or concepts, which is either an internal construct of the mind or an external artifact supporting decision making
C. Ware 2000
Storytelling and Data Visualization
Translation of raw data to a visual context
Storytelling and Data Visualization
Charles Minard, 1869
Storytelling and Data Visualization
Storytelling and Data Visualization
Storytelling and Data Visualization
Storytelling and Data Visualization
Storytelling and Data Visualization
Storytelling and Data Visualization
Storytelling and Data Visualization
Storytelling and Data Visualization
Infographics and Data Visualization
(quieres explicarlo todo, pero no satures al personal)
Storytelling and Data Visualization
Storytelling and Data Visualization
2 4 3 5 6 4 3 7 6 5 3
4 3 4 5 4 1 3 2 8 9 7
5 4 6 7 2 1 5 0 6 5 4
2 6 7 8 9 3 1 2 4 0 1
5 3 4 0 9 2 5 4 7 7 2
5 4 1 1 2 0 9 0 9 5 6
2 4 3 5 6 4 3 7 6 5 3
4 3 4 5 4 1 3 2 8 9 7
5 4 6 7 2 1 5 0 6 5 4
2 6 7 8 9 3 1 2 4 0 1
5 3 4 0 9 2 5 4 7 7 2
5 4 1 1 2 0 9 0 9 5 6
2 4 3 5 6 4 3 7 6 5 3
4 3 4 5 4 1 3 2 8 9 7
5 4 6 7 2 1 5 0 6 5 4
2 6 7 8 9 3 1 2 4 0 1
5 3 4 0 9 2 5 4 7 7 2
5 4 1 1 2 0 9 0 9 5 6
Subtítulo (años, medidas)
Fuente. Autor. ** Notas
Storytelling and Data Visualization
Awesome title
Subtitle that contextualizes
Axis text
Axis text
Axis text
Axis text
Axis text
Axis text
Axis text
Caption with the source and who created the chart. Notes if necessary
Legend text
Legend text
Legend title
Axis y title
Axis x title
Storytelling and Data Visualization
Storytelling and Data Visualization
Source: Google News Timeline
Swine Flu
Bird Flu
Killer Wasps
Apocalypse
2000
Storytelling and Data Visualization
Storytelling and Data Visualization
Storytelling and Data Visualization
"Think about subway maps, which are abstracted from the complex shape of the city and are focused on the rider’s goal: to get from one place to the next"
Visualizing Data by Ben Fry
Storytelling and Data Visualization
Medium Infogram
Storytelling and Data Visualization
...si puedes
Storytelling and Data Visualization
...si puedes
Medium Infogram
Storytelling and Data Visualization
via Víctor Pascual
Storytelling and Data Visualization
via Víctor Pascual
Storytelling and Data Visualization
via Víctor Pascual
Storytelling and Data Visualization
via Víctor Pascual
Storytelling and Data Visualization
via Víctor Pascual
Storytelling and Data Visualization
Storytelling and Data Visualization
2021
54,8%
2013
16,2%
Tráfico para móbil:
SIn código & gratis & fáciles
NO CODING & FREE &
NOT THAT EASY
con código & gratis & difíciles
Storytelling and Data Visualization
Loguéate en Datawrapper
Storytelling and Data Visualization
Storytelling and Data Visualization
Si lo prefieres más fácil
(no hagas click -si puedes- hasta que acabes)
Storytelling and Data Visualization
¿Quin districte o barri de Barcelona té més restaurants?
Representa-ho en un gràfic
Storytelling and Data Visualization
Latitude | Longitude | name |
---|---|---|
42.061201860 | -0.490321024 | point1 |
38.887787884 | -1.537996281 | point2 |
38.696322447 | -9.137571576 | point3 |
geometry | name |
---|---|
polygon | region1 |
multipolygon | region2 |
polygon | region3 |
Storytelling and Data Visualization
Storytelling and Data Visualization
Los datos geoespaciales dibujan puntos o formas, y almacenan información para cada uno de estos puntos o regiones
Storytelling and Data Visualization
Storytelling and Data Visualization
Storytelling and Data Visualization
Prueba con las direcciones de los animales domésticos de Gavà
Storytelling and Data Visualization
Formatos
Transformar para móvil (svg)
· Statistics Division of the UN:
http://data.un.org/
· Google Dataset Search:
https://datasetsearch.research.google.com/
· WHO Database:
https://www.who.int/data
· National Stastistics Institute:
https://www.ine.es/
· Kaggle:
https://www.kaggle.com/
Storytelling and Data Visualization
· The World Bank
https://maps.worldbank.org/
· Map SVG:
https://mapsvg.com/maps/world
· Geographical Institutes websites / Open Data:
http://centrodedescargas.cnig.es/CentroDescargas/index.jsp
Storytelling and Data Visualization
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/
mapa barris
Estructura
Teoria
Práctica
45'
2h
EXPLICAR UNA HISTORIA
BEN ESTRUCTURADA
VISUALMENT ATRACTIVA
MEMORABLE
Estàtic
Interactiu
Dinàmic
Títol
Cos
Peu
Estadístics
Jing Zhang
Venngage
Informatius
Venngage
Timeline
Procés
Nigel Holmes
goodwaydesign
David McCandless
Comparatius
FOOTER
Llista
1
3
Idea o tema
Audiència
Estructura
Informació
Afegeix valor
Disseny
1
3
SESSION 2
FOOTER
Aigua de l'aixeta a Bcn
Aigua de l'aixeta a Bcn
Beure aigua a Bcn
Aigua de l'aixeta al món
WORLD MAP
Problemes
Estructura
Dissenyar conceptes
El teu torn
EL TEU TORN
2.- Fes el mateix amb Infogram.
eli@storydata.cat
Twitter @eli_vivas | @storydatabcn
IG @storydata