Volver a todos los diagramas

Gráficos circulares

Muestra distribuciones de datos proporcionales con gráficos circulares. Ideales para mostrar porcentajes y desglose de cuotas de mercado.

¿Qué es Gráficos circulares?

Los gráficos circulares son gráficos estadísticos circulares divididos en sectores para ilustrar proporciones numéricas. Cada sector representa la contribución de una categoría al total, con la longitud del arco proporcional a la cantidad que representa. Los gráficos circulares son uno de los tipos de gráficos más reconocibles, ideales para mostrar distribuciones porcentuales, cuotas de mercado y composiciones de datos simples de un vistazo.

Editar y previsualizar

Construye un Gráficos circulares con sintaxis Mermaid y observa los cambios instantáneamente.

Editor
100%

Example

Pie chart example

A Mermaid pie chart comparing common diagram export formats.

Mermaid pie chart example comparing PNG, SVG, PDF, and JPG export formats
Mermaid pie chart example comparing PNG, SVG, PDF, and JPG export formats

Mermaid code

pie title Diagram Export Formats
    "PNG" : 45
    "SVG" : 30
    "PDF" : 15
    "JPG" : 10

Casos de uso comunes

Asignación de presupuesto

Visualiza cómo se distribuyen los presupuestos entre departamentos, proyectos o categorías. Haz los patrones de gasto inmediatamente visibles para los interesados.

Análisis de cuota de mercado

Muestra el panorama competitivo con porcentajes de cuota de mercado. Compara posiciones de productos o empresas en el mercado de un vistazo.

Resultados de encuestas

Presenta distribuciones de respuestas de encuestas en un formato visual intuitivo. Muestra cómo se dividen los encuestados entre diferentes opciones de respuesta.

Distribución de recursos

Ilustra cómo recursos como tiempo, personal o potencia computacional se asignan entre diferentes tareas o equipos.

Características principales

Proporciones automáticas

Simplemente proporciona valores y Mermaid calcula automáticamente las proporciones y ángulos correctos para cada sector.

Títulos de gráfico

Añade títulos descriptivos para proporcionar contexto de los datos que se están visualizando.

Etiquetas de categorías

Cada sector está etiquetado con su nombre de categoría y valor para una identificación clara de datos.

Codificación por colores

Los sectores se codifican automáticamente con colores distintos para una fácil diferenciación entre categorías.

Mejores prácticas

Limita las categorías

Usa un máximo de 5-7 categorías. Demasiados sectores hacen los gráficos circulares difíciles de leer. Agrupa categorías pequeñas en 'Otros'.

Usa para partes de un todo

Los gráficos circulares funcionan mejor cuando muestran cómo las partes componen un total. No los uses para comparar valores no relacionados.

Ordena los sectores lógicamente

Ordena los sectores de mayor a menor, o en una secuencia significativa que ayude a los lectores a entender los datos.

Incluye valores

Siempre muestra los números reales o porcentajes junto a los sectores para que los lectores puedan hacer comparaciones precisas.

Explora otros tipos de diagramas

Diagramas de flujo

Visualiza procesos, flujos de trabajo y algoritmos con nodos y flechas direccionales. Perfectos para procesos empresariales y árboles de decisión.

Diagramas de secuencia

Documenta interacciones entre diferentes actores o sistemas a lo largo del tiempo. Ideales para documentación de API y diseño de sistemas.

Diagramas de clases

Modela sistemas orientados a objetos con clases, atributos y relaciones. Esenciales para planificación de arquitectura de software.

Diagramas de estado

Representa transiciones de estado en sistemas o aplicaciones. Excelentes para modelar estados de ciclo de vida y flujos de trabajo.

Diagramas de Gantt

Planifica y rastrea cronogramas de proyectos con tareas y dependencias. Perfectos para gestión de proyectos y programación.

Diagramas ER

Diseña esquemas de bases de datos con entidades y relaciones. Ideales para modelado y documentación de bases de datos.

Viaje del usuario

Mapea experiencias e interacciones del usuario a través de puntos de contacto. Excelentes para diseño UX y mapeo del recorrido del cliente.

Grafos Git

Visualiza estrategias de ramificación Git e historiales de commits. Útiles para explicar flujos de trabajo de control de versiones.

Mapas mentales

Organiza ideas, genera lluvias de ideas y crea estructuras visuales jerárquicas. Perfectos para planificación y mapeo de conocimiento.

Líneas de tiempo

Visualiza eventos cronológicos e hitos a lo largo de un eje temporal. Excelentes para historiales de proyectos y hojas de ruta.

Tableros Kanban

Organiza tareas en columnas que representan etapas del flujo de trabajo. Perfectos para gestión ágil de proyectos y seguimiento de tareas.

Gráficos de cuadrantes

Ubica elementos en una cuadrícula de dos ejes para comparar y priorizar. Ideales para priorización de funciones y análisis estratégico.

Diagramas Sankey

Visualiza cantidades de flujo entre nodos con flechas proporcionales. Perfectos para flujos de energía, asignación de presupuesto y embudos de conversión.

Gráficos XY

Crea gráficos de barras y líneas con ejes personalizables. Ideales para visualización de datos y análisis de tendencias.

Diagramas de bloques

Construye diseños estructurados con bloques organizados en columnas y filas. Excelentes para arquitectura de sistemas y resúmenes de componentes.

Diagramas de arquitectura

Diseña arquitectura de nube y sistemas con iconos de servicios y conexiones. Perfectos para documentación de infraestructura.

Diagramas de paquetes

Visualiza estructuras de paquetes de protocolos de red con diseños de campos a nivel de bits. Esenciales para documentación de protocolos de red.