Gráficos restringidos: diseño y coloración

Rodrigo Ricardo Publicado el 14 noviembre, 2020 4 minutos y 18 segundos de lectura

Los efectos del tiempo

La información es importante para nosotros. En nuestro mundo acelerado, la importancia no está solo en la información de un instante en particular, sino en cómo cambia con el tiempo. Walmart, por ejemplo, no solo se preocupa por las ventas de un día específico. Les preocupa cómo cambian las cifras de ventas durante toda la semana. Netflix no solo se preocupa por una película específica que transmite un suscriptor. Les preocupan las decisiones que toma el suscriptor en el transcurso de un mes. Y los candidatos presidenciales no solo se preocupan por una encuesta en particular, están preocupados por cómo cambian las encuestas con el tiempo. Las instantáneas no son lo suficientemente buenas, el tiempo debe tenerse en cuenta en la imagen. Los resultados deben representarse de una manera que se pueda entender fácilmente. Una forma es utilizar un gráfico restringido.

¿Qué es un gráfico restringido?

Tal vez recuerdes del álgebra que una gráfica es un dibujo, imagen o diagrama que representa cambios en una variable y cómo una o más variables cambian como resultado. Utiliza una colección de puntos, líneas, segmentos de línea y curvas para presentar estos cambios. A continuación se muestra un ejemplo sencillo:

Ejemplo de gráfico simple
Gráfico y gráfico

Un gráfico restringido , aunque está relacionado con el gráfico simple, representa la información de una manera diferente. El enfoque de este tipo de gráfico es una sola entidad u objeto, y cómo cambia a medida que lo afectan los factores externos. Utiliza un conjunto de nodos (generalmente representados por puntos o círculos), que están conectados por bordes (que están representados por líneas o curvas). Los nodos indican un estado en el que el objeto puede estar y los bordes representan restricciones, algo que limita o afecta la variable o el estado. Aquí hay un ejemplo:

Ejemplo de gráfico restringido
Gráfico restringido

¿Para qué se utilizan los gráficos restringidos?

En informática, los gráficos restringidos se utilizan en varios casos. Algunos ejemplos comunes son:

  • Análisis de elementos del lenguaje: esta es una parte del proceso de compilación que analiza el texto en un archivo de código fuente y lo divide en elementos del lenguaje de programación (por ejemplo, símbolos, nombre de variable u operadores).
  • Análisis de transición de estado: esto es parte del diseño de software que analiza las diversas partes de un sistema e intenta describir el flujo de información a medida que se transforma y se mueve a través del sistema.
  • Diagramas de flujo: esta es una representación gráfica del código de programación. Utiliza nodos de diferentes formas para representar diferentes tipos de operaciones.

¿Existen reglas para el diseño de gráficos restringido?

Los gráficos restringidos varían significativamente según su aplicación. Y, como resultado, también lo hacen los procedimientos para su diseño. Gran parte de la investigación que se está realizando en esta área es extremadamente técnica y está más allá del alcance de esta lección. Pero hay un par de reglas que vale la pena mencionar:

  • Etiquete los nodos de forma clara y concisa: reduzca el tamaño de las etiquetas para mantener el gráfico lo más ordenado posible.
  • Etiquete los bordes de forma clara y concisa: el mismo concepto se aplica a los bordes, reduzca el tamaño de las etiquetas para mantener el gráfico lo más ordenado posible.
  • Eliminar la superposición de bordes: los bordes que se cruzan pueden resultar confusos. Elimine esto tanto como sea posible.

¿Qué aspecto tiene la coloración de gráficos restringidos?

En su mayor parte, el color no se usa en gráficos restringidos. Las imágenes tienden a tener nodos y líneas negras sobre un fondo blanco. Los nodos, los bordes y el etiquetado claro suelen ser suficientes para transmitir el significado correcto. Eso no quiere decir que el color nunca se use. Cuando lo es, suele ser para los nodos. Se usa el mismo color para los nodos que están relacionados de manera significativa. Por ejemplo, todos los nodos involucrados en una parte particular de un sistema pueden tener el mismo color.

Gráfico restringido coloreado
Gráfico restringido complejo

Resumen de la lección

En resumen, una gráfica es un diagrama que usa puntos, líneas, segmentos de línea y curvas para representar cambios en una variable y cómo una o más variables cambian como resultado. Un gráfico restringido contiene un conjunto de nodos que están conectados por bordes que representan estados. Los nodos indican un estado en el que el objeto puede estar y los bordes representan restricciones, algo que limita o afecta la variable o el estado. Hay un par de reglas a tener en cuenta al crear un gráfico restringido; etiquete los nodos y los bordes de forma clara y concisa, y elimine la superposición de bordes tanto como sea posible.

Explora más sobre este tema

Selecciona un tema y sigue aprendiendo...

Rodrigo Ricardo
Rodrigo Ricardo Editor y fundador