introducción a narrativa y visualización de datos
DESCRIPTION
SocialTIC leads empowerment and capacity building actions with advocates (mostly CSOs and activists) in Latin America so that they can strengthen their advocacy activities through a strategical use of tools and tactics based on information and communication technologies (ICTs).TRANSCRIPT
![Page 1: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/1.jpg)
Juan M. Casanueva @jm_casanueva
Introducción a la Narrativa basada en Datos
Sergio Araiza @mexflow
![Page 2: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/2.jpg)
Introducción
![Page 3: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/3.jpg)
Infoactivismo + Datos Abiertos + Seguridad y Privacidad Digital
SocialTIC.org @socialtic
![Page 4: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/4.jpg)
Datos Abiertos
• Comunidad OpenDataMX e inicios de hacking cívico en México en 2011 opendata.mx @opendatamx
• Alianza por el Gobierno Abierto (AGA) www.opengovpartnership.org
• Política Nacional de Datos Abiertos (PNDA): Compromiso del Gobierno Federal datos.gov.mx
• Iniciativas continentales de hacking cívico y apertura de datos públicos desde fines de 2011
![Page 5: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/5.jpg)
Escuela de Datos
• Espacio educativo para aprender a usar datos
• Enfoque multi-disciplinario: activismo,periodismo, análisis, ciudadanía, etc
• Basado en la colaboración entre especialistas en datos
• Acciones regionales y locales
![Page 6: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/6.jpg)
• Narrador/a
• Scout
• Analista
• Ingeniero/a
• Diseñador/a
Qué tipo de datero/a eres?
![Page 7: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/7.jpg)
¿Qué dicen los datos?
¿Cómo los arreglo?
¿Qué harás con los datos?
• Narrador/a
• Scout
• Analista
• Ingeniero/a
• Diseñador/a
Equipos multidisciplinarios
![Page 8: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/8.jpg)
Primero lo primero...
![Page 9: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/9.jpg)
¿Cuál es nuestro objetivo de
comunicación?¿Qué queremos
lograr?
¿Con quién nos comunicamos
o nos debemos comunicar?
¿Cómo?
¿Qué debemos comunicar?
¿Quién(es) es (son) esa(s) persona(s)?
¿Qué le(s) importa a esa(s)
persona(s)?
¿A través de qué medio debemos comunicarnos?
¿Dónde interactúan esas
personas y comunidades?
Esquema elaborado por Juan Manuel Casanueva - CC(BY.NC)
Comunicación pragmática
![Page 10: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/10.jpg)
¿Qué quieres lograr con tus datos y salida gráfica?
#espregunta cotidiana y personal
![Page 11: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/11.jpg)
... y un poquito de teoría
![Page 12: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/12.jpg)
Valor para usuarios
Datos
Filtros
Visualización
Historias
Valor para usuarios especializados
Valor para usuarios no-especializados
![Page 13: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/13.jpg)
Enfoques y formatos
Entiende la Idea
Sirve para...
• Gráficas simples • Imágenes • Carteles / Afiches • Infografías simples
EXPONER
Entiende lo que pasa
Entiende el detalle
EXPLICAR
EXPLORAR
Funciona...
Genera reacciones
Cuenta historias
Construye entendimiento
Formatos
Basado en: https://visualisingadvocacy.org
• Mapas • Animaciones • Infografías
• Bases de datos dinámicas • Visualizaciones complejas • Infografías interactivas
![Page 14: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/14.jpg)
Dimensionando complejidades
Sencillo
Difícil
Complejo
Caótico
Causa o efecto • Presentar • Informar • Datos generales
Causa -> efecto • Explicar • Describir
Causas -> efectos • Patrones • Entendimiento
Causa // efecto • Sin patrones • Contextual • Historias
Las características de una narrativa y las
funcionalidades
![Page 15: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/15.jpg)
Selección de gráficos
![Page 16: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/16.jpg)
Entiende la Idea
![Page 17: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/17.jpg)
El poder de los símbolos
![Page 18: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/18.jpg)
Símbolos + indicios = mensaje
![Page 19: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/19.jpg)
Comparación Inmediata
![Page 20: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/20.jpg)
Explicar didácticamente
![Page 21: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/21.jpg)
La referencia es tu audiencia
![Page 22: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/22.jpg)
Intereses naturales
![Page 23: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/23.jpg)
Símbolos + Datos = Impacto
![Page 24: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/24.jpg)
Entiende lo que pasa
![Page 25: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/25.jpg)
Visualizaciones en 2012 con visual.ly
![Page 26: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/26.jpg)
Cifras amigables
![Page 27: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/27.jpg)
Datos + Imágenes
![Page 28: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/28.jpg)
Explicar las opciones
![Page 29: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/29.jpg)
Simplificar el fenómeno
![Page 30: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/30.jpg)
Visibilizar proporciones
![Page 31: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/31.jpg)
Actividad a través del tiempo
![Page 32: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/32.jpg)
Proporciones y asociaciones
![Page 33: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/33.jpg)
Visualización de redes
http://edge.org/documents/Edge-Serpentine-MapsGallery/high-res/salcedo.jpeg
![Page 34: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/34.jpg)
Rock y el tiempo
![Page 35: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/35.jpg)
Combinación de mensajes y datos
![Page 36: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/36.jpg)
Entiende el Detalle
![Page 37: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/37.jpg)
Exploración intuitiva
![Page 38: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/38.jpg)
Atención al detalle
![Page 39: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/39.jpg)
¿Dónde van mis impuestos?
http://wheredoesmymoneygo.org/
![Page 40: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/40.jpg)
http://quepasariachuelo.org.ar/
El detalle más cercano
![Page 41: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/41.jpg)
Filtros y visualización dinámica
http://guns.periscopic.com/?year=2013
![Page 42: Introducción a Narrativa y Visualización de Datos](https://reader033.vdocuments.site/reader033/viewer/2022052906/558e43c81a28ab7d668b468c/html5/thumbnails/42.jpg)
Gracias
Juan M. Casanueva [email protected] @jm_casanueva SocialTIC AC www.socialtic.org @socialtic facebook.com/socialtic Escuela de Datos www.escueladedatos.org @escueladedatos
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