Tema 3

Diseño de Espacios Basado en Datos

Tema 3. Herramientas
paramétricas de visualización
de datos I
Índice
Esquema

Ideas clave

3.1. Introducción y objetivos

3.2. Lectura y filtrado de datasets desde Grasshopper

3.3. Gráficos comparativos

3.4. Gráficos de tendencias

3.5. Gráficos de repartos

3.6. Referencias bibliográficas

A fondo

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

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

Data Visualization in Grasshopper 3D

Test
 Esquema

Diseño de Espacios Basado en Datos 3

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

3.1. Introducción y objetivos

La aparición de las herramientas paramétricas en el diseño ha abierto un mundo

de posibilidades en cuanto a implementar datos de todo tipo al diseño, desde el

diseño gráfico a la arquitectura, pasando por otras disciplinas. Los procesos de

diseño CAD convencionales son generalmente estáticos y cada cambio requiere una

recomposición de los elementos. El software de diseño paramétrico permite

componer un diseño mediante unas reglas lógicas, de manera que este quede

sometido a unos parámetros los cuales se pueden variar dinámicamente.

El uso de herramientas paramétricas supone una ventaja a la hora de trabajar con

grandes cantidades de datos ya que permite automatizar las operaciones

gráficas que se llevan a cabo a la hora de elaborar un diseño, como la repetición

masiva de elementos gráficos, el dimensionado de las geometrías en función de los

valores de los datos, la atribución de las formas y los colores según las categorías de

los datos, etc. Este tema pretende servir como introducción al uso de Grasshopper

para el diseño con datos, enseñando a construir paramétricamente algunos de los

tipos de gráficos más comunes.

Los objetivos del tema son los siguientes:

▸ Aprender a importar en Grasshopper conjuntos de datos o datasets, y a filtrar o

seleccionar los campos y atributos que contienen.

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

elaborar gráficos de barras, de líneas y de sectores circulares.

▸ Controlar la dimensión y distribución de los elementos gráficos que forman las

visualizaciones.

Diseño de Espacios Basado en Datos 4

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

3.2. Lectura y filtrado de datasets desde

Grasshopper

En el siguiente vídeo, Lectura y filtrado de datasets desde Grasshopper, podemos

ver cómo leer conjuntos de datos en formato XLS (Excel) desde el entorno del

software paramétrico Grasshopper, empleando su plugin Lunchbox.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?
id=8fdc24e7-d38e-43a9-91df-ad4100a72a75

Diseño de Espacios Basado en Datos 5

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

3.3. Gráficos comparativos

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

barras a partir de unos datos importados y cómo parametrizar los elementos de los

que consta la visualización.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?
id=a50aebc1-0b70-4b97-8781-ad4100a62973

Diseño de Espacios Basado en Datos 6

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

3.4. Gráficos de tendencias

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

líneas de manera paramétrica. Se explora, además, la elaboración de variantes de

este tipo de gráfico.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?
id=387b6267-ecc9-4e0e-86ae-ad4100b7e596

Diseño de Espacios Basado en Datos 7

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

3.5. Gráficos de repartos

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

paramétrica gráficos de repartos con forma de sector circular.

Accede al vídeo:https://unir.cloud.panopto.eu/Panopto/Pages/Embed.aspx?
id=f4583d8d-1f3b-4186-8d8d-ad4100c9799e

Diseño de Espacios Basado en Datos 8

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

3.6. Referencias bibliográficas

Bachman, D. (2017). Grasshopper: Visual Scripting for Rhinoceros 3D. Industrial

Press.

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

Tedeschi, A., y Lombardi, D. (2018). The algorithms-aided design (AAD). Informed

Architecture (pp. 33-38). Springer.

Diseño de Espacios Basado en Datos 9

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

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

Este vídeo muestra cómo elaborar un gráfico comparativo de tipo radar empleando

las herramientas paramétricas aprendidas en la asignatura.

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

id=11022026-09f5-415f-b77c-adb8011b7deb

Diseño de Espacios Basado en Datos 10

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

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

Este vídeo muestra cómo elaborar un gráfico de repartos de tipo gofres empleando

las herramientas paramétricas aprendidas en la asignatura.

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

id=5f91aee3-8842-45ae-bf88-adb8011b7df8

Diseño de Espacios Basado en Datos 11

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

Data Visualization in Grasshopper 3D

Alphonso Peluso. (19 de enero de 2020). Data Visualization in Grasshopper 3D.

[Archivo de vídeo]. https://www.youtube.com/watch?

v=8Np8ef8rwJg&ab_channel=AlphonsoPelusoAlphonsoPeluso

En este vídeo se muestra cómo usar algunas herramientas útiles de Grasshopper

que permiten previsualizar en el lienzo de trabajo los datos que se quiere

representar. También aborda el empleo de otras herramientas del software, las

cuales amplían algunas de las funcionalidades que hemos visto.

Diseño de Espacios Basado en Datos 12

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

1. Generalmente, ¿en qué formato intentaremos recopilar los datasets para su

lectura desde Grasshopper?

A. En formato TXT.

B. En formato XLS (Excel).

C. En formato WORD.

D. En formato PDF.

2. ¿Cuál es el componente de Grasshopper más útil para extraer una columna o fila

completa de un dataset?

A. List Item.

B. Cull Index.

C. List Length.

D. Tree Branch.

3. ¿Cuál es el componente de Grasshopper más útil para crear barras planas con

una dimensión proporcional a unos datos numéricos?

A. Polyline.

B. Rectangle.

C. Boundary Surfaces.

D. Center Box.

4. ¿Cuál es el componente de Grasshopper más útil para crear los textos de los

rótulos o los ejes de un gráfico?

A. Text Tag.

B. Panel.

C. Scribble.

D. Text Tag 3D.

Diseño de Espacios Basado en Datos 13

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

5. ¿Cuál es el componente de Grasshopper más útil para crear una línea de

tendencia?

A. Line.

B. Interpolate.

C. Polyline.

D. Bezier Span.

6. ¿Qué componente de Grasshopper nos permite ordenar una lista de valores

numéricos de menor a mayor para ordenar los sectores de un gráfico de repartos?

A. Reverse List.

B. List Item.

C. Shortest List.

D. Sort List.

7. ¿Qué componente de Grasshopper nos permite dividir una curva en segmentos

proporcionales a unos valores para elaborar un gráfico de repartos?

A. End Points.

B. Divide Curve.

C. Divide Distance.

D. Shatter.

8. ¿Qué componente de Grasshopper nos permite hacer el sumatorio de los valores

a representar para poder tener un valor de referencia del total en un gráfico de

repartos?
A. Addition.

B. Gate And.

C. Mass Addition.

D. Mass Multiplication.

Diseño de Espacios Basado en Datos 14

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

9. Queremos generar una fila de puntos separados por la misma distancia para

construir unas barras rectangulares centrados en ellos. ¿Qué componente de

Grasshopper nos permite generar las coordenadas X de los puntos que

necesitamos?

A. Series.

B. Shift List.

C. Random.

D. Repeat Data.

10. ¿Con qué comando podemos generar una barra tridimensional a partir de un

cuadrado?

A. Box Rectangle.

B. Center Box.

C. Domain Box.

D. Rectangle.

Diseño de Espacios Basado en Datos 15

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