Projeto guiado: dashboard comercial Aurora

Selo de estado: Preview (teto atual do produto) · Curso ACD-330 — Dashboards: visuais, filtros, interações e design · Aula 12 de 12 · Atualizado em 2026-10-04.

Objetivo#

Ao final desta aula você vai construir o painel completo.

Vídeo#

Identificador: acd-330-12-projeto-dashboard-comercial · Duração-alvo: 10 min · Tela: /dashboards.

Roteiro (capítulos):

1. 0:00–1:30 — a estrutura do painel comercial (/dashboards) — topo, esquerda, direita, base e filtros, de uma vez.
2. 1:30–3:30 — KPIs e ranking de produtos (/dashboards/[id]) — 3 KPIs com Δ% + hbar por categoria.
3. 3:30–5:00 — mapa e linha mensal (/dashboards/[id]) — receita por UF + evolução no tempo.
4. 5:00–6:30 — filtros e interações (/dashboards/[id]) — slicers no escopo do dashboard + cross-filter.
5. 6:30–8:00 — formatação, tema e layout mobile (/dashboards/[id]) — semáforo de margem e empilhamento no celular.
6. 8:00–10:00 — revisão e publicação (/dashboards/[id]/versoes) — checklist final antes de publicar.

Conteúdo#

O projeto que amarra as 11 aulas anteriores

Esta aula não ensina um visual novo — ela monta, do zero, o painel comercial completo da Aurora Varejo, aplicando o editor (aula 1), a escolha de visual (aula 2), KPIs com meta (aula 3), comparação/composição (aula 4), mapa (aula 6), slicers e datas relativas (aula 7), interações e drill (aula 8) e formatação/tema (aula 9). Se alguma etapa não fizer sentido, é sinal de voltar à aula correspondente antes de seguir.

A estrutura do painel

As três medidas centrais do topo:

SOMA(valor)

é Receita;

CONTD(pedido_id)

é Pedidos; e o Ticket médio divide uma pela outra, protegido contra divisão por zero:

DIVIDIR(SOMA(valor); CONTD(pedido_id))

Como aparece no produto

Crie o painel no editor (nasce vazio, em rascunho) e escolha o workspace Aurora Varejo. Arraste as três medidas para o topo como kpi (aula 3) e ative "comparar" em cada um para o Δ%. Para o ranking de produtos, insira um hbar (barras horizontais, melhor que bar quando o nome da categoria é longo) de Receita por produtos.categoria, com Top N aplicado se a lista crescer. No bloco direito, confirme que filiais.uf está marcada como categoria de dado UF e insira o map (aula 6). Na base, insira a line de Receita por calendario.mes (aula 4).

Para os filtros (aula 7), adicione no escopo do dashboard: um daterange com preset "últimos 30 dias" (ou outro período relativo que fizer sentido para a Aurora), um select de filiais.regiao e um select de produtos.marca. No editor de interações (aula 8), defina que clicar numa categoria do hbar filtra o map e a line — é o comportamento que "parece Power BI": clicar numa barra e ver o resto do painel reagir.

Por fim, aplique formatação condicional (aula 9) na margem, se o modelo tiver custo — e confirme o layout mobile (aula 11) antes de publicar.

Exemplo na Aurora Varejo — a variante financeira

O tutorial de dashboard financeiro usa o mesmo modelo para outra pergunta: "a margem está saudável, e batemos a meta?". As medidas mudam de foco — Margem é a diferença entre Receita e Custo, e Margem % divide uma pela outra:

SOMA(valor) - SOMA(custo)

DIVIDIR(SOMA(valor) - SOMA(custo); SOMA(valor))

Nessa variante, o bloco de meta usa um bullet/gauge (aula 3) ligado à meta de Receita, barras de Margem por filiais.regiao, e um waterfall (aula 4) explicando a composição da margem — com formatação condicional (aula 9) pintando vermelho quando a margem fica negativa. Vale montar essa segunda versão como exercício extra depois de terminar a comercial.

Erros comuns de design

• Somar valor sem excluir devoluções. Se a Aurora registra devoluções como linhas negativas (ou numa tabela separada), trate isso na medida ou na transformação — nunca manualmente no visual.
• Mapa sem categoria geográfica. Esquecer de marcar filiais.uf como UF no modelo é o erro mais comum ao montar o bloco direito — sem isso, o mapa não pinta nada (aula 6).
• Montar os 4 blocos antes de pensar nos filtros. Definir slicers e interações só no final costuma forçar retrabalho — pense no escopo de cada filtro (dashboard, página ou visual) desde o início (aula 7).
• Publicar sem checar o layout mobile. O painel pode ficar perfeito na tela grande e quebrar no celular da diretoria — confira o empilhamento antes de publicar (aula 11).
• Misturar a versão comercial com a financeira num painel só. As duas perguntas de negócio são diferentes; painéis separados ("Comercial" e "Financeiro") leem melhor do que um painel tentando responder as duas de uma vez.

Estado atual (Preview)

Os motores usados neste projeto (modelo, medidas, visuais, filtros, interações, formatação) são em boa parte GA-candidato — mas um dashboard ponta a ponta depende de execução real em BigQuery e da renderização final na tela, ambas NÃO MEDIDO sem infraestrutura de produção plena. Por isso o painel inteiro, de ponta a ponta, carrega o selo Preview — mesmo com cada peça individual testada isoladamente.

Faça você mesmo#

No workspace de treino Aurora Varejo (abra /dashboards no console):

1. Crie o painel "Comercial — Aurora" (ou reaproveite o das aulas anteriores) com a página "Resumo".
2. Monte os 3 KPIs do topo (Receita, Pedidos, Ticket médio) com Δ% ativado.
3. Insira o hbar de Receita por produtos.categoria à esquerda, com Top N se necessário.
4. Insira o map de Receita por filiais.uf à direita (confirme a categoria UF no modelo).
5. Insira a line de Receita por calendario.mes na base.
6. Adicione os slicers de período relativo, região e marca no escopo do dashboard.
7. No editor de interações, defina que clicar numa categoria filtra o mapa e a linha.
8. Revise o layout mobile, publique o painel e confirme a versão em /versoes.

Você terminou quando: o painel "Comercial — Aurora" tem os 4 blocos da estrutura, os slicers recortando tudo, o cross-filter funcionando e a versão publicada confirmada.

Checagem rápida#

Três perguntas no final da aula, corrigidas no servidor. A aula só conta como concluída depois da checagem.

Documentação relacionada#

• bi/tutorial-dashboard-comercial
• bi/tutorial-dashboard-financeiro

Capacidades ensinadas#

(conceitual — sem capacidade específica da matriz) — o selo exibido na aula é sempre o estado mais conservador entre as capacidades citadas; nada aqui é "GA".