Tema 4.

Diseño de Espacios Basado en Datos

Tema 4. Herramientas
paramétricas de visualización
de datos II
Índice
Esquema

Ideas clave

4.1. Introducción y objetivos

4.2. Gráficos de distribuciones

4.3. Gráficos correlativos

4.4. Gráficos relacionales tipo red

4.5. Gráficos relacionales circulares

4.6. Referencias bibliográficas

A fondo

Diseño paramétrico de gráfico de coordenadas paralelas

Diseño paramétrico de gráfico relacional de forma lineal

Force-Based Data Visualization - Proving Ground

Ghepi

Test
 Esquema

Diseño de Espacios Basado en Datos 3

Tema 4. Esquema
© Universidad Internacional de La Rioja (UNIR)
 Ideas clave

4.1. Introducción y objetivos

Este tema supone la continuación del anterior y tiene el objetivo de seguir

profundizando en la elaboración de visualizaciones de datos mediante el uso de

herramientas paramétricas.

La primera parte del tema explora gráficos en los que se representa estructuras de

datos más complejas que las vistas en el anterior, como son los gráficos de

distribuciones y los gráficos correlativos, los cuales pueden incorporan elementos

gráficos que recogen varios valores o categorías. La segunda parte del tema hace

hincapié en la visualización de redes: cómo están estructurados los datos en los

gráficos relacionales y cómo se pueden emplear los recursos disponibles para

optimizar su representación y su legibilidad.

Los objetivos del tema son los siguientes:

▸ Continuar familiarizándose con el uso de software paramétrico para el diseño de

visualización de datos.

▸ Aprender a usar las herramientas y la lógica paramétrica de Grasshopper para

elaborar gráficos de distribuciones, los gráficos correlativos y los gráficos

relacionales.

▸ Operar con conjuntos de datos relacionados y diseñar visualizaciones en las

que se representan conexiones entre conceptos formando redes complejas.

Diseño de Espacios Basado en Datos 4

Tema 4. Ideas clave
© Universidad Internacional de La Rioja (UNIR)
 Ideas clave

4.2. Gráficos de distribuciones

En el siguiente vídeo, Gráficos de distribuciones, se explica cómo elaborar

empleando herramientas paramétricas gráficos de distribuciones, en concreto, una

pirámide poblacional. Se muestra, además, cómo dimensionar y numerar los ejes del

gráfico.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?

id=4aa52d6a-13f6-4c57-aef6-ad43009f5267

Diseño de Espacios Basado en Datos 5

Tema 4. Ideas clave
© Universidad Internacional de La Rioja (UNIR)
 Ideas clave

4.3. Gráficos correlativos

El siguiente vídeo, Gráficos correlativos, se explica cómo elaborar gráficos

correlativos con Grasshopper. Se hace hincapié especialmente en las

consideraciones para dimensionar los elementos gráficos de forma circular y en el

control de las magnitudes mostradas en los ejes.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?

id=f72c37d4-9ebe-432b-a6e7-ad4300ab95f3

Diseño de Espacios Basado en Datos 6

Tema 4. Ideas clave
© Universidad Internacional de La Rioja (UNIR)
 Ideas clave

4.4. Gráficos relacionales tipo red

En el siguiente vídeo, Gráficos relacionales tipo red, se explica cómo elaborar

gráficos de redes tipo node-link a partir de listas de elementos relacionadas.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?
id=c2889d11-e5f7-4cef-be66-ad4300b6ee55

Diseño de Espacios Basado en Datos 7

Tema 4. Ideas clave
© Universidad Internacional de La Rioja (UNIR)
 Ideas clave

4.5. Gráficos relacionales circulares

En el siguiente vídeo, Gráficos relacionales circulares, se explica cómo elaborar

gráficos relacionales de forma circular, cuyos elementos gráficos de conexión tienen

forma de arco.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?
id=54c5bd2c-af2a-4d83-8f05-ad4300c01494

Diseño de Espacios Basado en Datos 8

Tema 4. Ideas clave
© Universidad Internacional de La Rioja (UNIR)
 Ideas clave

4.6. Referencias bibliográficas

Bannister, M. J., Eppstein, D., Goodrich, M. T., y Trott, L. (2012). Force-directed

graph drawing using social gravity and scaling. International Symposium on Graph

Drawing (pp. 414-425). Springer.

Generalitat de Catalunya. (2019). Guía de visualización de

datos. http://atenciociutadana.gencat.cat/web/.content/manuals/visualitzacio_dades/g
uia_visualitzacio_es.pdf

Huang, W., Eades, P., Hong, S. H., & Lin, C. C. (2010). Improving force-directed

graph drawings by making compromises between aesthetics. 2010 IEEE Symposium

on Visual Languages and Human-Centric Computing (pp. 176-183). IEEE.

Koh, I. (2018). Learning Design Trends from Social Networks-Data Mining, Analysis &

Visualization of Grasshopper®. Online User Community.

Diseño de Espacios Basado en Datos 9

Tema 4. Ideas clave
© Universidad Internacional de La Rioja (UNIR)
 A fondo

Diseño paramétrico de gráfico de coordenadas

paralelas

Este vídeo muestra cómo elaborar un gráfico de coordenadas paralelas empleando

herramientas paramétricas.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?

id=4fad890c-c39c-4a9a-98f3-adb8011b8754

Diseño de Espacios Basado en Datos 10

Tema 4. A fondo
© Universidad Internacional de La Rioja (UNIR)
 A fondo

Diseño paramétrico de gráfico relacional de forma

lineal

Este vídeo muestra cómo elaborar un gráfico relacional en el que los nodos están

situados sobre un eje lineal y las conexiones tienen forma de arco.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?

id=7424a051-1327-4996-917f-adba009184f1

Diseño de Espacios Basado en Datos 11

Tema 4. A fondo
© Universidad Internacional de La Rioja (UNIR)
 A fondo

Force-Based Data Visualization - Proving Ground

Proving Ground. Página web. http://www.theprovingground.org/2011/09/force-based-

data-visualization.html

Blog creado por Nathan Miller, arquitecto experto en Data-Driven Design. En esta

entrada del blog muestra experimentos gráficos de representación de redes

empleando las herramientas paramétricas que se trabajan en la asignatura.

Diseño de Espacios Basado en Datos 12

Tema 4. A fondo
© Universidad Internacional de La Rioja (UNIR)
 A fondo

Ghepi

Software de visualización de datos Ghepi. Página web. https://gephi.org/

Gephi es una herramienta de código abierto y uso gratuito que permite generar

visualizaciones gráficas a partir de conjuntos de datos. Se trata una herramienta

complementaria al software paramétrico que se emplea en la asignatura

Diseño de Espacios Basado en Datos 13

Tema 4. A fondo
© Universidad Internacional de La Rioja (UNIR)
 Test

1. Queremos crear un eje horizontal simétrico que sirva como escala en un gráfico

de tipo pirámide poblacional y hemos creado la mitad del eje en una dirección. ¿Qué

componente de Grasshopper nos permite generar la otra mitad en un solo paso?

A. Construct Domain.

B. Symmetry.

C. Mirror.

D. Construct Plane.

2. Estamos trabajando con un conjunto en los que los valores numéricos tienen 8

decimales y queremos redondearlos a solo 3 decimales. ¿Qué componente de

Grasshopper deberemos usar?

A. Expression.

B. Round.

C. Cualquiera de las anteriores.

D. Ninguna de las anteriores.

3. Queremos generar el eje Y de un histograma. ¿Qué componente de Grasshopper

nos permite crear una línea a partir de su punto inicial, su vector director y su

longitud?

A. Line.

B. Line4Pt.

C. Line SDL.

D. Fit Line.

Diseño de Espacios Basado en Datos 14

Tema 4. Test
© Universidad Internacional de La Rioja (UNIR)
 Test

4. Estamos operando con un conjunto de datos de carácter inmobiliario en el que

cada fila contiene información sobre un inmueble, y extraemos la columna que

contiene el tipo de inmueble (piso, local, garaje, etc). Si queremos obtener una lista

con todos los tipos de inmuebles únicos, ¿qué componentes de Grasshopper

deberemos usar?

A. Sort List y Delete Consecutive.

B. Split List y Cull Pattern.

C. List Item y Cull Index.

D. Sort Text y Delete Consecutive.

5. Estás elaborando un gráfico de dispersión: ¿qué recurso es el más adecuado

para indicar diferentes categorías en los datos situados en el gráfico?

A. Usar símbolos de diferentes tamaños.

B. Usar símbolos de diferentes transparencias.

C. Usar símbolos delimitados con diferentes tipos de línea.

D. Usar símbolos de diferentes colores según la categoría de cada uno.

6. Estás elaborando un gráfico de redes y quieres comprobar las veces que aparece

un valor en una lista: ¿qué componente de Grasshopper deberás usar?

A. List Item.

B. Member Index.

C. Dispatch.

D. Pick ‘n’ Choose.

Diseño de Espacios Basado en Datos 15

Tema 4. Test
© Universidad Internacional de La Rioja (UNIR)
 Test

7. A la hora de elaborar un gráfico de redes, ¿qué ventaja ofrece emplear los

componentes Populate 2D, Populate 3D y Populate Geometry de Grasshopper?

A. Permiten generar una rejilla de puntos separados por la misma distancia en

2D, 3D y sobre algunos tipos de objetos geométricos.

B. Permiten generar números aleatorios a partir de diferentes algoritmos.

C. Permiten interconectar los nodos de una red en 2D, 3D y sobre algunos

tipos de objetos geométricos.

D. Permiten generar una nube de puntos aleatoria y uniformemente

distribuida.

8. Estás elaborando un gráfico de redes y quieres comprobar la cantidad de veces

que aparece un valor en una lista. ¿Qué componente de Grasshopper deberás usar?

A. List Item.

B. Member Index.

C. Dispatch.

D. Pick ‘n’ Choose.

9. Has diseñado un gráfico relacional de forma circular y quieres generar unas

curvas de conexión entre los nodos. ¿Cuál de los siguientes componentes realiza

esta tarea?

A. BiArc.

B. Blend Curve.

C. Interpolate.

D. Circle.

Diseño de Espacios Basado en Datos 16

Tema 4. Test
© Universidad Internacional de La Rioja (UNIR)
 Test

10. Estás elaborando un gráfico que relaciona el nombre de actores y actrices de

cine en función de si han participado en la misma película. ¿Qué componente de

Grasshopper deberemos usar si queremos extraer los elementos únicos presentes

en ambas listas?

A. Set Union.

B. Sort Text.

C. Delete Consecutive.

D. Cull Duplicates.

Diseño de Espacios Basado en Datos 17

Tema 4. Test
© Universidad Internacional de La Rioja (UNIR)