SIEMPRE NOS

CONFUNDEN

Infografía

Text

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.

 

Infografía

Text

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.

 

Infografía

  • Puede combinar pictogramas, gráficos e ilustración
  • Foto fija: La información viene masticada
  • Estática o interactiva
  • No permite exploración
  • Representación simbólica de la información

Adolfo Arranz

 Visualización de datos

Una representación gráfica de datos o conceptos, que es una construcción interna de la mente o un artefacto externo que apoya la toma de decisiones"

 

  C. Ware 2000

 

TRANSLADA LA INFORMACIÓN A UN CONTEXTO VISUAL

La visualización de datos es la representación gráfica de información y datos.

  • Permite al usuario interactuar con los datos para detectar valores atípicos, patrones o comprender tendencias
  • Explorar

  • Combina elementos visuales como tablas, gráficos y mapas
  • Personalizar

  • Analizar en profundidad

  • Nos ayuda en la toma de decisiones
  • Combina elementos visuales como tablas, gráficos y mapas

70% of the current U.S. Senators are 60 years or older

Xaquin G. Viera. Washington Post

Infographics can contain Data Visualizations,

but Data Visualizations cannot contain Infographics.

Infografía

Data
visualizations

Analizar

-La recolección

y limpieza de datos

a menudo es la parte

lleva más tiempo

 

20%

80%

Visualizar

Limpieza de datos

ERRORES

COMUNES

La visualización de datos tiene que explicarse y funcionar por sí sola

Title

Body

Footer

Partes

TÍTULO MEMORABLE

SUBTÍTULO Y CONTEXTO

Axis text

Axis text

Axis text

Axis text

Axis text

Axis text

Axis text

FUENTE Y QUIÉN HA CREADO EL GRÁFICO. NOTAS, SI ES NECESARIO

Legend text

Legend text

Legend title

Axis y title

Axis x title

Añadir el contexto

El arte del highlighting

¿Qué quiero explicar?

-Focalízate en los conceptos clave
 

-Un gráfico, una idea

 

-Entrevista los datos

 

Juega con la tipografía, pero sin pasarte

Resalta lo

importante

 

-No más de 7 colores en 1 chart

-Gris, tu mejor amigo
-Usa colores intuituivos (pero huye de los estereotipos Men-Women)
-Utiliza paletas de colores, funcionan

 

"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

Hazlo simple

Hazlo simple

Medium Infogram

Empieza el axis en 0

Medium Infogram

Ordena, siempre que puedas

Mobile first

2020

50,8%

2013

16,2%

Mobile phone web traffic:

Difunde a través de redes sociales

Abre los datos

ESCOGER

EL MEJOR

GRÁFICO

Tipos de gráficos

Quantitativos

 

Qualitativos

 

Categóricos

 

Fechas

Datos

34, 45, 8795, 65.9, 3555550

Good

Very bad

 

Excellent

Apple, banana, peach, orange

2020, 13-02-2020, Monday

Cualitativos

Cuantitativos

Híbridos

1

2

3

4

52,9%

1

2

3

Estáticos

Interactivos

Dinámicos

HERRAMIENTAS

POR GRADO

DE DIFICULTAD

DE APRENDIZAJE

SIN CÓDIGO & GRATIS & FÁCILES

SIN CÓDIGO & GRATIS &
NO TAN FÁCIL

CÓDIGO & GRATIS & DIFÍCILES

Herramientas avanzadas "artesanales":

Illustrator y Photoshop

  • Resalta lo importante
  • El color tiene un sentido
  • Juega con la tipografía
  • No te olvides de ningúna parte
  • Hazlo simple, pon el axis en 0
  • Mobile first, y responsive
  • Abre los datos

 CONCEPTOS CLAVE

Gracias

 

storydata.cat

 

TW @eli_vivas | @storydatabcn

IG @storydata

 

Visualización de datos para periodistas- Newsera

By Story Data

Visualización de datos para periodistas- Newsera

  • 65
Loading comments...

More from Story Data