Visualization library

Table of Content

Table of Content

Table of Content

Information panel

📌 What are they?

The Information Panel is a vertical card-style visualization that allows displaying data organized in attribute-value format, grouped by entity, category, or unit. It is designed to represent sets of information clearly, compactly, and structured.

🔍This visualization is useful for presenting both static and dynamic data (for example, technical features, states, results, metrics, properties, or informative texts), grouped by categories.

📥 Data Submission Formats

▸ From dataset

Example structure:

Name

Value

Product

Power

200 kW

Machining Center

Energy Consumption

1500 kWh/day

Machining Center

Operational Time

14 h/day

Machining Center

Efficiency

85 %

Machining Center

Unscheduled Downtime

3 /month

Machining Center

Production

600 units/day

Machining Center

Power

150 kW

Hydraulic Press

Energy Consumption

1200 kWh/day

Hydraulic Press

Operational Time

18 h/day

Hydraulic Press

Efficiency

92 %

Hydraulic Press

Unscheduled Downtime

2 /month

Hydraulic Press

Production

350 units/day

Hydraulic Press


  • Label: Name (field labels)

  • Label type: String (type of labels)

  • Values: Value (field values)

  • Label type: String (type of values)

  • Group: Product (categories to group)


▸ From MQTT

{
  "Centro Mecanizado": {
    "Potencia": "200 kW",
    "Consumo Energético": "1500 kWh/día",
    "Tiempo Operación": "14 h/día",
    "Eficiencia": "85%",
    "Paradas No Planificadas": "3 /mes",
    "Producción": "600 unidades/día"
  },
  "Prensa Hidráulica": {
    "Potencia": "150 kW",
    "Consumo Energético": "1200 kWh/día",
    "Tiempo Operación": "18 h/día",
    "Eficiencia": "92%",
    "Paradas No Planificadas": "2 /mes",
    "Producción": "350 unidades/día"
  }
}

TOKII

·

©

2025

All rights reserved

English

TOKII

·

©

2025

All rights reserved

English

TOKII

·

©

2025

All rights reserved

English