Buscar K
Aparência
Aparência
Widget é cada bloco de um Dashboard: um número, um gráfico, uma tabela, um filtro, um texto. O catálogo, aberto ao adicionar um widget em modo de edição, agrupa os tipos em Indicadores, Séries e rankings, Composição, Tabelas e matrizes, Mapa e calendário e Texto e livres, mais a Biblioteca de componentes prontos.
O que todos os widgets têm em comum (nome, aparência, formato do número, cor por valor, regras em JavaScript, filtros do widget, relatório e menu) está em Opções comuns. Os dados que um widget pode mostrar vêm da aplicação; veja Modelo de dados.
| A pergunta | Widget |
|---|---|
| Quanto vendemos este mês, e contra o mês passado? | KPI |
| Quanto da meta já atingimos? | Velocímetro, ou KPI com meta |
| Como as vendas evoluíram mês a mês? | Barras e linhas, como Linhas |
| Quem vendeu mais? | Barras e linhas, como Barras |
| Onde vamos estar no fim do ano, se nada mudar? | Forecast |
| Quanto cada parte pesa no total? | Pizza |
| Em que etapa do processo perdemos mais? | Funil |
| Para onde o valor vai de uma etapa para a outra? | Sankey |
| Quais são os registros, linha a linha? | Tabela |
| Como fica o valor cruzando duas dimensões, com subtotais? | Matriz Dinâmica |
| Como fica o DRE, com Receita Líquida, margens e acumulado? | Matriz Composta |
| Onde as vendas acontecem? | Mapa |
| Em que dias do mês o movimento se concentra? | Calendário |
| Em que hora e dia da semana há mais atividade? | Cartão Perfurado |
| Quero deixar um filtro sempre aberto no layout | Lista |
| Quero mostrar um valor dentro de um desenho ou fluxo | Diagrama |
| Quero um título, uma nota ou um logotipo | Texto |
| Widget | Categoria | O que faz |
|---|---|---|
| KPI | Indicadores | Um número de destaque, com valor secundário, variação contra outro período, meta e histórico. |
| Velocímetro | Indicadores | O realizado contra um objetivo, em ponteiro ou em barras sólidas por dimensão. |
| Barras e linhas | Séries e rankings | Barras, colunas, linhas, área e radar, com várias séries e eixos. No catálogo aparece como Barras, Colunas e Linhas. |
| Forecast | Séries e rankings | O histórico de uma medida e a projeção para os próximos dias. |
| Pizza | Composição | Participação no total, em pizza ou rosca. |
| Funil | Composição | Volume e conversão entre etapas de um processo. |
| Sankey | Composição | O fluxo de um valor entre duas a cinco etapas. |
| Cartão Perfurado | Composição | Círculos por dia da semana e semana do ano ou hora do dia. |
| Tabela | Tabelas e matrizes | Registros em linhas e colunas, com totalizador, regras de cor e visões alternativas. |
| Matriz Dinâmica | Tabelas e matrizes | Linhas e colunas por dimensão, com níveis que abrem, subtotais e análises vertical e horizontal. |
| Matriz Composta | Tabelas e matrizes | Demonstrativos com linhas declaradas, contas entre linhas e colunas de tempo. |
| Lista | Tabelas e matrizes | Os valores de uma dimensão como itens clicáveis que filtram o Dashboard. |
| Mapa | Mapa e calendário | Estados, cidades, coordenadas, rotas e GeoJSON em camadas. |
| Calendário | Mapa e calendário | Um mês em grade, com a cor de cada dia pelo valor. |
| Texto | Texto e livres | Texto formatado e imagens. |
| Diagrama | Texto e livres | Um desenho do draw.io com valores da aplicação dentro das formas. |
Svelte + Tailwind, também em Texto e livres, é o Widget Svelte: você escreve o widget em código quando nenhum pronto faz a visualização ou a interação de que precisa. Os componentes da Biblioteca são feitos com ele. Cor e formatação por regra, nos widgets prontos, estão em Regras em JavaScript.