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

Oque e histograma

O que é um histograma?

Um histograma é uma representação gráfica que ilustra a distribuição de um conjunto de dados. Ele é composto por barras verticais, onde cada barra representa a frequência de valores em intervalos específicos, chamados de classes ou bins. Essa ferramenta é amplamente utilizada em estatísticas e análise de dados, permitindo visualizar rapidamente a forma como os dados estão distribuídos. No contexto de uma fábrica de reservatórios metálicos, um histograma pode ser útil para analisar a variação de dimensões dos produtos fabricados.

Como o histograma é construído?

A construção de um histograma envolve algumas etapas fundamentais. Primeiro, é necessário coletar os dados que serão analisados. Em seguida, esses dados são organizados em intervalos, que devem ser escolhidos com cuidado para evitar distorções na interpretação. Após a definição dos intervalos, conta-se quantos dados se enquadram em cada classe e, por fim, as barras são desenhadas com alturas proporcionais a essas contagens. Essa visualização facilita a identificação de padrões e tendências nos dados.

Importância do histograma na análise de dados

O histograma é uma ferramenta essencial na análise de dados, pois permite identificar a distribuição dos dados de forma clara e objetiva. Ele ajuda a detectar a presença de outliers, que são valores que se afastam significativamente da média, e a entender a variabilidade dos dados. Além disso, o histograma pode revelar a simetria ou assimetria da distribuição, o que é crucial para a tomada de decisões informadas em processos de fabricação, como os de reservatórios metálicos.

Histograma e a qualidade na fabricação

No setor de fabricação de reservatórios metálicos, a qualidade é um aspecto primordial. O histograma pode ser utilizado para monitorar a qualidade dos produtos, analisando, por exemplo, a espessura das chapas metálicas utilizadas. Ao visualizar a distribuição das espessuras em um histograma, é possível identificar se a maioria dos produtos está dentro das especificações desejadas ou se há variações que precisam ser corrigidas. Isso contribui para a melhoria contínua dos processos de produção.

Tipos de histogramas

Existem diferentes tipos de histogramas que podem ser utilizados dependendo da natureza dos dados. O histograma simples é o mais comum, mas também existem histogramas empilhados, que mostram a composição de diferentes categorias dentro de um mesmo gráfico. Outro tipo é o histograma de frequência relativa, que expressa a frequência de cada classe em relação ao total de dados. Escolher o tipo adequado de histograma é crucial para uma análise eficaz.

Histograma e a tomada de decisão

A visualização de dados por meio de histogramas pode influenciar diretamente a tomada de decisões em uma fábrica de reservatórios metálicos. Ao analisar a distribuição de dados, os gestores podem identificar áreas que necessitam de melhorias ou ajustes nos processos. Por exemplo, se um histograma revela que a maioria dos produtos está com dimensões fora do padrão, isso pode indicar a necessidade de revisão nas máquinas ou nos métodos de controle de qualidade.

Histograma e software de análise

Atualmente, diversos softwares de análise de dados oferecem ferramentas para a criação de histogramas de forma rápida e eficiente. Programas como Excel, R e Python são amplamente utilizados para gerar histogramas, permitindo que os usuários personalizem a visualização de acordo com suas necessidades. A utilização dessas ferramentas facilita a análise de grandes volumes de dados, tornando o processo mais ágil e preciso.

Interpretação de histogramas

Interpretar um histograma requer atenção a alguns detalhes importantes. É fundamental observar a forma geral da distribuição, como se é normal, assimétrica ou bimodal. Além disso, a largura das classes e a altura das barras fornecem informações sobre a concentração dos dados. Uma interpretação correta do histograma pode levar a insights valiosos sobre o desempenho dos processos de fabricação e a qualidade dos produtos.

Histograma e a melhoria contínua

O uso de histogramas na análise de dados é uma prática que contribui para a melhoria contínua em processos industriais. Ao monitorar a distribuição de variáveis críticas, como a espessura do material ou a capacidade de armazenamento dos reservatórios, as empresas podem implementar ações corretivas de forma proativa. Isso não apenas melhora a qualidade dos produtos, mas também otimiza os custos de produção.

Conclusão sobre histogramas

Embora não haja uma conclusão formal, é importante ressaltar que o histograma é uma ferramenta poderosa para a análise de dados em diversas áreas, incluindo a fabricação de reservatórios metálicos. Sua capacidade de representar visualmente a distribuição de dados torna-o indispensável para a tomada de decisões informadas e para a manutenção da qualidade nos processos produtivos.