Visualization library

Table of Content

Table of Content

Table of Content

Puntos conectados

📌 What are they?

The Connected Dots chart represents a series of individual data points where each element shows:

  • An expected or allowed minimum–maximum range.

  • A reference target.

  • A current value reported.

🔍It is typically visualized as a line with connected dots. Each point shows its relative position within the range and against the target, allowing visual assessment of deviations.

🎯 When to use them?

  • Compare multiple variables with independent values against each other.

  • Visualize deviations from targets within a defined range.

  • Evaluate quality indicators, tolerance, compliance, or technical performance across multiple units.

  • Ideal for comparative dashboards where it should be observed whether each unit is "within range" or "out of target".

📥 Data Sending Formats

▸ From dataset

Example of structure:

Indicator

Minimum (%)

Maximum (%)

Target (%)

Current Value (%)

Indicator A

50

100

85

90

Indicator B

45

95

85

82

Indicator C

40

90

85

88

Indicator D

55

100

85

75

Indicator E

50

98

85

80

Indicator F

60

100

85

92

  • Label: Hour (labels on the X-axis)

  • Label type: String (type of labels)

  • Values: Current value, Target

  • ValueMin: Minimum

  • ValueMax: Maximum

▸ From MQTT

{
  "Connected dots MQTT": [
    { "A": { "min": 50, "max": 100, "target": 85, "value": 90 } },
    { "B": { "min": 45, "max": 95, "target": 85, "value": 82 } },
    { "C": { "min": 40, "max": 90, "target": 85, "value": 88 } },
    { "D": { "min": 55, "max": 100, "target": 85, "value": 75 } },
    { "E": { "min": 50, "max": 98, "target": 85, "value": 80 } },
    { "F": { "min": 60, "max": 100, "target": 85, "value": 92 } }
  ]
}

TOKII

·

©

2025

All rights reserved

English

TOKII

·

©

2025

All rights reserved

English

TOKII

·

©

2025

All rights reserved

English