🥧 Mermaid

Gráfico circular

Muestra las proporciones de un vistazo

Abrir este ejemplo en el editor Generar uno con IA

¿Qué es un Gráfico circular?

Un gráfico circular muestra cómo un total se descompone en partes: asignación de presupuesto, cuota de mercado, respuestas de encuestas, distribución del tiempo. En Mermaid bastan cuatro líneas de texto — perfecto para docs e informes.

Ejemplo en directo

Código Mermaid

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

Ejemplo en directo

Cuándo usarlo

Visualizar desgloses de presupuesto o costes en los informes

Presentar resultados de encuestas y cuotas de mercado

Mostrar la asignación de tiempo o recursos por equipo

Sintaxis básica

.mmd

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

Preguntas sobre este diagrama

¿Puedo mostrar los valores reales en el gráfico?

Sí — añade showData tras la palabra clave pie y Mermaid muestra el valor junto a cada etiqueta, además del porcentaje.

¿Cuántas porciones debe tener un gráfico circular?

Entre cinco y siete como máximo para que sea legible. Agrupa las categorías pequeñas en «Otros» — siempre puedes enlazar a una tabla detallada.

Explora otros tipos de diagramas

🔀 Diagrama de flujo 💬 Diagrama de secuencia 🧩 Diagrama de clases 🗄️ Diagrama entidad-relación 🔄 Diagrama de estados 📅 Diagrama de Gantt 🧠 Mapa mental 🌿 Grafo Git 🕰️ Línea de tiempo 🚶 Recorrido del usuario 🎯 Gráfico de cuadrantes

Crea tu Gráfico circular ahora

Descríbelo en lenguaje natural — la IA escribe el código Mermaid por ti.

Abrir Mermaid Studio