Gráficos XY
Crie gráficos de barras e gráficos de linhas com eixos personalizáveis. Ideal para visualização de dados e análise de tendências.
O que é Gráficos XY?
Gráficos XY são ferramentas versáteis de visualização de dados que plotam pontos de dados em um sistema de coordenadas bidimensional. Com suporte para gráficos de barras e gráficos de linhas, são fundamentais para mostrar tendências, comparações e distribuições. Gráficos XY estão entre os tipos de gráficos mais comumente usados em relatórios empresariais, pesquisa científica e análise de dados.
Editar e pré-visualizar
Construa um Gráficos XY com sintaxe Mermaid e veja as alterações instantaneamente.
Example
XY chart example
A Mermaid XY chart combining bars and a line for monthly diagram exports.
Mermaid code
xychart-beta
title "Monthly Diagram Exports"
x-axis [Jan, Feb, Mar, Apr, May]
y-axis "Exports" 0 --> 100
bar [42, 58, 73, 81, 96]
line [40, 55, 70, 84, 94]Casos de Uso Comuns
Análise de Tendências
Acompanhe métricas ao longo do tempo com gráficos de linhas. Visualize tendências de crescimento, padrões sazonais e trajetórias de desempenho.
Relatórios de Comparação
Compare valores entre categorias com gráficos de barras. Mostre receita por região, pontuações por equipe ou contagens por categoria.
Dashboards de Desempenho
Crie resumos visuais de métricas-chave. Combine barras e linhas para mostrar tanto valores absolutos quanto tendências.
Documentação de Dados
Inclua gráficos em documentação técnica e relatórios. Mantenha visualizações de dados versionadas junto ao conteúdo textual.
Recursos Principais
Gráficos de Barras
Crie gráficos de barras verticais com valores de dados e rótulos de categorias personalizados para comparações categóricas.
Gráficos de Linhas
Plote dados contínuos com gráficos de linhas para mostrar tendências e mudanças ao longo do tempo ou entre categorias.
Eixos Personalizados
Defina rótulos de eixos, intervalos e categorias. Configure valores mínimos e máximos para representação precisa dos dados.
Gráficos Combinados
Sobreponha gráficos de barras e linhas na mesma visualização para mostrar múltiplas dimensões de dados simultaneamente.
Boas Práticas
Escolha o Tipo de Gráfico Correto
Use barras para comparações categóricas e linhas para tendências ao longo do tempo. Combine ambos quando mostrar os dois aspectos.
Rotule os Eixos Claramente
Sempre inclua rótulos de eixos com unidades. Os leitores devem entender o que o gráfico mostra sem explicação adicional.
Comece o Eixo Y em Zero
Para gráficos de barras, comece o eixo Y em zero para evitar proporções visuais enganosas.
Mantenha os Conjuntos de Dados Focados
Mostre uma ou duas séries de dados por gráfico. Muitas séries sobrepostas tornam gráficos difíceis de ler.
Explore outros tipos de diagramas
Fluxogramas
Visualize processos, fluxos de trabalho e algoritmos com nós e setas direcionais. Perfeito para processos de negócios e árvores de decisão.
Diagramas de Sequência
Documente interações entre diferentes atores ou sistemas ao longo do tempo. Ideal para documentação de API e design de sistemas.
Diagramas de Classes
Modele sistemas orientados a objetos com classes, atributos e relacionamentos. Essencial para planejamento de arquitetura de software.
Diagramas de Estado
Represente transições de estado em sistemas ou aplicações. Ótimo para modelar estados de ciclo de vida e fluxos de trabalho.
Gráficos de Gantt
Planeje e acompanhe cronogramas de projetos com tarefas e dependências. Perfeito para gerenciamento de projetos e agendamento.
Diagramas ER
Projete esquemas de banco de dados com entidades e relacionamentos. Ideal para modelagem e documentação de banco de dados.
Jornada do Usuário
Mapeie experiências e interações do usuário em diferentes pontos de contato. Excelente para design de UX e mapeamento da jornada do cliente.
Gráficos Git
Visualize estratégias de ramificação Git e históricos de commits. Útil para explicar fluxos de trabalho de controle de versão.
Mapas Mentais
Organize ideias, faça brainstorming de conceitos e crie estruturas visuais hierárquicas. Perfeito para planejamento e mapeamento de conhecimento.
Gráficos de Pizza
Exiba distribuições proporcionais de dados com gráficos circulares. Ideal para mostrar porcentagens e divisões de participação de mercado.
Linhas do Tempo
Visualize eventos cronológicos e marcos ao longo de um eixo temporal. Ótimo para históricos de projetos e roteiros.
Quadros Kanban
Organize tarefas em colunas representando etapas do fluxo de trabalho. Perfeito para gerenciamento ágil de projetos e rastreamento de tarefas.
Gráficos de Quadrantes
Plote itens em uma grade de dois eixos para comparar e priorizar. Ideal para priorização de funcionalidades e análise estratégica.
Diagramas de Sankey
Visualize quantidades de fluxo entre nós com setas proporcionais. Perfeito para fluxos de energia, alocação orçamentária e funis de conversão.
Diagramas de Blocos
Construa layouts estruturados com blocos dispostos em colunas e linhas. Ótimo para arquitetura de sistemas e visões gerais de componentes.
Diagramas de Arquitetura
Projete arquiteturas de nuvem e sistemas com ícones de serviços e conexões. Perfeito para documentação de infraestrutura.
Diagramas de Pacotes
Visualize estruturas de pacotes de protocolos de rede com layouts de campos em nível de bit. Essencial para documentação de protocolos de rede.