Logo Wobs DigitalWobs Digital

Portfólio · Dashboards e dados

Da API ao dashboard: a Copa do Mundo 2026 de ponta a ponta

Um projeto real da Wobs Digital para mostrar o que fazemos com os seus dados: ingestão, tratamento no Databricks e um dashboard web com acesso seguro. Os números abaixo são consultados agora.

O resultado

Dashboard da Copa 2026

Um painel interativo para você explorar, com dados lidos em tempo real das tabelas do Databricks.

Dashboard interativo

Explore a Copa 2026 em tela cheia

Resultados, mata-mata, grupos, seleções e estádios, lidos agora do Databricks. Passe o mouse nos gráficos e clique em qualquer seleção para ver a jornada dela no torneio.

  • Visão geral
  • Mata-mata
  • Grupos
  • Seleções
  • Estádios
Abrir dashboard em tela cheia

Dica: Esc fecha. Cada aba tem um link direto para compartilhar.

Como foi feito

Quatro etapas, um fluxo automático

  1. API de futebol

    fonte

  2. Databricks raw

    dados brutos

  3. Databricks dp

    dados tratados

  4. API segura

    Next.js

  5. Dashboard

    navegador

1 · Ingestão

Coletamos os dados de uma API

Um processo automático busca jogos, seleções, classificações e estádios em uma API de futebol e grava tudo, sem alterar, em tabelas brutas (raw) no Databricks, com a data de cada carga.

  • 5 tabelas raw
  • 104 jogos · 48 seleções
  • 16 estádios
  • Carimbo ingested_at em cada linha

2 · Tratamento

Transformamos em tabelas prontas para consumo

Das tabelas brutas saem 6 tabelas de consumo (dp): resultado de cada jogo, chaveamento do mata-mata, artilharia por seleção, estádios e indicadores. Os nomes de fase são padronizados, o resultado vira texto legível e cada tabela leva a data de atualização.

  • 6 tabelas dp_*
  • Resultado e vencedor calculados
  • KPIs calculados uma única vez
  • Camadas raw → dp separadas

3 · API segura

O navegador nunca fala com o Databricks

Uma rota no nosso servidor consulta o Databricks com consultas fixas e devolve só o resultado. O token fica em variável de ambiente e o resultado fica em cache por 10 minutos.

  • Token só no servidor
  • Sem SQL vindo do usuário
  • Cache de 10 min
  • HTTPS de ponta a ponta

4 · Front end

Um dashboard web com a sua marca

A página acima é uma aplicação Next.js: gráficos desenhados sob medida, carregamento rápido e layout que funciona no celular. Tabelas dos grupos e indicadores derivados são calculados na consulta.

  • Next.js + React
  • Gráficos em SVG, sem biblioteca pesada
  • Responsivo
  • Pronto para a identidade do cliente

Quer um dashboard assim com os dados do seu negócio?

Contamos como seus dados estão hoje e montamos uma proposta com escopo, prazo e valor fechado.

Falar no WhatsApp