Gráficos de procesos

Gráficos

ProcessMind ofrece un conjunto robusto de opciones de gráficos para visualizar y analizar datos. Estos gráficos te permiten obtener insights rápidamente, identificar tendencias y tomar decisiones basadas en datos. A continuación, se presentan los tipos de gráficos actualmente soportados y las opciones de personalización disponibles.

Elige el tipo de gráfico adecuado

• Bar Charts
  Úsalo para comparar categorías o grupos al mismo tiempo, como conteos de actividades, duraciones o tiempos de throughput. Es ideal para mostrar comparaciones de datos discretos.

• Column Charts
  Perfecto para ver tendencias a lo largo del tiempo o comparar métricas entre categorías de forma vertical. Funciona mejor para datos temporales o distribuciones de frecuencia.

• Line Charts
  Ideal para mostrar tendencias, avances o cambios a lo largo del tiempo, como throughput de casos por días o semanas. Muy útil para datos continuos.

• Area Charts
  Similar a los gráficos de líneas pero con el área bajo la línea resaltada. Úsalo para destacar la magnitud del cambio en el tiempo o el efecto acumulado de tendencias.

• Pie Charts
  Útil para mostrar proporciones o porcentajes sobre el total, como tipos de actividades en un proceso o distribución de casos.

• Donut Charts
  Variante del gráfico de pastel, con un espacio central para información adicional. Ideal para resaltar proporciones y mostrar contexto en el centro.

• Radial Bar Charts
  Perfectos para representar datos agrupados o categorizados en formato circular. Muy útiles para comparar datos y ahorrar espacio.

• Gauge Charts
  Úsalos para mostrar avances hacia un objetivo o KPI. Ideales para ver de un vistazo métricas de rendimiento o comparar el número de casos con el total.

• Text Charts
  Muestra estadísticas clave, métricas o resúmenes en formato de texto. Ideal para resumir KPIs junto a gráficos visuales. También puedes usarlos para añadir contexto o explicaciones, ya que soportan notación markdown para enriquecer el texto (negrita, cursiva, tablas, imágenes, etc.). Consulta el manual completo aquí . Además, puedes combinar texto con expresiones de métricas y cálculos para crear contenido dinámico. Consulta el manual aquí .

• HTML Frames
  Para insertar contenido externo o dinámico en tu dashboard, como gráficos personalizados, reportes o visualizaciones no soportadas de forma nativa.

Gráficos Predefinidos

Estos son gráficos a nivel de Data que están preconfigurados y disponibles para su uso en ProcessMind. Estos incluyen

• Gráficos prefijados de Casos
• Gráficos prefijados de Eventos
• Gráficos de métricas de Sostenibilidad

Estos gráficos se pueden adjuntar a atributos de un único conjunto de datos o de múltiples conjuntos de datos, siempre que compartan un elemento común.

Opciones de Personalización de Gráficos

Cada gráfico en ProcessMind se puede personalizar con las siguientes opciones:

General

• Título del Chart:
  Establece un título personalizado para el chart. Si no se indica, se usará por defecto el nombre del atributo vinculado.

• Tipo de Chart:
  Cambia fácilmente el tipo de chart por otro de los soportados.

• Atributo de Columna: (no disponible para: Gauge Charts, Text Charts, HTML Frames). Selecciona el atributo representado en el chart. Estos atributos tienen color según el dataset para facilitar la identificación.

• Texto: (solo disponible para: Text Charts).
  Aquí puedes poner texto enriquecido usando markdown notation para el formato. Así puedes crear títulos, listas, negritas, cursivas y más. El manual completo está aquí . También puedes mezclarlo con expresiones de métricas y cálculos para contenido dinámico. Manual completo disponible aquí .

• HTML: (solo disponible para: HTML Charts).
  Inserta HTML personalizado dentro del contenedor del chart para mayor flexibilidad al mostrar o integrar información externa. Hay una plantilla HTML por defecto para gestionar los modos DARK y LIGHT dentro del frame HTML. También puedes usar expresiones y elementos de la sección Texto como ${metric} o ${total - metric}.

Métrica

La explicación de cada métrica está en nuestra documentación:

• Configuración de Normas:

Puedes definir rangos personalizados para tus gauge charts y marcar zonas “óptima”, “precaución” o “alerta”. Abre el panel de Norm Settings para agregar o editar estos rangos. (Puedes agregar tantas normas como necesites)

Pasos para configurar normas

• Agregar una norma nueva Haz clic en + Add para crear una nueva fila de norma.
• Nombre Introduce un nombre descriptivo (por ejemplo: Bajo, Medio, Alto). Así identificas cada banda en el editor.

Inicio / Fin

• Inicio: Marca el límite inferior. Déjalo en blanco y selecciona Minimum si debe iniciar desde el valor mínimo.
• Fin: Marca el límite superior. Si debe llegar al máximo, déjalo en blanco y selecciona Maximum. Opciones

Cada límite tiene un desplegable (Option) que define cómo se usa. Ejemplo:

• Minimum/Maximum — ata la banda al mínimo o máximo del chart.
• Normal — usa el valor ingresado y lo incluye en la banda.

Color Haz clic en el recuadro de color para elegir el de la banda. Usa colores distintos para cada rango (ejemplo: verde para bajo, naranja para medio, rojo para alto). Si los colores no se adaptan, cámbialos en el apartado Chart colors.

• Relleno (Fill) Activa o desactiva Fill para mostrar la banda como fondo o solo como línea. Aplica solo a bar charts y column charts.
• Eliminar Pulsa el ícono de papelera para borrar una banda de norma.

⸻

Ejemplo de normas en un chart (gauge):

Cuando aplicas normas, el gauge se segmenta con arcos de color. El valor actual se muestra con puntero y número en el centro. En el ejemplo, hay tres normas:

• Bajo: del mínimo hasta 100 (verde)
• Medio: 100–110 (naranja)
• Alto: 110 a máximo (rojo)

Con un valor de 87 de 120, el puntero cae en la banda verde, indicando rango “bajo”. Esto también pinta la barra según ese rango.

Configurar normas así da feedback visual inmediato sobre si la métrica está aceptable, cerca de un límite o fuera de rango seguro.

Filtros y Ordenación

• Filtros de Chart:
  Aplica filtros a los datos del chart para enfocarte en subconjuntos concretos de información. Todos los filtros disponibles en la sección de filtros del dashboard pueden aplicarse al chart. Estos filtros se sumarán a los ya definidos, a menos que desactives la opción “Apply Filters”; en ese caso, los filtros se mantendrán estáticos solo en ese chart.

• Filtrar Data:
  Aplica filtros para Cases abiertos, cerrados o todos.

• Ordenar Por:
  Elige el orden (Auto, Ascendente, Descendente, etc.).

• Mostrar Top X Elementos:
  Limita la cantidad máxima de datos representados en el chart.

• Aplicar Filtros Generales:
  Decide si los filtros globales deben aplicarse a este chart.

• Filtros de Tiempo App:
  Especifica si los filtros de tiempo se aplican al chart.

Etiquetas

• Mostrar Etiquetas de Datos:
  Activa/desactiva para mostrar etiquetas en la parte superior de los puntos del gráfico.
• Mostrar Etiquetas del Eje X:
  Habilita o deshabilita las etiquetas del eje X y personalízalas.
• Mostrar Etiquetas del Eje Y:
  Habilita o deshabilita las etiquetas del eje Y y personalízalas.
• Ubicación de la Leyenda:
  Establece la posición de la leyenda (Arriba, Abajo, Izquierda, Derecha).

Estilo

• Coloración por Estilo de Relleno:
  Personaliza el aspecto del chart con estos estilos de relleno:
  • Gradient: Aplica efecto degradado al chart.
  • Solid: Usa un color plano según el dataset.
  • Monochrome: Usa un solo color del dataset.
  • Monochrome Gradient: Usa un color único del dataset con degradado.

Aprovechando estos tipos de gráficos y opciones de personalización, ProcessMind te permite crear visualizaciones altamente adaptadas que se ajusten a tus necesidades específicas de análisis y proporcionen insights claros y prácticos.