Categorías

← View All Tools

Generador de Gráfico de Rango

Crear gráficos de rango para visualizar rangos de valores mín-máx con marcadores de mediana y detección de valores atípicos

Rangos de datos como array JSON con min, max y mediana opcional, media y valores atípicos

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

Etiqueta para el eje X

Etiqueta para el eje Y

Color primario para visualización de rango

Color para marcadores de mediana

Color para marcadores de punto de media

Color para puntos de valores atípicos

Color para líneas de rango (cuando aplica)

Ancho de líneas de rango en píxeles

Tamaño de puntos de datos min/máx en píxeles

Tamaño de puntos atípicos en píxeles

Nivel de opacidad para rellenos de rango (0.0-1.0)

Mostrar marcadores de mediana en rangos

Mostrar marcadores de punto de media

Mostrar puntos de datos atípicos

Mostrar puntos de datos mínimos y máximos

Mostrar líneas de cuadrícula de fondo

Color de las líneas de cuadrícula

Color de fondo del gráfico

Ancho del gráfico en píxeles

Altura del gráfico en píxeles

Tamaño de fuente para etiquetas y texto

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

Familia de fuente para elementos de texto

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, select, color, number, checkbox
Tipo de salida
html
Cobertura de muestras
4
API disponible
Yes

Resumen

El Generador de Gráfico de Rango permite visualizar de forma clara y profesional la dispersión de datos, mostrando los valores mínimos, máximos, medianas y valores atípicos en un formato gráfico intuitivo.

Cuándo usarlo

  • •Para comparar la fluctuación de precios o métricas financieras entre diferentes productos o periodos.
  • •Para representar rangos de temperatura o condiciones climáticas en estudios meteorológicos.
  • •Para analizar la variabilidad y detectar valores atípicos en conjuntos de datos estadísticos o científicos.

Cómo funciona

  • •Introduce tus datos en formato JSON especificando las etiquetas, los valores mínimos, máximos y, opcionalmente, la mediana y los valores atípicos.
  • •Personaliza el estilo del gráfico seleccionando entre líneas, barras o áreas, y ajusta los colores para resaltar puntos clave.
  • •Configura las etiquetas de los ejes, el tamaño de los elementos y las opciones de visualización para adaptar el gráfico a tu informe.
  • •Genera y descarga tu gráfico de rango personalizado listo para ser integrado en presentaciones o documentos.

Casos de uso

Análisis de volatilidad de precios de mercado para informes financieros.
Visualización de rangos de temperatura mensual para estudios ambientales.
Comparativa de rendimiento de productos basada en rangos de ventas mínimas y máximas.

Ejemplos

1. Análisis de Fluctuación de Precios

Analista Financiero
Contexto
El analista necesita comparar la volatilidad de precios de tres productos diferentes durante el último trimestre.
Problema
Los gráficos de barras tradicionales no muestran la dispersión ni los valores extremos de forma clara.
Cómo usarlo
Ingresa los datos de precios min/máx en el campo 'Rangos de Datos' y selecciona el estilo 'Línea'.
Configuración de ejemplo
[{"label": "Producto A", "min": 80, "max": 120, "median": 95}, {"label": "Producto B", "min": 90, "max": 140, "median": 110}, {"label": "Producto C", "min": 70, "max": 110, "median": 85}]
Resultado
Un gráfico de líneas verticales que permite identificar rápidamente qué producto tiene mayor rango de fluctuación.

2. Reporte de Rangos de Temperatura

Meteorólogo
Contexto
Se requiere presentar las variaciones de temperatura de varias ciudades para un informe estacional.
Problema
Es necesario visualizar tanto el rango total como la mediana para entender el comportamiento térmico típico.
Cómo usarlo
Configura el estilo como 'Barra' y activa la opción 'Mostrar Mediana' para resaltar el valor central.
Configuración de ejemplo
{"rangeStyle": "bar", "showMedian": true, "rangeColor": "#3b82f6", "medianColor": "#ff6b6b"}
Resultado
Un gráfico de barras que muestra el rango térmico completo con una línea distintiva para la temperatura mediana en cada ciudad.

Probar con muestras

json, text, barcode
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
preferred input family json
json
Muestras de Convertidor Hex/Unicode
Muestras de prueba para conversión de secuencias de escape hex y unicode
preferred input family json
json
Muestras JWT
Ejemplos completos de JWT desde la estructura básica de tokens hasta implementaciones de seguridad avanzadas
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 Text para Convert
Explora 80 herramientas de text para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Barcode para Convert
Explora 6 herramientas de barcode 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.

Preguntas frecuentes

¿Qué formatos de datos admite la herramienta?

La herramienta requiere que los datos se proporcionen en un formato de array JSON estructurado con campos para etiquetas, valores mínimos, máximos y opcionales como mediana y valores atípicos.

¿Puedo personalizar los colores de los valores atípicos?

Sí, puedes definir un color específico para los valores atípicos, así como para la mediana, la media y los elementos del rango a través de las opciones de configuración.

¿Qué estilos de visualización están disponibles?

Puedes elegir entre tres estilos principales: líneas verticales con tapas, barras rectangulares rellenas o áreas conectadas.

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

Sí, puedes definir manualmente el ancho y la altura del gráfico en píxeles para asegurar que se ajuste perfectamente a tu espacio de trabajo.

¿La herramienta permite mostrar u ocultar elementos estadísticos?

Absolutamente, puedes activar o desactivar mediante casillas de verificación la visualización de la mediana, la media, los valores atípicos y los puntos de datos mínimos/máximos.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/range-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 de rango
dataRanges textarea Sí Rangos de datos como array JSON con min, max y mediana opcional, media y valores atípicos
xAxisLabel text No Etiqueta para el eje X
yAxisLabel text No Etiqueta para el eje Y
rangeStyle select Sí -
rangeColor color No Color primario para visualización de rango
medianColor color No Color para marcadores de mediana
pointColor color No Color para marcadores de punto de media
outlierColor color No Color para puntos de valores atípicos
lineColor color No Color para líneas de rango (cuando aplica)
lineWidth number No Ancho de líneas de rango en píxeles
pointSize number No Tamaño de puntos de datos min/máx en píxeles
outlierSize number No Tamaño de puntos atípicos en píxeles
opacity number No Nivel de opacidad para rellenos de rango (0.0-1.0)
showMedian checkbox No Mostrar marcadores de mediana en rangos
showMean checkbox No Mostrar marcadores de punto de media
showOutliers checkbox No Mostrar puntos de datos atípicos
showDataPoints checkbox No Mostrar puntos de datos mínimos y máximos
showGrid checkbox No Mostrar líneas de cuadrícula de fondo
gridColor color No Color de las líneas de cuadrícula
backgroundColor color No Color de fondo del gráfico
chartWidth number No Ancho del gráfico en píxeles
chartHeight number No Altura del gráfico en píxeles
valueFormat select No -
fontSize number No Tamaño de fuente para etiquetas y texto
titleSize number No Tamaño de fuente para el título del gráfico
fontFamily text No Familia de fuente para elementos de texto
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-range-chart-generator": {
      "name": "range-chart-generator",
      "description": "Crear gráficos de rango para visualizar rangos de valores mín-máx con marcadores de mediana y detección de valores atípicos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=range-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]