/* * 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' }); } }); }); });

Tipos de histograma

Tipos de histograma

Os tipos de histograma são representações gráficas que permitem visualizar a distribuição de um conjunto de dados. Eles são fundamentais em diversas áreas, incluindo a análise de dados e a estatística. Os histogramas ajudam a identificar padrões, tendências e anomalias nos dados, facilitando a tomada de decisões informadas. Existem diferentes tipos de histogramas, cada um com suas características específicas, que podem ser utilizados conforme a necessidade da análise.

Histograma Simples

O histograma simples é o tipo mais básico e comum. Ele é utilizado para representar a frequência de dados em intervalos contínuos. Cada barra do histograma representa a quantidade de dados que se enquadra em um determinado intervalo. Esse tipo de histograma é ideal para visualizar a distribuição de variáveis contínuas, como a altura ou o peso de indivíduos. A simplicidade do histograma simples torna-o uma ferramenta poderosa para análises preliminares.

Histograma Acumulado

O histograma acumulado, por sua vez, mostra a soma cumulativa das frequências. Isso significa que cada barra representa não apenas a frequência de um intervalo, mas também a soma das frequências dos intervalos anteriores. Esse tipo de histograma é útil para entender a proporção de dados que estão abaixo de um determinado valor. É uma excelente ferramenta para análises que exigem uma visão mais abrangente da distribuição dos dados.

Histograma Normalizado

O histograma normalizado é uma variação que ajusta as alturas das barras para que a área total seja igual a 1. Isso permite comparar distribuições de diferentes conjuntos de dados de forma mais eficaz. O histograma normalizado é especialmente útil em análises estatísticas, onde a comparação entre diferentes populações é necessária. Ele ajuda a visualizar a densidade de probabilidade dos dados, tornando a interpretação mais intuitiva.

Histograma de Frequência Relativa

O histograma de frequência relativa apresenta a proporção de dados em cada intervalo em relação ao total. Em vez de mostrar a contagem absoluta, ele exibe a frequência relativa, permitindo uma comparação mais clara entre diferentes conjuntos de dados. Esse tipo de histograma é útil quando se deseja entender a distribuição de dados em relação ao total, facilitando a análise de proporções e percentuais.

Histograma de Dois Conjuntos

O histograma de dois conjuntos é utilizado para comparar a distribuição de duas variáveis diferentes em um mesmo gráfico. Ele pode ser apresentado com barras sobrepostas ou lado a lado, permitindo uma visualização clara das diferenças entre os conjuntos. Esse tipo de histograma é especialmente útil em estudos comparativos, onde se deseja analisar como duas variáveis se comportam em relação a uma terceira.

Histograma de Dados Agrupados

O histograma de dados agrupados é utilizado quando se tem um grande volume de dados que precisam ser organizados em intervalos. Esse tipo de histograma permite simplificar a visualização, agrupando dados em classes. A escolha do número de classes e a amplitude dos intervalos são cruciais para a interpretação correta dos resultados. Esse histograma é ideal para grandes conjuntos de dados, onde a clareza é fundamental.

Histograma de Dados Não Agrupados

O histograma de dados não agrupados, ao contrário do anterior, utiliza cada valor individual para construir as barras. Isso resulta em um gráfico mais detalhado, mas pode ser confuso se o conjunto de dados for muito grande. Esse tipo de histograma é útil para análises detalhadas, onde se deseja observar cada ponto de dados. É uma ferramenta valiosa em contextos onde a precisão é mais importante que a simplicidade.

Histograma de Frequência Absoluta

O histograma de frequência absoluta mostra a contagem exata de dados em cada intervalo. É uma forma direta de visualizar a distribuição dos dados, permitindo identificar rapidamente quais intervalos têm mais ou menos dados. Esse tipo de histograma é frequentemente utilizado em análises descritivas, onde a contagem exata é necessária para a interpretação dos resultados. É uma ferramenta essencial para qualquer análise estatística.

Histograma de Frequência Cumulativa

O histograma de frequência cumulativa combina características do histograma acumulado e do histograma de frequência. Ele mostra a contagem acumulada de dados até um determinado intervalo, permitindo uma análise mais profunda da distribuição. Esse tipo de histograma é útil para entender a proporção de dados que se acumulam ao longo dos intervalos, facilitando a identificação de tendências e padrões ao longo do conjunto de dados.