Constructor visual de gráficos circulares 100% en el cliente • Privado

Crea gráficos circulares limpios que puedes versionar como texto

Introduce etiquetas y valores, elige paletas de colores, previsualiza el gráfico y copia código Mermaid o exporta imágenes.

Guía de gráficos circulares

Proporciones editables

Elige una plantilla de gráfico circular.

Alterna entre la edición y el resultado en vivo.

Título del gráfico Paleta de colores Mostrar valores de datos

Sectores

0 porciones Total 0

Vista previa en vivo de Mermaid

Vista previa de gráfico circular

Preparando diagrama…

Privado · render local

Generando tu primera vista previa…

La vista previa se actualiza al editar.

Preparando editor…

Cuándo funciona un gráfico circular

Mantén el gráfico simple para facilitar la lectura.

Los gráficos circulares funcionan mejor cuando un número reducido de categorías compone un total significativo.

Usa de 3 a 6 sectores

Un número corto de categorías mantiene visibles las diferencias clave.

Ordena con intención

Coloca la categoría principal primero y sigue un orden en el sentido de las agujas del reloj.

Agrupa sectores pequeños

Los porcentajes inferiores al 3-5% es mejor agruparlos en "Otros".

Patrón de sintaxis

Sintaxis de gráficos circulares Mermaid

Los gráficos circulares comienzan con la palabra clave pie, pueden incluir un título y usan etiquetas entre comillas seguidas del valor.

Abrir la referencia de gráficos circulares Mermaid

pie showData
  title Website traffic
  "Organic search" : 46
  "Direct" : 24
  "Referral" : 16
  "Social" : 9
  "Paid" : 5

Creador gratuito de gráficos circulares con código Mermaid editable

Este creador de gráficos circulares convierte una tabla corta de etiquetas y números positivos en un gráfico Mermaid limpio.

Preguntas frecuentes

¿Puedo pegar datos directamente desde Excel o Google Sheets?

Sí. Copia dos columnas de tu hoja de cálculo y pégalas directamente en el editor.

¿Cómo muestro los valores numéricos?

Activa "Mostrar valores de datos" en el panel de configuración.

¿Se suben mis datos a algún servidor?

No. Todos los cálculos y renderizados se realizan 100% en tu navegador.