Infografisme

Infografisme
Grau de Periodisme
@eli_vivas

Lliçons d'una periodista que sense saber-ne res de disseny, va estar tancada durant 21 anys a una secció d'infografia amb 10 grafistes




Definició infografía
-
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

Infografía

Visualización de datos
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

Visualización de datos

Visualización de datos

Visualización de la información
- detectar patrones
- interacción
- explorar
- personalizar
- analizar en profundidad

1. Color (existe otro código, y no es un lenguaje de programación)


Color

2. Resalta lo importante
(quieres explicarlo todo, pero no satures al personal)


Título (descripcion del gráfico)
Subtítulo (años, medidas)
Fuente. Autor. ** Notas
3. Desambigua (un título no es lo que pensabas)

3. Juega con la tipografía (pero hasta cierto punto)
- Define UNA tipografía (o habla con el jefe de diseño)
- Juega con los estilos para fijar LA ATENCIÓN
- Jerarquiza la información por el tamaño

5. Alineación
(ordena, ordena, ordena)



via Víctor Pascual


via Víctor Pascual


via Víctor Pascual

via Víctor Pascual

via Víctor Pascual

PARA QUÉ SIRVE QUÉ

1 ejercicio

¿Qué distrito de Barcelona tiene más locales vacíos?
Represéntalo en un gráfico

La solución está aquí debajo
(no la mires hasta que acabes)
¿Preguntas?
Próxima sesión D3 con Javascript
Sandra Becker

1 lectura para el finde

BUSCADORES
Text
Gráficos con Flourish
Mapas
Tipos de mapas
- De puntos
- De cloropetas
- Clusters
Puntos
The migrants files

Geolocalizar
- Latitud
- Longitud
Complementos
- Geocode
- Google Fusion Tables (en extinción hasta el 9 de diciembre)
- =CONCATENATE(
Geolocalizar
Latitud
Puntos
Cloropetas
Geoportal
Geoportal

Google Fusion Tables
Educació
Elecciones
Estáticos
Ilustrator
Formatos
- .ai
- .svg
- .png
- .jpg
Estáticos
Transformar para móvil (svg)


Tableau Public (1)
Sessió 1
-
Al final de la sessió sereu capaços de:
-
Importar arxius de diferents formats i diferentes fonts a Tableau Public
-
Aprendre a fer gràfics i mapes amb Tableau Public
-
Fer fulls de treball
-
Fer dashboards i històries.
-
Publicar
Importar arxius

Importa des de Google Drive

Data dating

Preparar los datos


Filas y columnas
Arrastra las variables en filas y columnas para hacer el gráfico. La variables numéricas aparecen como "medidas"

Escoger el gráfico

Filtros y customización


Tableau Public 2
Dashboards
-
Al final de la sesión seréis capaces de:
-
Conectar diferentes archivos de datos
-
Crear un dashboard de tableau con diferentes elementos
-
Crear una historia
-
Actualizar datos
-
Publicar
Subtitle
La Nacion.data
Alcaldesas 2015
Alcaldesas 2019
Gracias

Infografismo
By Eli Vivas
Infografismo
- 529