WEATHERDATE

Visão Geral

O Weather Data é uma aplicação web que une previsão climática local (por cidade, data e horário) com insights de energia renovável. No Painel Climático, o usuário vê probabilidades e condições como chuva, vento forte, calor extremo, umidade e céu encoberto — alinhado ao desafio “Will It Rain On My Parade?” do NASA Space Apps. No Painel Renovável, esses mesmos insumos viram indicadores de potencial solar e eólico (kWh/m²), com comparação entre cidades e métricas locais (ex.: ângulo solar, índice de irradiação, densidade do ar e velocidade do vento), alimentados pela API NASA POWER. Como resultado, o ClimaData atende tanto à organização de eventos quanto ao planejamento sustentável, a abordagem rendeu o 2º lugar na etapa local (equipe Teletubbies) e indicação à disputa global, com demo pública disponível em: https://weather-data-nasa-hackaton-2025.vercel.app/

probelma

Dados climáticos e energéticos costumam ser técnicos, dispersos e pouco acionáveis; cidadãos e gestores precisam de interfaces claras para responder perguntas práticas como “qual o melhor horário para meu evento?” e “quais cidades têm melhor potencial solar/eólico?”.

minha função e equipe

  • Papel: Product Designer & Líder — definição de escopo e visão, arquitetura de informação, fluxos, UI, microcopy, priorização de indicadores e validações rápidas.

  • Equipe Teletubbies: 2 devs full-stack, 1 engenheiro de dados e eu (PD/lead).

  • Entrega: design no Figma; integração com NASA POWER API; gráficos com Chart.js; deploy na Vercel

fluxo do usuário

  • Selecionar Cidade / Data / Horário no Painel Climático → visualizar chips e gráficos com probabilidades e condições do dia.

  • Ir ao Painel Renovável → comparar cidades por potencial solar/eólico (kWh/m²) e consultar métricas locais (ex.: índice de irradiação e velocidade do vento) derivadas do NASA POWER.

  • Decidir (ex.: melhor janela para evento; cidade com maior potencial) e retornar quando quiser reavaliar.

principais recursos

  • Clima Hoje: chips de condição, gráfico de precipitação/vento, seletor de local/data/horário.

  • Painel Renovável:

    • Barras de potencial solar e eólico (kWh/m²) por cidade;

    • Ranking de localidades com maior potencial;

    • Métricas locais de apoio (ex.: ângulo solar, índice de irradiação, densidade do ar, velocidade do vento);

    • Tooltips educativos (“o que significa kWh/m²?”).

  • Comparação rápida entre cidades.

  • UI leve e responsiva com Chart.js.

Dados & Integração

  • Fonte: NASA POWER (Prediction Of Worldwide Energy Resources).

  • Acesso: composição de requisições via API; uso do DAV para gerar a URL inicial e ajustar parâmetros (comunidade, temporalidade, lat/lon e período). 

  • Observações técnicas: APIs do POWER oferecem diferentes níveis temporais (horário, diário, mensal); chamadas com muitos parâmetros/nível alto podem ser mais lentas (ainda assim, completam em < 1 min na Application API).

recorte de hackathon

  • Escaneabilidade: um objetivo por tela; informações em chips e barras de leitura rápida.

  • Linguagem simples: tooltips traduzem jargão (kWh/m², irradiação, etc.) para o cotidiano.

  • Comparação visual: barras + ranking para “quem está melhor” na visão renovável.

  • Consistência visual: componentes e hierarquia mantidos entre os dois painéis.

Wireframes

mockups

Vídeo

Versão em inglês: https://youtu.be/hAXX-TySmnI 

recorte de hackathon