🥧 Mermaid

Gráfico circular

Mostre proporções num relance

Abrir este exemplo no editor Gerar um com IA

O que é um Gráfico circular?

Um gráfico circular mostra como um total se decompõe em partes: alocação orçamental, quota de mercado, respostas a inquéritos, distribuição do tempo. No Mermaid bastam quatro linhas de texto — perfeito para docs e relatórios.

Exemplo em tempo real

Código Mermaid

pie showData
    title Cloud spend by service
    "Compute" : 42
    "Storage" : 23
    "Network" : 18
    "Databases" : 12
    "Other" : 5

Exemplo em tempo real

Quando usar

Visualizar repartições de orçamento ou custos em relatórios

Apresentar resultados de inquéritos e quotas de mercado

Mostrar a alocação de tempo ou recursos por equipa

Sintaxe básica

.mmd

pie title Budget
    "Engineering" : 50
    "Marketing" : 30
    "Operations" : 20

Perguntas sobre este diagrama

Posso mostrar os valores reais no gráfico?

Sim — adicione showData após a palavra-chave pie e o Mermaid apresenta o valor ao lado de cada rótulo, juntamente com a percentagem.

Quantas fatias deve ter um gráfico circular?

Cinco a sete no máximo, para se manter legível. Agrupe as categorias pequenas em «Outros» — pode sempre remeter para uma tabela detalhada.

Explorar outros tipos de diagramas

🔀 Fluxograma 💬 Diagrama de sequência 🧩 Diagrama de classes 🗄️ Diagrama entidade-relação 🔄 Diagrama de estados 📅 Gráfico de Gantt 🧠 Mapa mental 🌿 Grafo Git 🕰️ Linha do tempo 🚶 Jornada do utilizador 🎯 Gráfico de quadrantes

Crie já o seu Gráfico circular

Descreva-o em linguagem natural — a IA escreve o código Mermaid por si.

Abrir o Mermaid Studio