Categorías

← View All Tools

Generador de Gráfico Rosa

Generar hermosos gráficos rosa de Nightingale (gráficos de penacho) para visualizar datos a través de ángulo y área, perfecto para análisis comparativo y presentación de datos históricos

Datos para el gráfico rosa en formato JSON con campos etiqueta, valor y descripción opcional

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

Matriz JSON de colores hexadecimales (requiere selección de colores personalizados)

Tamaño del gráfico en píxeles (mín: 300, máx: 700)

Ángulo de inicio en grados (0-360)

Radio interno para el gráfico rosa (0-100)

Espaciado entre segmentos de rosa (0-5)

Color de fondo para el contenedor del gráfico

Mostrar valores dentro de los pétalos de rosa

Mostrar etiquetas de categoría alrededor del gráfico

Mostrar círculos de cuadrícula de fondo

Animar pétalos de rosa al cargar

Mostrar porcentajes en lugar de valores

Mostrar valor total debajo del título

Mostrar información detallada al pasar el cursor

Datos clave

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

Resumen

El Generador de Gráfico Rosa permite crear visualizaciones de datos tipo Nightingale (o de penacho) de forma rápida y profesional. Esta herramienta transforma conjuntos de datos en gráficos de área polar, ideales para comparar magnitudes y mostrar distribuciones cíclicas o históricas con un diseño elegante y altamente personalizable.

Cuándo usarlo

  • •Para comparar valores numéricos que tienen una naturaleza cíclica o estacional.
  • •Cuando necesitas presentar datos históricos de manera visualmente impactante en informes o presentaciones.
  • •Para resaltar diferencias de magnitud entre categorías mediante el uso de ángulos y radios variables.

Cómo funciona

  • •Introduce tus datos en formato JSON, especificando la etiqueta, el valor y una descripción opcional para cada segmento.
  • •Personaliza la apariencia ajustando el esquema de color, el radio interno, el espaciado entre segmentos y el ángulo de inicio.
  • •Configura las opciones de visualización, como mostrar etiquetas, valores, cuadrículas o animaciones, para adaptar el gráfico a tus necesidades.
  • •Genera y descarga tu gráfico final, listo para ser integrado en tus documentos o proyectos web.

Casos de uso

Visualización de datos meteorológicos mensuales para comparar temperaturas o precipitaciones a lo largo del año.
Análisis de rendimiento de ventas por categorías, permitiendo ver qué sectores tienen mayor peso relativo.
Representación de datos históricos de tráfico web o métricas de redes sociales para identificar tendencias estacionales.

Ejemplos

1. Análisis de Ventas Trimestrales

Analista de Negocios
Contexto
El analista necesita presentar el desempeño de ventas de cuatro regiones diferentes en un formato que destaque la diferencia de volumen.
Problema
Los gráficos de barras tradicionales no logran captar la atención de la junta directiva.
Cómo usarlo
Ingresar los datos de ventas por región en el campo JSON y seleccionar el esquema 'Vibrante'.
Configuración de ejemplo
[{"label": "Norte", "value": 450}, {"label": "Sur", "value": 320}, {"label": "Este", "value": 580}, {"label": "Oeste", "value": 410}]
Resultado
Un gráfico rosa claro y profesional que resalta la región Este como la de mayor rendimiento mediante un área de pétalo superior.

2. Comparativa de Temperatura Media

Meteorólogo
Contexto
Se requiere visualizar la temperatura media de los primeros 6 meses del año para un informe climático.
Problema
Mostrar la progresión estacional de forma circular para enfatizar el ciclo anual.
Cómo usarlo
Configurar el formato de valor como 'Número' y activar la cuadrícula para facilitar la lectura de los niveles de temperatura.
Configuración de ejemplo
[{"label": "Ene", "value": 12}, {"label": "Feb", "value": 14}, {"label": "Mar", "value": 18}, {"label": "Abr", "value": 22}, {"label": "May", "value": 25}, {"label": "Jun", "value": 28}]
Resultado
Un gráfico de penacho que muestra claramente el aumento gradual de la temperatura desde enero hasta junio.

Probar con muestras

json
Muestras Avanzadas de Grafana
Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins
preferred input family json
json
Ejemplos D3.js Data Visualization
Ejemplos completos de visualización de datos D3.js incluyendo gráficos, mapas, animaciones y visualizaciones interactivas
preferred input family json
json
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
preferred input family json
json
Muestras de Comunicación en Tiempo Real WebRTC
Muestras completas de WebRTC para comunicación de audio/video P2P, canales de datos, compartir pantalla y servidor de señalización
preferred input family json
json

Hubs relacionados

Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Json
Explora 43 herramientas de json para flujos de utility y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Generate
Explora 33 herramientas de json para flujos de generate y encuentra utilidades cercanas con rapidez.
Herramientas de Json para Format
Explora 6 herramientas de json para flujos de format y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formato de datos admite la herramienta?

La herramienta requiere un formato JSON que incluya campos de 'label' (etiqueta) y 'value' (valor) para cada punto de datos.

¿Puedo personalizar los colores del gráfico?

Sí, puedes elegir entre esquemas predefinidos como 'Nightingale' o 'Pastel', o seleccionar la opción 'Colores Personalizados' para definir tu propia paleta mediante códigos hexadecimales.

¿Es posible ajustar el tamaño del gráfico?

Sí, puedes definir el tamaño del gráfico en píxeles, con un rango permitido entre 300 y 700 píxeles.

¿Qué significa el radio interno en este gráfico?

El radio interno determina el hueco central del gráfico; un valor de 0 crea un gráfico de sectores tradicional, mientras que un valor mayor crea el efecto de 'anillo' característico de la rosa de Nightingale.

¿Se pueden mostrar los valores directamente en el gráfico?

Sí, puedes activar la opción 'Mostrar Valores' para que las cifras aparezcan sobre cada pétalo o segmento del gráfico.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/rose-chart

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
chartData textarea Sí Datos para el gráfico rosa en formato JSON con campos etiqueta, valor y descripción opcional
chartTitle text No Título que se mostrará encima del gráfico
colorScheme select No -
customColors textarea No Matriz JSON de colores hexadecimales (requiere selección de colores personalizados)
valueFormat select No -
chartSize number No Tamaño del gráfico en píxeles (mín: 300, máx: 700)
startAngle number No Ángulo de inicio en grados (0-360)
innerRadius number No Radio interno para el gráfico rosa (0-100)
segmentSpacing number No Espaciado entre segmentos de rosa (0-5)
backgroundColor color No Color de fondo para el contenedor del gráfico
showValues checkbox No Mostrar valores dentro de los pétalos de rosa
showLabels checkbox No Mostrar etiquetas de categoría alrededor del gráfico
showGrid checkbox No Mostrar círculos de cuadrícula de fondo
showAnimation checkbox No Animar pétalos de rosa al cargar
showPercentage checkbox No Mostrar porcentajes en lugar de valores
showTotal checkbox No Mostrar valor total debajo del título
enableTooltip checkbox No Mostrar información detallada al pasar el cursor

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-rose-chart": {
      "name": "rose-chart",
      "description": "Generar hermosos gráficos rosa de Nightingale (gráficos de penacho) para visualizar datos a través de ángulo y área, perfecto para análisis comparativo y presentación de datos históricos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=rose-chart",
      "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]