/* * JavaScript Puro: TCL Reservatórios Premium * Funções: Menu Mobile, Header Fixo (Sticky) e Scroll Suave. * Autor: Alquimista do Código 2.0 */ document.addEventListener('DOMContentLoaded', () => { // --- 1. Menu Mobile (Hamburguer) --- const navToggle = document.querySelector('.nav__toggle'); const navList = document.querySelector('.nav__list'); const body = document.body; if (navToggle && navList) { navToggle.addEventListener('click', () => { body.classList.toggle('nav-open'); const isExpanded = navToggle.getAttribute('aria-expanded') === 'true'; navToggle.setAttribute('aria-expanded', !isExpanded); }); } // --- 2. Dropdown (Acessível por Teclado e Click) --- // Esta lógica é necessária para desktop e mobile const dropdownToggles = document.querySelectorAll('.nav__link--dropdown-toggle'); dropdownToggles.forEach(toggle => { toggle.addEventListener('click', (e) => { // Prevenir o clique no link se for um dropdown (especialmente em mobile) e.preventDefault(); const parentItem = toggle.closest('.nav__item--dropdown'); parentItem.classList.toggle('dropdown-open'); }); // Adiciona suporte a teclado (Enter) toggle.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); const parentItem = toggle.closest('.nav__item--dropdown'); parentItem.classList.toggle('dropdown-open'); } }); }); // --- 3. Header Fixo (Sticky on Scroll) --- const header = document.getElementById('header'); if (header) { const stickyThreshold = 50; // Distância de scroll para fixar const handleScroll = () => { if (window.scrollY > stickyThreshold) { header.classList.add('header--sticky'); } else { header.classList.remove('header--sticky'); } }; window.addEventListener('scroll', handleScroll, { passive: true }); } // --- 4. Scroll Suave para Âncoras (Ex: CTA do Hero) --- const anchorLinks = document.querySelectorAll('a[href^="#"]'); anchorLinks.forEach(link => { link.addEventListener('click', function(e) { const href = this.getAttribute('href'); // Ignorar links que são apenas '#' ou toggles de dropdown if (href === '#' || this.classList.contains('nav__link--dropdown-toggle')) return; const targetElement = document.querySelector(href); if (targetElement) { e.preventDefault(); // Fecha o menu mobile se estiver aberto if (body.classList.contains('nav-open')) { body.classList.remove('nav-open'); navToggle.setAttribute('aria-expanded', 'false'); } // Calcula a posição do elemento de destino const headerOffset = header ? header.offsetHeight : 0; const elementPosition = targetElement.getBoundingClientRect().top; const offsetPosition = elementPosition + window.pageYOffset - headerOffset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); } }); }); });

Como construir um histograma

Como construir um histograma

Construir um histograma é uma tarefa fundamental para a análise de dados, especialmente em setores como o de reservatórios metálicos. Um histograma permite visualizar a distribuição de um conjunto de dados, facilitando a identificação de padrões e tendências. Para iniciar, é essencial coletar os dados que você deseja analisar, garantindo que sejam representativos e relevantes para o seu estudo. A precisão na coleta de dados é crucial para a eficácia do histograma.

Passo 1: Coleta de Dados

A coleta de dados deve ser feita de maneira sistemática. Você pode utilizar métodos como questionários, medições diretas ou registros históricos. É importante que os dados sejam organizados em uma tabela, onde cada entrada representa uma observação. Além disso, certifique-se de que os dados estejam limpos e livres de erros, pois isso impactará diretamente na qualidade do histograma que você irá construir.

Passo 2: Definição dos Intervalos

Após a coleta dos dados, o próximo passo é definir os intervalos ou classes que serão utilizados no histograma. Os intervalos devem ser escolhidos de forma a cobrir toda a faixa de valores dos dados. Uma boa prática é utilizar entre 5 a 10 intervalos, dependendo da quantidade de dados. A escolha adequada dos intervalos ajuda a evitar a superposição de informações e proporciona uma visualização mais clara.

Passo 3: Contagem de Frequências

Com os intervalos definidos, é hora de contar quantos dados se enquadram em cada intervalo. Essa contagem resulta na frequência de cada classe. Para isso, você pode utilizar uma tabela de frequências, onde cada linha representa um intervalo e a coluna correspondente mostra a quantidade de dados que pertencem a esse intervalo. Essa etapa é fundamental para a construção do histograma, pois as frequências serão representadas graficamente.

Passo 4: Construção do Gráfico

Agora que você tem as frequências, é hora de construir o gráfico do histograma. Utilize um software de planilhas, como Excel, ou ferramentas de visualização de dados. No gráfico, os intervalos são representados no eixo horizontal, enquanto as frequências são mostradas no eixo vertical. Cada intervalo deve ser representado por uma barra, cuja altura corresponde à frequência do intervalo. Isso cria uma visualização clara da distribuição dos dados.

Passo 5: Análise do Histograma

Após a construção do histograma, é essencial analisá-lo. Observe a forma da distribuição: ela é simétrica, assimétrica ou apresenta múltiplos picos? Essa análise pode revelar informações importantes sobre os dados, como tendências e anomalias. No contexto de reservatórios metálicos, entender a distribuição de dados pode ajudar na tomada de decisões sobre a capacidade de armazenamento e a eficiência operacional.

Benefícios de um Histograma

  • Visualização clara: O histograma oferece uma representação visual que facilita a compreensão dos dados.
  • Identificação de padrões: Ajuda a identificar tendências e padrões que podem não ser evidentes em tabelas de dados.
  • Suporte à tomada de decisões: Informações obtidas através do histograma podem influenciar decisões estratégicas na fabricação e no armazenamento.

Dicas para um Histograma Eficiente

  • Mantenha os intervalos consistentes para evitar confusão.
  • Utilize cores diferentes para destacar diferentes intervalos, se necessário.
  • Evite sobrecarregar o gráfico com muitos dados, pois isso pode dificultar a interpretação.

Erros Comuns ao Construir um Histograma

  • Escolher intervalos muito pequenos ou muito grandes, o que pode distorcer a visualização.
  • Não verificar a qualidade dos dados antes da construção do histograma.
  • Ignorar a análise do histograma após sua construção, perdendo insights valiosos.

Ferramentas para Construção de Histogramas

Existem diversas ferramentas que podem ser utilizadas para construir histogramas. Softwares como Excel, Google Sheets e ferramentas de visualização de dados como Tableau são excelentes opções. Essas ferramentas oferecem funcionalidades que facilitam a criação e personalização de histogramas, permitindo que você se concentre na análise dos dados, em vez de se preocupar com a parte técnica da construção do gráfico.

Posts Relacionados: