Gerador de Corrida de Gráficos de Barras

Crie animações impressionantes de corrida de gráficos de barras no seu navegador. Faça upload de arquivos CSV/Excel, visualize dinâmicas de dados. 100% do lado do cliente, seus dados nunca saem do seu dispositivo.

Criar Corrida de Gráficos de Barras Dinâmica

Esta ferramenta ajuda você a criar visualizações dinâmicas de Corrida de Gráficos de Barras (Bar Chart Race) que rodam inteiramente no seu navegador. Seus dados nunca são enviados para o servidor, são absolutamente seguros.

🎯 Principais Características

1. Privacidade de Dados

  • Todo o processamento de dados é feito localmente no navegador
  • Não é necessário fazer upload para o servidor
  • Em conformidade com regulamentos de privacidade como o GDPR

2. Alto Desempenho

  • Baseado em Apache ECharts 5.x
  • Habilita realtimeSort: true para animações de classificação dinâmica suaves e fluidas
  • Suporta renderização de grandes volumes de dados

3. Fácil de Usar

  • Suporta upload de arquivos CSV/Excel por arrastar e soltar
  • Análise automática de dados
  • Reprodução de animação com um clique

📊 Formato de Dados

Formato padrão (com imagens):

Name,Category,Image URL,0,1,2,3,4,5,...
A,B,https://example.com/a.jpg,0,5,10,15,20,...
A,B,https://example.com/b.jpg,0,3,8,12,18,...
A,B,https://example.com/c.jpg,0,7,14,21,28,...

Formato simplificado (sem imagens nem categorias):

Name,0,1,2,3,4,5,...
Item A,10,20,30,40,50,...
Item B,15,25,35,45,55,...

Descrição dos campos:

  • Name: Nome do competidor/categoria (obrigatório)
  • Category: Etiqueta de grupo (opcional, usada para agrupamento por cores)
  • Image URL: Link da imagem (opcional, exibido na extremidade da barra)
  • Colunas numéricas (0,1,2,...): Pontos no tempo, cada célula é o valor naquele momento

🎬 Como Usar

  1. Preparar dados: Prepare o arquivo CSV ou Excel de acordo com o formato acima
  2. Carregar arquivo: Arraste o arquivo para a área de upload ou clique para selecionar
  3. Reproduzir animação: Clique no botão de reprodução para ver o efeito da corrida dinâmica
  4. Ajustar configurações:
    • Ajustar a velocidade de reprodução (0.5x, 1x, 2x)
    • Arrastar a barra de progresso para saltar para um ponto no tempo específico
    • Clicar em ocultar o painel de controle (útil para gravação de tela)

📹 Sugestões de Gravação de Tela

Se precisar exportar um vídeo, recomenda-se o uso de ferramentas profissionais de gravação de tela:

  • Windows: OBS Studio, Xbox Game Bar
  • macOS: QuickTime Player, OBS Studio
  • Ferramentas online: Loom, ScreenPal

Ao ocultar o painel de controle, você obtém um efeito de gravação mais limpo.

⚠️ Observações

  • As URLs das imagens devem ser acessíveis publicamente (suporta HTTPS)
  • Recomenda-se que os pontos de dados não excedam 100 pontos no tempo para garantir a fluidez
  • Se encontrar problemas de desempenho, tente reduzir a quantidade de dados ou diminuir a velocidade da animação