Widget
Visão Geral
Widgets são blocos que podem ser organizados dentro dos dashboards da Valeiot, permitindo personalização visual. Eles exibem dados de Data Sources como gráficos interativos, mostradores, mapas e muito mais.
- Arrastar e Soltar (Drag-and-Drop): Interface intuitiva para personalização e organização
- Customizáveis: Ajuste cores, escalas e formatos de exibição
- Flexíveis: Exibem Data Points, listas de Usuários, listas de Devices, listas de Entities, Objects e muito mais
- Visualização em Tempo Real: Suporte a WebSocket para atualizações em tempo real
Biblioteca de Widgets
Tile Widget
Apresenta um valor, com um ícone ou unidade opcionais para contexto adicional.
Casos de uso:
- Exibir temperatura com unidade °C
- Exibir umidade com unidade %
- Mostrar status de um dispositivo com um ícone
Card Widget
Mostra um valor em um layout horizontal.
Casos de uso:
- Exibir nível de bateria de um dispositivo
- Exibir velocidade de um veículo
- Mostrar o número total de data points recebidos
Dial Widget
Representa o último valor usando um indicador de progresso em formato de dial.
Casos de uso:
- Exibir nível de combustível em um tanque
- Exibir posição de uma válvula
- Exibir velocidade de um motor
Time Series Widget
Visualiza dados de séries temporais usando linhas, barras ou outros tipos.
Casos de uso:
- Mostrar temperatura ao longo do tempo
- Exibir tendência de umidade
- Exibir padrões de consumo de energia
Table Widget
Apresenta informações em formato tabular.
Casos de uso:
- Listar dispositivos com seus respectivos status
- Listar leituras de sensores
- Mostrar inventário de ativos
Forms Widget
Permite entrada de dados.
Casos de uso:
- Enviar comandos para dispositivos
- Atualizar propriedades de um objeto
- Acionar scripts
Custom Widget
O Custom Widget permite inserir qualquer código front-end para criar visualizações personalizadas.
Casos de uso:
- Criar um mapa com lógica própria
- Construir um gráfico especializado
- Criar um layout totalmente customizado
Continuamos desenvolvendo novos widgets. Novas adições chegarão em breve.
Próximos Passos:
Aprenda a Configuração de Widget em detalhes.