Este documento presenta una introducción a la visualización de información. Explica casos y ejemplos de visualización para incidencia política y ofrece sugerencias para la creación de infografías. También recomienda herramientas de visualización de datos y consideraciones básicas para el diseño como el color, la tipografía y los elementos visuales.

1. Juan Manuel Casanueva
@jm_casanueva Visualización – Día 2 -
- Introducción a la visualización de la información
- Casos y ejemplos de visualización para incidencia
- Sugerencias para la creación de infografías

2. Para iniciar la mañana ...
http://lokeshdhakar.com/coffee-drinks-illustrated/

3. PELÍCULAS
vs
GADGETS

4. http://bit.ly/K3gl0i

5. La visualización nos ayuda a
ENTENDER mejor :D
... porque ...
IDENTIFICAMOS PATRONES
COMPARAMOS
ASOCIAMOS CONCEPTOS
FOCALIZAMOS NUESTRA ATENCIÓN
VEMOS ESCENAS “COMPLETAS”
Basado en: http://www.improving-visualisation.org/case-studies/id=6

6. Datos = Evidencia
¿Son utilizables?

7. Datos = Evidencia
¿Cómo debes gestionarlos?

8. Manejo de datos
● Unión
● Limpieza
● Estructuración
http://bit.ly/JKT9lP
● Categorización
● Estandarización
http://code.google.com/p/google-refine/

10. 3 principios básicos:
Enfoque en la Audiencia
Representación Adecuada de Datos
Simple, Sencillo y Directo

11. http://wheredoesmymoneygo.org/

12. Gráficas

13. Herramienta sugerida
SOFTWARE DE OFICINA
GAPMINDER
http://www.gapminder.org/
HOHLI
http://charts.hohli.com
VIDI
http://www.dataviz.org/
MANY EYES
http://ibm.co/Jw7r83
TABLEAU PUBLIC
http://www.tableausoftware.com/public

14. Consideraciones básicas para el Diseño
● Color
● El color también habla
● Tipografía
● Es texto, deja que lo lean
● Elementos
● ¿Qué expresa cada imagen de tu composición?
● Tecnología
● ¿Con qué lo hago?
CC: Víctor Manuel Hernández Olivera

15. ... por ejemplo, un árbol
CC: Víctor Manuel Hernández Olivera

16. http://bit.ly/IuGdwD

17. Presentación de un problema
https://www.facebook.com/salvemoslapastora

18. Explicación de un problema

19. Herramientas sugeridas
● Editores de foto en línea
● www.splashup.com
● http://www.freeonlinephotoeditor.com
● http://pixlr.com/editor
● http://editor.pho.to/es
● http://fotoflexer.com

20. Cuantificar una problemática
● Agresiones a Periodistas
● Artículo19
● México - 2012
● Objetivo
● Visualizar de manera simple la
situación de violencia contra
periodistas en México
● Usos de la infografía
● Sintetizar la información
● Guiar la lectura con forme a la
información que se quiere
expresar
● Contrastar, comparar y
dimensionar información
cuantitativa

21. Visualizar un problema

22. Visualizar una solución

23. Explicar un análisis y situación

25. http://www.infanciacuenta.org/

26. http://www.nytimes.com/imagepages/2008/01/06/opinion/06opchart.ready.html

27. Herramienta sugerida
● Infografías o carteles analíticos
● Infogram http://infogr.am
● Infografías con gráficos y mapas
● Easelly http://www.easel.ly

28. Georeferenciación de la información
● Qué pasa Riachuelo
● GarageLab
● Argentina 2012
● Objetivo
● Visualizar la problemática
ambiental de la cuenca
Matanzas-Riachuelo
● Usos de la georeferenciación
● Visualizar ubicación de
fuentes de problemas y
brotes de efectos
● Visualizar los avances de
acciones de la gestión
pública
http://quepasariachuelo.org.ar/

29. Herramienta Sugerida
● Google Fusion Tables y Google Charts
http://www.guardian.co.uk/uk/interactive/2011/dec/07/london-riots-twitter

30. Involucramiento hacia una causa
● I Never Ask for IT
● Blank Noise Project
● India - 2008
● Objetivo
● Involucrar a mujeres en
tácticas para dar a conocer
colectivamente su opinión y http://blog.blanknoise.org
efectos del acoso sexual
● Usos de imágenes y redes
● Informar y concientizar sobre
una probable situación
● Llamar a la acción

31. Herramienta sugerida
● Pixton
http://www.pixton.com/mx/

32. Sigamos en contacto
Páginas informativas
● www.drawingbynumbers.org
● www.ticproddhh.org
Correo electrónico
● juan.casanueva@social-tic.org
Twitter Facebook
● @info_activismo ● Grupo: Medios Digitales
● @jm_casanueva para la Acción Social
Esta presentación está registrada bajo CC(BY.NC) por lo que se cuenta con el consentimiento
de lo/as autores/as para su uso, distribución y adaptación para fines no-comerciales.
Más información en: www.creativecommons.org.mx