Prompt para criar um dashboard executivo com IA (passo a passo)

# PROMPT MESTRE — CRIAÇÃO DE DASHBOARD EXECUTIVO INTERATIVO EM HTML

Atue como um **especialista em Business Intelligence (BI), análise de dados, UX/UI Design e desenvolvimento Front-End**, com experiência na criação de dashboards executivos para apoio à tomada de decisões.

Analise a base de dados que vou anexar e desenvolva um dashboard interativo, moderno, minimalista e profissional, utilizando como referência visual dashboards executivos no estilo Power BI, com identidade visual dark, cartões de indicadores, gráficos compactos, tabelas analíticas e uma seção de insights e ações.

O objetivo não é apenas apresentar números, mas transformar os dados em informações úteis para identificar tendências, oportunidades, riscos e prioridades de atuação.

## 1. ANÁLISE INICIAL DA BASE

Antes de desenvolver o dashboard:

1. Identifique o formato do arquivo, as planilhas disponíveis, as colunas, os tipos de dados e a quantidade de registros.
2. Identifique campos de data, categorias, valores numéricos, identificadores, responsáveis e demais dimensões relevantes.
3. Verifique valores ausentes, duplicidades, inconsistências, formatos incorretos e possíveis problemas de qualidade.
4. Determine quais indicadores podem ser calculados de forma confiável a partir dos dados disponíveis.
5. Identifique limitações da base e não invente informações ausentes.
6. Apresente um resumo inicial da base e proponha os indicadores mais relevantes para o contexto analisado.

Não presuma que a base seja comercial. Adapte o dashboard ao domínio dos dados: vendas, finanças, estoque, produção, educação, atendimento, projetos ou outro contexto.

## 2. IDENTIDADE VISUAL

Crie um dashboard com as seguintes características:

- Tema dark, executivo, moderno e minimalista.
- Fundo azul-marinho profundo, com cartões em tons ligeiramente mais claros.
- Paleta limitada a quatro cores principais: azul para informações e tendências, verde para resultados positivos, roxo para elementos secundários e coral para alertas.
- Tipografia sem serifa, legível e hierarquia visual bem definida.
- Cartões com cantos arredondados, bordas discretas e espaçamento consistente.
- Gráficos limpos, com legendas compactas, grades sutis e rótulos legíveis.
- Layout responsivo para computadores, tablets e celulares.
- Evite excesso de cores, sombras, efeitos decorativos, gráficos redundantes e elementos visuais desnecessários.

A aparência deve transmitir profissionalismo, clareza, precisão e facilidade de leitura.

## 3. ESTRUTURA DO DASHBOARD

Organize o painel nas seguintes áreas, adaptando-as à base analisada.

### A. Cabeçalho

Inclua:
- Nome do dashboard.
- Breve descrição do objetivo da análise.
- Período dos dados, quando aplicável.
- Quantidade de registros analisados.
- Botão para exportar os dados filtrados, quando viável.

### B. Filtros interativos

Posicione os filtros no topo do dashboard.

Selecione automaticamente os filtros adequados às colunas disponíveis, como:

- Data inicial e final.
- Ano e mês.
- Região, estado, país ou unidade.
- Categoria, produto ou tipo.
- Responsável, equipe ou departamento.
- Status ou situação.
- Outros filtros relevantes para a base.

Os filtros devem ser dependentes quando necessário. Por exemplo, selecionar uma região deve restringir as opções de estados correspondentes.

Todos os indicadores, gráficos, tabelas e insights dependentes dos dados devem ser atualizados de acordo com os filtros selecionados.

Inclua um botão para limpar os filtros e restaurar a visão completa.

### C. Indicadores principais — KPIs

Apresente de quatro a seis cartões na primeira área visual do dashboard.

Selecione os indicadores mais relevantes para o contexto, priorizando:

- Volume ou quantidade total.
- Valor financeiro ou resultado total, quando aplicável.
- Média por transação, registro ou unidade.
- Quantidade de ocorrências, pedidos ou eventos.
- Percentual de crescimento ou variação.
- Meta atingida, eficiência, conversão ou margem, somente quando os dados permitirem calcular esses indicadores.

Cada cartão deve apresentar:
- Nome do indicador.
- Valor calculado.
- Unidade de medida.
- Comparação com um período anterior, quando possível.
- Breve explicação da métrica.

Não invente metas, taxas, comparações ou variações. Quando não houver dados suficientes, informe claramente a limitação.

### D. Gráficos analíticos

Escolha os gráficos conforme a natureza dos dados. Utilize, preferencialmente:

1. **Gráfico de linha:** evolução temporal e identificação de tendências.
2. **Gráfico de barras horizontais:** rankings, categorias, regiões, responsáveis ou produtos.
3. **Gráfico de barras verticais:** comparações entre períodos ou categorias.
4. **Gráfico de rosca:** participação proporcional, apenas quando agregar valor e houver poucas categorias.
5. **Tabela analítica:** registros detalhados, rankings e comparações.
6. **Gráficos adicionais:** mapas, dispersão, distribuição ou outros formatos quando realmente necessários.

Evite gráficos de pizza como padrão, gráficos 3D e visualizações redundantes.

Sempre que possível, permita interação por meio de tooltips, seleção de categorias e cruzamento de filtros.

### E. Títulos orientados a conclusões

Não utilize títulos genéricos como “Vendas por Região” ou “Evolução Mensal”.

Prefira títulos que comuniquem uma conclusão identificada nos dados, como:

- “A região Sudeste concentra a maior parcela do faturamento”.
- “O volume de atendimentos caiu no último mês”.
- “Cinco categorias representam a maior parte das ocorrências”.
- “A produtividade aumentou em relação ao período anterior”.

Os títulos devem ser calculados a partir dos dados reais. Se não houver evidência suficiente, utilize um título descritivo e neutro, sem inventar conclusões.

### F. Seção “Insights e Ações”

Crie uma área destacada com cartões de recomendações.

Cada insight deve conter:

1. **O que aconteceu:** fato observado nos dados.
2. **Por que importa:** impacto ou risco potencial.
3. **Ação sugerida:** investigação ou medida prática recomendada.
4. **Evidência:** indicador, valor ou comparação que fundamenta a recomendação.

Procure identificar, conforme o contexto:
- Resultados abaixo do esperado, quando houver uma referência válida.
- Tendências negativas ou mudanças significativas.
- Concentrações excessivas.
- Categorias sem movimentação recente.
- Gargalos, atrasos ou anomalias.
- Oportunidades de melhoria.
- Informações ausentes que impedem análises mais completas.

Diferencie fatos comprovados, sinais que merecem investigação e hipóteses. Não apresente correlação como causalidade nem recomende ações irreversíveis com base apenas em dados insuficientes.

## 4. DESENVOLVIMENTO TÉCNICO

Entregue um arquivo HTML completo, funcional e pronto para execução local.

Utilize:
- HTML5 para estrutura.
- CSS3 para identidade visual e responsividade.
- JavaScript para filtros, cálculos, tabelas, interações e exportação.
- Chart.js para os gráficos, quando apropriado.

Requisitos obrigatórios:

1. Incorporar os dados ao HTML ou fornecer um mecanismo confiável para carregar o arquivo de dados.
2. Implementar filtros realmente funcionais.
3. Atualizar todos os componentes afetados quando os filtros forem alterados.
4. Implementar os cálculos a partir dos registros originais, sem valores de exemplo apresentados como reais.
5. Formatar números, percentuais, datas e moedas de acordo com o contexto e a localidade.
6. Implementar tooltips, ordenação de tabelas e exportação de dados filtrados quando viável.
7. Incluir tratamento para filtros sem resultados, valores nulos e erros de carregamento.
8. Garantir que o dashboard continue utilizável em telas menores.
9. Evitar dependências desnecessárias e documentar as dependências externas utilizadas.
10. Não criar botões ou controles meramente decorativos: cada controle deve executar a ação indicada.

Se a base for muito grande, avalie o desempenho e adote uma estratégia adequada para processamento e filtragem.

## 5. TRANSPARÊNCIA DOS CÁLCULOS

Inclua uma seção expansível chamada “Metodologia e fórmulas”.

Para cada KPI, informe:
- Nome.
- Fórmula.
- Colunas utilizadas.
- Unidade de medida.
- Critérios de inclusão e exclusão.
- Limitações conhecidas.

Quando houver comparação temporal, explique como os períodos foram selecionados e comparados.

Se a base não tiver metas, histórico suficiente ou informações necessárias para um indicador, não estime valores sem fundamento. Explique quais campos adicionais seriam necessários.

## 6. ENTREGA DOS ARQUIVOS

Entregue:

1. Um arquivo HTML completo para abrir no navegador.
2. O arquivo de dados transformado, se houver necessidade de processamento.
3. Uma breve análise inicial com as principais descobertas.
4. As fórmulas dos indicadores calculados.
5. Instruções objetivas para executar o dashboard.
6. Uma lista das limitações identificadas e dos campos que poderiam melhorar a análise.

Se possível, forneça uma versão de demonstração visual antes da implementação final, preservando os dados reais na versão funcional.

## 7. VALIDAÇÃO FINAL

Antes de entregar, verifique:

- Se os totais calculados correspondem à base original.
- Se os filtros alteram corretamente os indicadores.
- Se as datas e comparações estão corretas.
- Se os gráficos representam os dados filtrados.
- Se os títulos refletem os resultados reais.
- Se as fórmulas estão documentadas.
- Se os controles e a exportação funcionam.
- Se o layout é legível em diferentes resoluções.
- Se não há valores fictícios apresentados como resultados reais.

**Prioridade máxima:** combinar visual moderno, cálculos confiáveis, interatividade real e recomendações que ajudem o usuário a decidir onde agir.

Agora analise o arquivo anexado, adapte o dashboard ao conteúdo real da base e produza os arquivos solicitados. Não se limite a apresentar um exemplo visual: entregue a implementação funcional.