Crear paneles
El editor de paneles es una herramienta sin código para diseñar dashboards que muestran los datos de tu aplicación en tiempo real.
Abrir el editor de paneles
- Abre tu aplicación en el IDE en la nube.
- Haz clic en el botón Board en el menú lateral.
- El editor de paneles se abre, mostrando el diseño actual del dashboard.
Agregar widgets
Haz clic en Add Widget para colocar un nuevo componente en el panel. Tipos de widgets disponibles:
| Widget | Caso de uso |
|---|---|
| Line Chart | Tendencias de series temporales (temperatura a lo largo del tiempo) |
| Bar Chart | Comparaciones por categoría |
| Pie Chart | Distribución / proporciones |
| Gauge | Valores individuales en tiempo real (velocidad, presión) |
| Value Display | Mostrar un número o texto individual |
| Table | Datos tabulares con ordenamiento/filtrado |
| Map | Ubicaciones de dispositivos con superposición de datos |
| Embed | Contenido web externo o túneles de acceso remoto del dispositivo |
Conectar datos
Cada widget se conecta a una tabla y columna de tu data-template.yml:
- Selecciona el widget.
- Elige la tabla de origen de datos.
- Asigna columnas a los ejes o campos del widget.
- Configura filtros u opciones de agregación.
Los datos se actualizan en tiempo real — a medida que llegan nuevos datos de los dispositivos, los widgets se refrescan automáticamente.
Diseño
Arrastra y redimensiona los widgets para organizar tu dashboard. El panel soporta:
- Posicionamiento basado en cuadrícula
- Diseño responsivo que funciona en diferentes tamaños de pantalla
- Múltiples páginas / pestañas dentro de un solo panel
El archivo board-template.yml
El editor de paneles genera un archivo board-template.yml en tu directorio .ironflock/. Este archivo describe el diseño completo del panel, la configuración de widgets y las asignaciones de datos.
También puedes editar este archivo manualmente si lo prefieres.
Es perfectamente válido que una aplicación solo recopile datos sin proporcionar un panel. Las aplicaciones de registro de datos comúnmente permiten a los usuarios construir sus propios dashboards a partir de los datos recopilados. Los dashboards creados por los usuarios pueden incluso combinar datos de múltiples aplicaciones.
Widget Embed
El widget Embed es particularmente potente — puedes incrustar el túnel de acceso remoto de un dispositivo directamente en el panel. Esto crea una experiencia fluida donde los usuarios pueden monitorear datos globales e interactuar con dispositivos individuales desde la misma interfaz.