Dashboard interativo para visualização e análise de dados de testes de velocidade de internet.

1. Abra o arquivo index.html em um navegador web

   • Você pode simplesmente fazer duplo clique no arquivo
   • Ou usar um servidor local (recomendado para evitar problemas de CORS)

2. Usando um servidor local (recomendado):

   # Python 3
   python -m http.server 8000
   # Node.js (com http-server)
   npx http-server
   # PHP
   php -S localhost:8000

   Depois acesse: http://localhost:8000

• Estatísticas em Tempo Real:

  • Média, máximo e mínimo de download, upload e ping
  • Tempo médio de teste e tempo total

• Gráficos Interativos:

  • Velocidade de download ao longo do tempo
  • Velocidade de upload ao longo do tempo
  • Latência (ping) ao longo do tempo
  • Distribuição de velocidades

• Filtros:

  • Filtrar por período (últimos 7, 30, 90 dias ou todos)
  • Controlar número de pontos exibidos nos gráficos (para melhor performance)

.
├── index.html # Página principal do dashboard
├── dashboard.js # Lógica JavaScript e gráficos
├── styles.css # Estilos CSS
├── speedtests.json # Dados dos testes de velocidade
└── README.md # Este arquivo

• HTML5 - Estrutura da página
• CSS3 - Estilização moderna e responsiva
• JavaScript (ES6+) - Lógica e interatividade
• Chart.js - Biblioteca para criação de gráficos

O arquivo speedtests.json deve conter um array de objetos com a seguinte estrutura:

{
 "id": 1898,
 "serverId": 71808,
 "ping": 2,
 "download": 427.94,
 "upload": 535.67,
 "type": "auto",
 "resultId": "de6298e1-488a-42be-ba21-b0649275807e",
 "time": 7,
 "created": "2025年11月22日T13:00:14.173Z"
}

• Interface moderna e limpa
• Design responsivo (funciona em desktop, tablet e mobile)
• Cores vibrantes e gradientes
• Animações suaves
• Cards com efeito hover

• Certifique-se de que o arquivo speedtests.json está no mesmo diretório que index.html
• Para grandes volumes de dados, use o filtro de pontos para melhorar a performance
• O dashboard funciona melhor em navegadores modernos (Chrome, Firefox, Edge, Safari)