Visualization library

Table of Content

Table of Content

Table of Content

Lists

📌 What are they?

The list-type visualization allows showing categorical or status elements accompanied by a distinctive color and a representative icon. It is used to quickly communicate statuses, categories, work groups, or entity types, visually and orderly.

🔍Ideal for dashboards where it is necessary to identify multiple elements or classes of objects with visual clarity.


📥 Data Submission Formats

▸ From dataset

Example structure:

Machine

Possible Status

M01

Active

M02

Error

M03

Maintenance

M04

Inactive

M05

Disconnected

M06

Active

M07

Maintenance

M08

Error

M09

Active

M10

Inactive

M11

Disconnected

M12

Error

  • Label: Country (each rectangle)

  • Label type: String (type of labels)

  • Values: Population (size of rectangles)

  • Group: Continent

  • Popup: Continent, Country, Population

▸ From MQTT

The colors and the

{
  "lista_maquinas": [
    "M01-Activa",
    "M02-Error",
    "M03-Mantenimiento",
    "M04-Inactiva",
    "M05-Desconectada",
    "M06-Activa",
    "M07-Mantenimiento",
    "M08-Error",
    "M09-Activa",
    "M10-Inactiva",
    "M11-Desconectada",
    "M12-Error"
  ]
}

TOKII

·

©

2025

All rights reserved

English

TOKII

·

©

2025

All rights reserved

English

TOKII

·

©

2025

All rights reserved

English