1. Visualización de !
Información §
Datos Políticos!
Taller Transparencia & TIC!
Lic. Ernesto Mislej!
ernesto@7puentes.com!
Mayo 2011!
7puentes.com!

2. ¿Qué es la Visualización de
Información?!
“...los sistemas informáticos de Visualización de
Información, se enfocan en brindar ayudas para la
exploración o la explicación de datos a través de sistemas
que incluyan representaciones visuales, contemplando
intervenciones interactivas del observador. El principal
desafío en el diseño de visualizaciones, es el de
representar el conjunto de datos abstractos, no
necesariamente espaciales, reforzando los aspectos
cognitivos. Existe una gran variedad de posibles
codificaciones visuales, pero sólo unas pocas resultan ser
efectivas.”
(INFOVIS – IEEE)
7puentes.com! Visualización de Información § Datos Políticos!

3. ¿Qué es la Visualización de
Información?!
“...El fin de los sistemas de visualización es la exploración
de datos y de información para adquirir conocimiento
novedoso y el insight de los datos. El objetivo de la
visualización es promover un nivel más profundo de
entendimiento de los datos bajo investigación y brindar
conocimiento nuevo sobre las relaciones subyacentes,
aprovechando la poderosa habilidad de las personas de
visualizar.”
(Earnshaw)
7puentes.com! Visualización de Información § Datos Políticos!

4. Pipeline de Visualización!
Dato Crudo
Abstracción de Datos
Abstracción Visual
Vista
7puentes.com! Visualización de Información § Datos Políticos!

5. London Tube map 1931!
Harry Beck !
7puentes.com! Visualización de Información § Datos Políticos!

6. Representación Realista Foco en las distancias!

7. Representación Distorsionada Foco en las conexiones!

8. Semiología de los gráficos!
Variables visuales
Niveles de percepción
• Posición
• Asociativo
• Tamaño
• Selectivo
• Color (Hue)
• Ordinal
• Intensidad
• Cuantitativo
• Forma
• Orientación
• Textura
7puentes.com! Visualización de Información § Datos Políticos!

9. Visualización de Relaciones. !
Puntos y líneas!
Ejemplo
G = (V,E)
V = {a, b, c, d, e, f}
E = {ab, ac, bc, bd, cd, de}
7puentes.com! Visualización de Información § Datos Políticos!

10. Dibujo de Grafos!
Demo Flare: http://flare.prefuse.org/demo
7puentes.com! Visualización de Información § Datos Políticos!

11. Dibujos Circulares!
Disponer los nodos de
manera uniforme sobre una
circunferencia.
Tr a z a r l o s e j e s c o m o
segmentos rectos o como
arcos
Grafos densos, todos contra
todos.
Igualdad de niveles
7puentes.com! Visualización de Información § Datos Políticos!

12. German Party Donations, 2010: http://labs.vis4.net/parteispenden/

13. Naming Names, 2007: "
http://www.nytimes.com/interactive/2007/12/15/us/politics/DEBATE.html

14. 2008 Presidential Candidate Donations: "
http://www.pitchinteractive.com/election2008/

15. Dibujos Basados en Fuerzas!
Reemplazar los ejes por
resortes de longitud
semejante a la expresada en
el grafo.
Comenzar con una
disposición aleatoria. Y dejar
que el sistema de fuerzas se
estabilice.
Grupos de afinidad, clusters,
foco en las distancias.
7puentes.com! Visualización de Información § Datos Políticos!

17. Voting Patterns Among US Senators, 2008:"
http://www.cs.umd.edu/hcil/science20/

18. We Show the Money, 2007: http://www.weshowthemoney.com/

19. Oil Money, 2007: http://oilmoney.priceofoil.org/federalRaceGraph.php

20. Visualizando discursos!
Martin Luther King’s speech
“I Have a Dream.”
Bush speech
7puentes.com! Visualización de Información § Datos Públicos!

21. Demo ManyEyes
http://www-958.ibm.com/software/data/cognos/
manyeyes/visualizations/obamas-speech-on-al-qaeda
7puentes.com! Visualización de Información § Datos Públicos!

22. 7puentes.com! Visualización de Información § Datos Públicos!

24. The President's Approval Rating After Bin Laden, 2011: http://
www.nytimes.com/interactive/2011/05/04/us/20110504-the-presidents-
approval-rating-after-bin-laden.html

25. Mapping the Mixed Emotions following Osama bin Laden's Death, 2011:
http://www.nytimes.com/interactive/2011/05/03/us/20110503-osama-
response.html?src=tptw

27. Visualización de !
Información §
Datos Políticos!
Taller Transparencia & TIC!
Lic. Ernesto Mislej!
ernesto@7puentes.com!
Mayo 2011!
7puentes.com!