Librería de visualizaciones

Table of Content

Table of Content

Table of Content

Porcentaje múltiple

📌 ¿Qué son?

La visualización Porcentaje Múltiple muestra varios indicadores porcentuales superpuestos en forma de anillos concéntricos, acompañados por etiquetas laterales con:

  • Nombre del indicador

  • Valor objetivo

  • Valor actual (en %)

🔍Es una forma compacta y comparativa de representar múltiples valores expresados en porcentaje dentro de un mismo contexto visual.

🎯 ¿Cuándo usarlas?

  • Visualizar la distribución proporcional de un total entre varias partes.

  • Comparar rápidamente magnitudes entre elementos sin eje explícito.

  • Mostrar categorías jerárquicas (ej. línea → máquina).

  • Representar datos agregados en espacios limitados (dashboard).

📥 Formatos de Envío de Datos

▸ Desde dataset

Ejemplo de estructura:

Indicador

Actual

Objetivo

OEE

72

100

Disponibilidad

80

53

Calidad

95

38

Rendimiento

90

27

  • Label: Indicador (cada rectángulo)

  • Label type: String (tipo de las etiquetas)

  • Values: Actual (tamaño de los rectángulos)

  • Target: Objetivo

  • Popup: Indicador, Actual, Objetivo

▸ Desde MQTT

{
  "OEE":   { "value": 100, "objetivo": 72 },
  "Disponibilidad":  { "value": 53,  "objetivo": 80 },
  "Calidad":  { "value": 38,  "objetivo": 95 },
  "Rendimiento":  { "value": 27,  "objetivo": 90 }
}