tutorial paso a paso para configurar tu graficador en Adafruit IO

 

Para visualizar los datos que estás enviando desde tu simulación en Bash o desde tu ESP32, necesitas crear un Dashboard (tablero de control) y añadirle un bloque de gráfica de líneas (Line Chart).

A continuación, tienes el tutorial paso a paso para configurar tu graficador en Adafruit IO:

---

Paso 1: Crear o verificar tu Feed

Antes de hacer la gráfica, necesitas un Feed (el canal donde se guardan tus datos). Si ya creaste uno con tu script (por ejemplo, mi-sensor), puedes saltar al Paso 2. Si no:

1. Inicia sesión en Adafruit IO.
2. En el menú superior, haz clic en Feeds.
3. Haz clic en el botón New Feed (Nuevo Feed).
4. Asigna un nombre (por ejemplo, mi-sensor) y haz clic en Create.

---

Paso 2: Crear un nuevo Dashboard

1. En el menú superior de la página, haz clic en Dashboards (Tableros).
2. Haz clic en el botón New Dashboard (Nuevo Tablero).
3. En la ventana emergente, escribe un nombre para identificarlo (ej. Control de Sensores) y una descripción opcional.
4. Haz clic en Create. Verás tu nuevo dashboard en la lista; haz clic sobre su nombre para abrirlo.

---

Paso 3: Añadir el bloque de gráfica (Line Chart)

1. Con tu dashboard vacío abierto, haz clic en el botón "+" (Create a new block) ubicado en la esquina superior derecha.
2. Se abrirá una lista con diferentes tipos de bloques visuales (botones, barras, mapas). Busca y selecciona el bloque llamado Line Chart (Gráfica de líneas).

---

Paso 4: Vincular la gráfica con tu Feed

1. Al seleccionar Line Chart, aparecerá una lista con todos tus feeds disponibles.
2. Busca tu feed (ej. mi-sensor) y marca la casilla que está a su lado.
   • Nota: Si estás enviando datos de varios sensores, puedes marcar más de una casilla para graficar múltiples líneas en el mismo recuadro.
3. Haz clic en el botón Next step (Siguiente paso) en la parte inferior.

---

Paso 5: Personalizar la gráfica

En esta última pantalla puedes ajustar los detalles visuales de tu graficador:

• Block Title: Dale un título a la gráfica (ej. Historial del Sensor).
• X-Axis Label / Y-Axis Label: Ponle etiquetas a los ejes si lo deseas (ej. Tiempo en el eje X, y Porcentaje % en el eje Y).
• Show History: Elige cuánto tiempo hacia atrás quieres que muestre la gráfica (puedes elegir que muestre los datos de la última hora, las últimas 24 horas, etc.).
• Cuando termines de configurarlo a tu gusto, haz clic en Create block (Crear bloque).

---

Paso 6: Organizar tu tablero

1. Tu gráfica aparecerá inmediatamente en el dashboard.
2. Si quieres cambiarla de tamaño o moverla de lugar, haz clic en el icono de engranaje verde de la esquina superior derecha y selecciona Edit Layout (Editar diseño).
3. Arrastra los bordes del bloque para hacerlo tan grande como quieras y haz clic en Save Layout (Guardar diseño).

¡Listo! En cuanto ejecutes tu script de Bash o tu código de ESP32, verás cómo la línea de la gráfica empieza a actualizarse automáticamente en tiempo real cada vez que recibe un nuevo valor.

Para complementar tu tablero, dime:

• ¿Te gustaría aprender a agregar un bloque indicador (como un indicador de aguja o "Gauge") para ver el valor actual del sensor?
• ¿Quieres configurar una alerta por correo electrónico en Adafruit IO para cuando el sensor llegue a 100?