US Midterms 2026 AO VIVO — Dashboard Senado + Câmara + Governadores | Transmissão Exclusiva YouTube @CanalQb
⚠️ ID de vídeo padrão usado — substituir antes de publicar
Aviso Financeiro: Este conteúdo é estritamente informativo e educacional. Não constitui conselho, recomendação ou oferta de investimento. As cotações de moedas e ouro exibidas no dashboard são apenas indicadores de mercado em tempo real para acompanhamento da reação do mercado durante a noite eleitoral. Consulte um profissional habilitado antes de tomar decisões financeiras.
Nota Técnica: O dashboard apresentado é uma página web única (HTML/CSS/JS) que roda no navegador sem necessidade de instalação. O código é open-source em espírito educacional. @CanalQb não se responsabiliza por indisponibilidade de fontes de dados terceiras (Watch.vote, ECB, Gold-API) ou por decisões tomadas com base nas informações exibidas.
O que você vai ver na noite de 3 de novembro de 2026
As eleições de meio de mandato (midterms) nos Estados Unidos definem o controle real do poder legislativo e de dezenas de governos estaduais. Em 2026, estão em jogo 35 cadeiras no Senado, 435 distritos na Câmara dos Representantes e 36 governadores. A apuração começa às 18h ET (19h de Brasília) e avança madrugada adentro, estado a estado, distrito a distrito.
O @CanalQb preparou uma cobertura diferente: nada de comentaristas em estúdio, nada de gráficos genéricos de redes de TV. Você acompanha um dashboard 100% dedicado às eleições americanas, construído do zero para esta noite, transmitido exclusivamente no YouTube. A página não existia antes e não existirá depois — ela nasce e morre com a live.
Três abas, um ciclo automático de 20 segundos
O dashboard organiza tudo em três abas principais que se alternam sozinhas a cada 20 segundos, sem você precisar clicar em nada:
- Senado (35 cadeiras) — 20 segundos mostrando todas as disputas ativas, com barra de apuração, líder atual e percentual de votos.
- Câmara / House (435 distritos) — Dividido em 13 páginas de 35 cards cada, ordenado pela maior vantagem do líder. Cada página fica 20 segundos na tela. Você vê primeiro as disputas mais definidas, depois as acirradas.
- Governadores (36 estados) — 20 segundos com todas as corridas estaduais.
- O ciclo repete: Senado → House (página 1) → House (página 2) → … → House (página 13) → Governadores → volta ao Senado.
Se você quiser focar em uma aba específica, basta clicar nela — o ciclo automático pausa e retoma só quando você para de interagir.
Resumo nacional fixo no topo — o "placar" da noite
Acima das abas, três cards grandes nunca somem. Eles mostram, em tempo real:
- Percentual de apuração de cada cargo (Senado, House, Governadores).
- Cadeiras por partido — Democratas (azul #1f77b4), Republicanos (vermelho #d62728), Outros (laranja #ff7f0e).
- Caminho para a maioria — quantas cadeiras faltam para 51 no Senado e 218 na House. Barras de progresso animadas mostram visualmente a distância.
As cores são consistentes em toda a página: o mesmo azul para DEM, o mesmo vermelho para REP, o mesmo laranja para outros. Seu cérebro não precisa reaprender a legenda a cada tela.
Moedas e ouro em tempo real — o termômetro do mercado
Logo após o badge "Live · 30s" no cabeçalho, três indicadores financeiros atualizam a cada 60 segundos:
- USD (base), EUR e BRL — cotação com 4 casas decimais.
- Preço do ouro em cada moeda (onça troy ÷ cotação).
- Tendência 60s — seta ▲/▼ comparando com o fetch anterior (verde = valorizou, vermelho = desvalorizou).
- Tendência de sessão — o dado mais importante da noite: comparação com a primeira cotação da noite eleitoral. Mostra apreciação ⬆ (verde) ou desvalorização ⬇ (vermelho) com percentual. É o termômetro real de como o mercado reage a cada projeção de voto.
Fontes gratuitas, sem chave de API: api.frankfurter.dev (dados do BCE) para câmbio EUR/BRL + api.gold-api.com para ouro (com fallback automático para metals.live). Se uma fonte falha, a outra assume sem você perceber.
Exemplo visual do bloco de moedas + ouro durante a live
Modal contador — dias, horas, minutos, segundos até o início
Ao abrir a página durante a live, um modal centralizado mostra a contagem regressiva até 18h ET de 3/11/2026. Ele aparece por 5 segundos a cada 15 segundos, some sozinho quando os primeiros dados reais de apuração chegam, e pode ser fechado com a tecla Esc. O controle é uma única variável no topo do código: SHOW_COUNTDOWN_MODAL = true (mude para false para desativar).
Como assistir — só no YouTube, só ao vivo
A transmissão começa minutos antes das 18h ET (19h de Brasília) de 3 de novembro de 2026. O dashboard é exibido em tela cheia, com narração e análise do @CanalQb. Não há replay programado, não há upload posterior — a página é efêmera por design.
Se você quiser testar a interface antes da noite (layout, cores, responsividade), adicione ?mock=1 na URL: http://localhost/votosamericanos/?mock=1. Isso carrega dados simulados realistas (35 Senate, 435 House, 36 Gov) para você navegar nas abas, ver a paginação do House, testar o ciclo automático e conferir as moedas/outro — tudo sem depender de APIs externas.
Por que isso existe — a motivação por trás do dashboard
Em 2022 e 2024, acompanhei as midterms e a presidencial por dashboards de grandes redes (CNN, NYT, Politico, FiveThirtyEight). Todos têm o mesmo problema: são feitos para leitores casuais, não para quem quer ver tudo, o tempo todo, sem filtros editoriais.
- Redes de TV cortam para comerciais, para análise de comentarista, para "breking news" de estados já decididos.
- Sites de agregadores (FiveThirtyEight, Decision Desk HQ) mostram probabilidades, não votos brutos — e escondem as disputas de Câmara atrás de mapas pouco navegáveis.
- Nenhum mostra moedas e ouro lado a lado com a apuração — a correlação entre projeção de voto e reação do mercado é visível só para quem tem terminais Bloomberg/Refinitiv.
Construí este dashboard para mim — e decidi transmitir ao vivo para quem quiser ver a mesma coisa. É uma página única (~1.100 linhas), sem build, sem npm, sem node_modules, servida estaticamente. HTML + CSS (variáveis nativas, temas claro/escuro automáticos) + JavaScript vanilla (IIFE, strict mode, AbortController para polling sem overlap). Qualquer hospedagem serve: GitHub Pages, Netlify, Vercel, Apache, Nginx.
Dados oficiais, atualizados a cada 30 segundos
Fonte única: Watch.vote API — agregador de feeds oficiais estaduais (Secretaries of State, county election offices). O frontend faz polling a cada 30 segundos com timeout de 8 segundos e AbortController para evitar requisições sobrepostas. Indicador visual "updating" pisca nos cards nacionais durante o fetch.
O modo ?mock=1 usa dados simulados determinísticos (seed fixo 20261103) para desenvolvimento — mesmos números, mesma estrutura, sem tocar rede externa.
Acessibilidade, responsivo, tema — detalhes que importam
- Bootstrap 5.3 via CDN (somente CSS, zero JS do Bootstrap).
- Fontes: Roboto + Roboto Mono (números em
tabular-numspara alinhamento perfeito). - Variáveis CSS nativas — troca de tema instantânea, respeita
prefers-color-scheme(sistema) eprefers-reduced-motion(acessibilidade). - WCAG AA: contraste, foco visível, skip link, ARIA labels,
lang="en". - Cards com
overflow-wrap: anywhere— nomes longos de candidatos nunca estouram o layout, quebram linha naturalmente. - Responsivo mobile-first: grid de cards colapsa para 1 coluna em telas estreitas, paginação do House mantém 35 cards por página sem scroll vertical excessivo.
Perguntas frequentes
O dashboard fica disponível depois da live?
Posso hospedar o dashboard no meu próprio servidor?
index.html é autossuficiente (CSS/JS inline, dependências só via CDN). Baixe, hospede onde quiser (GitHub Pages, Netlify, Apache, Nginx). O endpoint de dados usa/api_usa.php requer PHP e as bibliotecas de cache/normalização — para uso próprio, recomendo o modo ?mock=1 que funciona sem backend.As cotações de moedas e ouro são dados financeiros oficiais?
Por que 35 cards por página no House e não 435 de uma vez?
O ciclo automático de 20 segundos pode ser desativado?
De onde vêm os nomes dos candidatos no modo mock?
?mock=1), os nomes vêm dos feeds oficiais do Watch.vote.Como sei se a live já começou?
Referências e fontes
- Watch.vote API — watch.vote (feeds oficiais estaduais agregados, fonte primária de dados de apuração).
- Frankfurter.dev / ECB — api.frankfurter.dev (câmbio EUR/BRL base USD, gratuito, CORS habilitado).
- Gold-API / Metals.live — api.gold-api.com / api.metals.live (preço do ouro USD/onça troy, gratuito, fallback automático).
- Bootstrap 5.3 — getbootstrap.com (CSS via CDN).
- Font Awesome 6.5 — fontawesome.com (ícones via CDN).
Links internos relacionados no CanalQb:
- Cobertura eleições EUA 2024 — dashboard presidencial
- Automação de dados eleitorais — scripts e APIs
- Moedas e ouro em tempo real — como integrar APIs gratuitas
Assista à live no YouTube
A cobertura começa minutos antes das 18h ET (19h Brasília) de 3/11/2026. Só no YouTube, só ao vivo.
Entrar na live @CanalQbFeito com Master Rules Claude v9.2
