# Gerador de Calendário Heatmap Gerar calendários heatmaps estilo GitHub para visualizar padrões de atividade ao longo do tempo, perfeito para rastrear contribuições anuais, hábitos ou métricas > Página canônica: https://elysiatools.com/pt/tools/calendar-heatmap - **Categoria:** Data Visualization - **Palavras-chave:** calendário heatmap, estilo GitHub, rastreador de atividade, visualização anual, gráfico de contribuição, série temporal, heatmap, visualização de dados ## Visão geral O Gerador de Calendário Heatmap permite criar visualizações intuitivas de padrões de atividade ao longo do ano, utilizando o estilo clássico de mapas de calor do GitHub para rastrear hábitos, produtividade ou métricas de desempenho. ## Entradas - **Dados de Atividade** (textarea): Dados de atividade para o calendário heatmap. Formato: data|valor|etiqueta (formato AAAA-MM-DD) - **Título do Gráfico** (text): Título que será exibido acima do heatmap - **Esquema de Cores** (select): Selecionar esquema de cores - **Ano** (number): Ano para o calendário (deixar vazio para ano atual) - **Cor de Início Personalizada** (color): Cor de início para esquema de cor personalizado (requer seleção de cores personalizadas) - **Cor Final Personalizada** (color): Cor final para esquema de cor personalizado (requer seleção de cores personalizadas) - **Cor de Dia Vazio** (color): Cor para dias sem atividade - **Cor da Borda** (color): Cor da borda para células - **Tamanho da Célula** (number): Tamanho de cada célula de dia em pixels (8-20) - **Espaçamento da Célula** (number): Espaçamento entre células em pixels (1-5) - **Duração da Animação** (number): Duração da animação em milissegundos - **Cor de Fundo** (color): Cor de fundo para o contêiner do gráfico - **Mostrar Valores nas Células** (checkbox): Mostrar valores dentro das células (funciona melhor com células maiores) - **Mostrar Legenda de Cor** (checkbox): Mostrar a legenda de intensidade de cor - **Mostrar Rótulos de Mês** (checkbox): Mostrar nomes dos meses acima do calendário - **Mostrar Rótulos de Dia** (checkbox): Mostrar rótulos de dia da semana - **Mostrar Estatísticas** (checkbox): Mostrar estatísticas de atividade abaixo do gráfico - **Mostrar Dicas** (checkbox): Habilitar dicas ao passar o mouse sobre as células ## Quando usar - Para visualizar a consistência de hábitos diários ou metas de longo prazo. - Para apresentar relatórios de produtividade ou séries temporais de forma clara e visual. - Para analisar a distribuição de eventos ou contribuições ao longo de um ano específico. ## Como funciona - Insira seus dados no formato 'data|valor|etiqueta' ou via JSON. - Personalize o esquema de cores, o tamanho das células e o ano de referência. - Ajuste as configurações visuais, como rótulos de meses, dias e estatísticas. - Gere o gráfico e visualize o mapa de calor interativo com suporte a dicas ao passar o mouse. ## Casos de uso - Rastreamento de hábitos diários, como exercícios físicos ou leitura. - Monitoramento de métricas de vendas ou produtividade da equipe ao longo do ano. - Visualização de frequência de postagens em redes sociais ou contribuições de código. ## Perguntas frequentes ### Qual é o formato de entrada de dados aceito? Você pode usar o formato de texto 'AAAA-MM-DD|valor|etiqueta' ou um array JSON contendo objetos com as chaves 'date', 'value' e 'label'. ### Posso personalizar as cores do heatmap? Sim, você pode escolher entre esquemas predefinidos (como verde, azul ou vermelho) ou selecionar a opção 'Cores Personalizadas' para definir tons específicos de início e fim. ### É possível visualizar anos anteriores? Sim, basta preencher o campo 'Ano' com o valor desejado (entre 2000 e 2030) para gerar o calendário correspondente. ### O que acontece se eu não fornecer um valor para um dia? Dias sem dados associados serão exibidos com a 'Cor de Dia Vazio', que pode ser personalizada nas configurações. ### O gráfico é interativo? Sim, ao habilitar a opção 'Mostrar Dicas', você pode passar o mouse sobre qualquer célula para ver os detalhes específicos daquele dia. ## Ferramentas relacionadas - [Gerador de Diagrama de Euler](https://elysiatools.com/pt/tools/euler-diagram-generator): Gerar diagramas de Euler personalizáveis para visualizar relacionamentos de conjuntos, inclusões e estruturas hierárquicas - [Gerador de Histograma](https://elysiatools.com/pt/tools/histogram-maker): Agrupa dados numéricos em intervalos e desenha um histograma para visualizar a distribuição estatística - [Gerador de Gráfico de Barras Agrupadas](https://elysiatools.com/pt/tools/grouped-bar-chart): Gerar gráficos de barras agrupadas para comparar múltiplas categorias lado a lado, perfeito para comparações multi-categoria e análise comparativa - [Gerador de Gráfico de Fluxo](https://elysiatools.com/pt/tools/stream-graph): Gerar gráficos de fluxo suaves para visualizar o fluxo de dados de séries temporais, perfeito para mostrar mudanças na composição ao longo do tempo com formas orgânicas e fluidas - [Gerador de Gráfico de Área](https://elysiatools.com/pt/tools/area-chart-generator): Gerar gráficos de área personalizáveis a partir de dados com áreas preenchidas sob linhas, perfeito para mostrar tendências e dados cumulativos - [Bar Chart Generator](https://elysiatools.com/pt/tools/bar-chart-generator): Generate customizable bar charts from data with various styling options - [Gerador de Gráfico de Bolhas](https://elysiatools.com/pt/tools/bubble-chart-generator): Gerar gráficos de bolhas personalizáveis a partir de dados com três dimensões (x, y, tamanho) - [Gerador de Gráfico de Donut](https://elysiatools.com/pt/tools/donut-chart-generator): Gerar gráficos de donut personalizáveis a partir de dados com várias opções de estilo, perfeito para mostrar proporções com espaço central ## Exemplos - [Amostras de Calendario ICS](https://elysiatools.com/pt/samples/ics-samples): Arquivos iCalendar (.ics) para testar importacao de calendario, analise de eventos, lembretes e agendas recorrentes - [Exemplos Avançados de Aplicação Grafana](https://elysiatools.com/pt/samples/grafana-samples): Exemplos compreensivos de Grafana cobrindo design avançado de dashboards, configuração de alertas, integração de fontes de dados e desenvolvimento de plugins - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Android Java](https://elysiatools.com/pt/samples/android-image-processing-java): Exemplos de processamento de imagem Android Java incluindo leitura/escrita, dimensionamento e conversão de formato ## Conteúdo relacionado - [Geradores de Gráficos e Diagramas](https://elysiatools.com/pt/hubs/chart-diagram-generators): Gere gráficos de barras, linhas, pizza, rosca, dispersão, radar, Gantt, Sankey, mapa de calor, funil, treemap e muitas outras visualizações a partir dos seus próprios dados em um único hub. - [Ferramentas de codificacao e conversao de audio](https://elysiatools.com/pt/hubs/audio-convert): Compare conversao de formatos de audio, ajustes de bitrate, conversao de taxa de amostragem, troca de codec e exportacao em um unico hub. - [Ferramentas de conversao de formatos de imagem e exportacao animada](https://elysiatools.com/pt/hubs/image-convert): Compare conversores de imagem para JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64 e saidas voltadas para animacao em um unico hub. - [Ferramentas de intercambio JSON e traducao de formatos](https://elysiatools.com/pt/hubs/json-convert): Compare ferramentas de conversao JSON para CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN e outros formatos estruturados em um unico hub.