Análisis del diseño de visualización interactiva de...
Transcript of Análisis del diseño de visualización interactiva de...
Análisis del diseño de visualización interactiva
de información
Autor: Mauro Attardi
Tutor: José Antonio Ontalba Ruipérez
Cotutor: Jorge Ignacio Serrano Cobos
Septiembre de 2016
Trabajo Fin de Máster
Tabla de contenidos
◉ Objetivos
◉ Metodología
◉ Resultados
◉ Conclusiones
Objetivo del trabajo
◉ Aprender a elegir la correcta visualización de información para cada tipo de problema.
◉ Identificar la tipología de visualización de datos más adecuada al análisis de redes sociales multinivel.
Politica y economia
You can also split your content
Deporte
El fenómeno del Big DataOportunidades
Finanzas Urban Planning
In two or three columns
VISUALIZACIÓN ESTÁTICA INFOGRAFÍA VISUALIZACIÓN DINÁMICA
La visualización de información
La Visualización de información es la representación y presentación de datos queexplota nuestra capacidad de percepción visual con el fin de ampliar elconocimiento
◉ Los elementos de los grafos son los nodos, que representan los actores, y las artistas, que representan las relaciones entre ellos. Para determinar si un actor pertenece a la red, se utiliza el límite.
◉ En las redes sociales multinivel, existe una relación padre-hijo entre los actores.
You can also split your contentLas redes sociales multinivel
Una vez que tenemos a disposición un grafo (con sus actores y relaciones) podemos explotar la información contenida en el mismo con el fin de sacar conclusiones.
You can also split your contentEl análisis de redes sociales
Pajek iGraph
Se han desarrollado tres ejemplos de gráficos utilizando la librería D3plus, una extensión de la conocida librería D3.js.
You can also split your contentDe la teoría a la practica
◉ El Tree map (o gráfico de bloques) es una representación cuantitativas de datos jerárquicos en un espacio.
◉ Los datos se representan a través de rectángulos de diferentes tamaños y colores.
You can also split your contentEjemplo I. Tree mapEl gráfico
You can also split your contentEjemplo I. Tree mapFormato de datos
GráficoArray asociativo
Javascript “clave-valor”
MAPPINGFichero CSV
You can also split your contentEjemplo I. Tree mapResultado
You can also split your contentEjemplo I. Tree mapResultado
You can also split your contentEjemplo II y III. Red Social MultinivelEl gráfico
En este ejemplo y el siguiente se ha utilizado el gráfico “Network” de la librería D3plus.
Mat.Ub.Edu
Ub.Edu
◉ Nivel 1: Enlaces entre las webs de las universidades españolas
◉ Nivel 2: Enlaces entre las webs de sus departamentos de matemáticas
El tamaño de los nodos se hacalculado con el comando“site:” de Google
You can also split your content
Los enlaces se han calculado utilizando laherramienta MajesticSEO para calcular los backlinksde cada página
Ejemplo II y III. Red Social MultinivelLos datos
You can also split your contentEjemplo II y III. Red Social MultinivelLos datos
GráficoArray asociativo
Javascript “clave-valor”
MAPPINGFichero CSV
You can also split your contentEjemplo II y III. Red Social MultinivelResultado
You can also split your contentEjemplo II y III. Red Social MultinivelResultado
You can also split your contentConclusiones
Se ha identificado un tipo de visualización para una red social multinivel
Futuro
o Evolución y tipología de la visualización de la información
o Se ha analizado y aprendido a utilizar una librería gráfica
o Se ha desarrollado un ejemplo real
o Seguir analizando e investigando la visualización de redes sociales multinivel
o Aprender a utilizar otras librerías
o Estudio de usabilidad
¡GRACIAS!¿Preguntas?
Mauro Attardi