Visualization library

Table of Content

Table of Content

Table of Content

Lines

📌 What are they?

The line visualization shows a series of data points connected by lines, representing continuous values along an axis, usually temporal. Each line can represent a distinct category or variable, allowing for visual comparisons between series.

🔍It is especially useful for analyzing trends, fluctuations, and historical comparisons in sequential data.

🎯 When to use them?

  • Visualize the evolution of a metric over time.

  • Compare trends among multiple categories (products, areas, sensors…).

  • Detect patterns, anomalies, or sharp changes in historical data.

  • Represent series with frequent data (minutes, hours, days).

📥 Data Submission Formats

▸ From dataset

Example structure:

Month

Product A

Product B

Product C

January

100

150

130

February

110

160

120

March

90

140

150

April

120

170

120

May

110

150

140

June

115

155

135

July

105

165

145

August

125

160

130

September

100

150

140

October

120

155

125

November

110

145

135

December

130

165

140

Configuration in the panel:

  • Label: Month (labels on the X axis)

  • Label type: String (type of labels)

  • Values: Product A, Product B, Product C (categories)

  • Popup: (each segment will show its value, if more data is to be visualized in each segment, select here)

▸ From MQTT

{
  "Producto A": [100, 110, 90, 120, 110, 115, 105, 125, 100, 120, 110, 130],
  "Producto B": [150, 160, 140, 170, 150, 155, 165, 160, 150, 155, 145, 165],
  "Producto C": [130, 120, 150, 120, 140, 135, 145, 130, 140, 125, 135, 140]
}

TOKII

·

©

2025

All rights reserved

English

TOKII

·

©

2025

All rights reserved

English

TOKII

·

©

2025

All rights reserved

English