Categorías

Generador de Gráfico Circular Multinivel

Crear gráficos circulares multinivel concéntricos con relaciones jerárquicas y funcionalidad de exploración interactiva

Datos jerárquicos como objeto JSON anidado con valores numéricos en nodos hoja

Título que se mostrará encima del gráfico

Radio del círculo más interno en píxeles

Radio del círculo más externo en píxeles

Ángulo de inicio en grados (0-360)

Ángulo de fin en grados (0-360)

Número máximo de niveles a mostrar

Texto para mostrar en el centro del gráfico

Ancho de bordes entre segmentos en píxeles

Mostrar etiquetas de segmentos

Mostrar valores de segmentos

Mostrar valores porcentuales

Habilitar funcionalidad de exploración interactiva

Tamaño de fuente para etiquetas y valores

Tamaño de fuente para el título del gráfico

Familia de fuente para elementos de texto

Ancho del gráfico en píxeles

Altura del gráfico en píxeles

Color de fondo del gráfico

Animar el gráfico cuando se carga

Duración de la animación en milisegundos

Datos clave

Categoría
Data Visualization
Tipos de entrada
text, textarea, number, select, checkbox, color
Tipo de salida
html
Cobertura de muestras
4
API disponible
Yes

Resumen

El Generador de Gráfico Circular Multinivel permite visualizar datos jerárquicos complejos mediante estructuras concéntricas, facilitando la comprensión de relaciones de parte a todo en múltiples niveles de profundidad con una interfaz interactiva.

Cuándo usarlo

  • Para representar estructuras organizativas o jerarquías de productos con múltiples niveles.
  • Cuando necesitas analizar la distribución de datos categóricos anidados en un formato compacto.
  • Para presentaciones de datos donde la exploración interactiva (drill-down) ayuda a simplificar la lectura de información detallada.

Cómo funciona

  • Introduce tus datos en formato JSON anidado, asegurando que los valores numéricos se encuentren en los nodos hoja.
  • Personaliza la apariencia ajustando los radios, el esquema de colores y el tamaño de fuente según tus necesidades de diseño.
  • Configura las opciones de visualización como etiquetas, porcentajes y la profundidad máxima para optimizar la claridad del gráfico.
  • Genera el gráfico interactivo que permite explorar las capas de datos mediante clics.

Casos de uso

Visualización de presupuestos departamentales desglosados por proyectos y sub-tareas.
Análisis de cuota de mercado por regiones, países y líneas de productos.
Representación de la estructura de archivos o directorios de un sistema de información.

Ejemplos

1. Distribución de Presupuesto IT

Analista Financiero
Contexto
El analista necesita presentar cómo se distribuye el presupuesto anual entre los departamentos de Software y Hardware.
Problema
Los gráficos circulares simples no permiten ver la jerarquía detallada de los gastos.
Cómo usarlo
Ingresar el JSON con la estructura de departamentos y costos, configurando el esquema de color 'vibrant' para diferenciar las áreas.
Configuración de ejemplo
{"Technology": {"Software": {"Frontend": 150, "Backend": 200}, "Hardware": {"Servers": 80}}}
Resultado
Un gráfico concéntrico claro donde el anillo interno muestra el departamento principal y el externo el detalle de costos, facilitando la toma de decisiones.

Probar con muestras

json, text

Hubs relacionados

Preguntas frecuentes

¿Qué formato de datos admite la herramienta?

La herramienta requiere un objeto JSON anidado donde las claves representan las categorías y los valores numéricos finales representan los datos de los nodos hoja.

¿Puedo limitar cuántos niveles se muestran?

Sí, puedes utilizar la opción 'Profundidad Máxima' para restringir el número de capas visibles en el gráfico.

¿Es posible interactuar con el gráfico generado?

Sí, al habilitar la función de exploración (drill-down), los usuarios pueden hacer clic en los segmentos para profundizar en los niveles inferiores de la jerarquía.

¿Se pueden mostrar porcentajes automáticamente?

Sí, activando la casilla 'Mostrar Porcentajes', el gráfico calculará y exhibirá automáticamente la proporción de cada segmento respecto al total.

¿Qué esquemas de color están disponibles?

Ofrecemos varios esquemas predefinidos, incluyendo opciones cálidas, frías, pastel, vibrantes y gamas monocromáticas como azules, verdes, naranjas y púrpuras.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/multi-level-pie-chart-generator

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
chartTitle text No Título que se mostrará encima del gráfico
hierarchicalData textarea Datos jerárquicos como objeto JSON anidado con valores numéricos en nodos hoja
innerRadius number No Radio del círculo más interno en píxeles
outerRadius number No Radio del círculo más externo en píxeles
colorScheme select No -
startAngle number No Ángulo de inicio en grados (0-360)
endAngle number No Ángulo de fin en grados (0-360)
maxDepth number No Número máximo de niveles a mostrar
centerLabel text No Texto para mostrar en el centro del gráfico
strokeWidth number No Ancho de bordes entre segmentos en píxeles
showLabels checkbox No Mostrar etiquetas de segmentos
showValues checkbox No Mostrar valores de segmentos
showPercentages checkbox No Mostrar valores porcentuales
enableDrillDown checkbox No Habilitar funcionalidad de exploración interactiva
fontSize number No Tamaño de fuente para etiquetas y valores
titleSize number No Tamaño de fuente para el título del gráfico
fontFamily text No Familia de fuente para elementos de texto
chartWidth number No Ancho del gráfico en píxeles
chartHeight number No Altura del gráfico en píxeles
backgroundColor color No Color de fondo del gráfico
animationEnabled checkbox No Animar el gráfico cuando se carga
animationDuration number No Duración de la animación en milisegundos

Formato de respuesta

{
  "result": "
Processed HTML content
", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }
HTML: HTML

Documentación de MCP

Agregue este herramienta a su configuración de servidor MCP:

{
  "mcpServers": {
    "elysiatools-multi-level-pie-chart-generator": {
      "name": "multi-level-pie-chart-generator",
      "description": "Crear gráficos circulares multinivel concéntricos con relaciones jerárquicas y funcionalidad de exploración interactiva",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=multi-level-pie-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Puede encadenar múltiples herramientas, por ejemplo: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máximo 20 herramientas.

Si encuentra algún problema, por favor, póngase en contacto con nosotros en [email protected]