# 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

> Página canónica: https://elysiatools.com/es/tools/range-chart-generator

- **Categoría:** Data Visualization

- **Palabras clave:** gráfico de rango, gráfico min-máx, barras de error, intervalo de confianza, fluctuación de precios, rango de temperatura

## Descripción general

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.

## Entradas

- **Título del Gráfico** (text): Título que se mostrará encima del gráfico de rango
- **Rangos de Datos** (textarea): Rangos de datos como array JSON con min, max y mediana opcional, media y valores atípicos
- **Etiqueta del Eje X** (text): Etiqueta para el eje X
- **Etiqueta del Eje Y** (text): Etiqueta para el eje Y
- **Estilo de Rango** (select): Seleccionar estilo de rango
- **Color de Rango** (color): Color primario para visualización de rango
- **Color de Mediana** (color): Color para marcadores de mediana
- **Color del Punto de Media** (color): Color para marcadores de punto de media
- **Color de Valores Atípicos** (color): Color para puntos de valores atípicos
- **Color de Línea** (color): Color para líneas de rango (cuando aplica)
- **Ancho de Línea** (number): Ancho de líneas de rango en píxeles
- **Tamaño del Punto de Datos** (number): Tamaño de puntos de datos min/máx en píxeles
- **Tamaño del Punto Atípico** (number): Tamaño de puntos atípicos en píxeles
- **Opacidad de Rango** (number): Nivel de opacidad para rellenos de rango (0.0-1.0)
- **Mostrar Mediana** (checkbox): Mostrar marcadores de mediana en rangos
- **Mostrar Media** (checkbox): Mostrar marcadores de punto de media
- **Mostrar Valores Atípicos** (checkbox): Mostrar puntos de datos atípicos
- **Mostrar Puntos Min/Máx** (checkbox): Mostrar puntos de datos mínimos y máximos
- **Mostrar Cuadrícula** (checkbox): Mostrar líneas de cuadrícula de fondo
- **Color de Cuadrícula** (color): Color de las líneas de cuadrícula
- **Color de Fondo** (color): Color de fondo del gráfico
- **Ancho del Gráfico** (number): Ancho del gráfico en píxeles
- **Altura del Gráfico** (number): Altura del gráfico en píxeles
- **Formato de Valor** (select): Seleccionar formato
- **Tamaño de Fuente** (number): Tamaño de fuente para etiquetas y texto
- **Tamaño de Fuente del Título** (number): Tamaño de fuente para el título del gráfico
- **Familia de Fuente** (text): Familia de fuente para elementos de texto
- **Habilitar Animación** (checkbox): Animar el gráfico cuando se carga
- **Duración de Animación** (number): Duración de la animación en milisegundos

## 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.

## 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.

## Herramientas relacionadas

- [Extractor de tokens de tema ECharts](https://elysiatools.com/es/tools/echarts-theme-token-extractor): Extrae design tokens — colores, números, tamaños de fuente y cadenas — de un JSON de tema ECharts y expórtalos directamente a tu design system. Pega un objeto de tema (el que registras y pasas a echarts.init(dom, themeName)) y la herramienta recorre cada hoja, etiquetando cada color (con normalización opcional nombrado/rgb → hex), número de espaciado, tamaño de fuente y cadena, para luego emitir variables CSS limpias, una configuración theme.extend de Tailwind, tokens.json de Style Dictionary o variables SCSS. Tiende el puente entre un tema de visualización ECharts y los tokens de diseño Figma/CSS/Tailwind sin copiar cada valor a mano.
- [Generador de Gráfico de Dona](https://elysiatools.com/es/tools/donut-chart-generator): Generar gráficos de dona personalizables desde datos con varias opciones de estilo, perfecto para mostrar proporciones con espacio central
- [Generador de Gráfico de Embudo](https://elysiatools.com/es/tools/funnel-chart-generator): Generar gráficos de embudo personalizables desde datos, perfecto para mostrar tasas de conversión, tuberías de ventas y flujos de procesos
- [OpenAPI a Postman Collection](https://elysiatools.com/es/tools/openapi-to-postman-collection): Convierte una spec OpenAPI 3.x o Swagger 2.0 (JSON/YAML) en una Postman Collection v2.1.0 importable con carpetas, variables, auth y respuestas de ejemplo.
- [Generador de Pictogramas](https://elysiatools.com/es/tools/pictograph-generator): Crear pictogramas usando iconos/símbolos para representar cantidades con iconos personalizados, colores y diseños
- [Generador de Gráfico Radar](https://elysiatools.com/es/tools/radar-chart-generator): Generar gráficos de radar personalizables desde datos, perfecto para comparación y análisis multidimensional
- [Generador de Gráfico de Cascada](https://elysiatools.com/es/tools/waterfall-chart-generator): Crear gráficos de cascada para visualizar cambios acumulativos con distinción de valores positivos/negativos y visualización de subtotales
- [De paleta de imagen a design tokens](https://elysiatools.com/es/tools/image-to-design-tokens): Extrae los colores dominantes de una imagen con k-means y expórtalos como variables CSS / SCSS / configuración Tailwind / tokens JSON, con nombres y escala de tonos

## Ejemplos

- [Ejemplos de Códigos QR](https://elysiatools.com/es/samples/qrcode-samples): Imágenes de códigos QR de muestra para probar herramientas de lectura y generación de códigos QR
- [Muestras de Trazado Distribuido](https://elysiatools.com/es/samples/distributed-tracing-samples): Ejemplos completos de trazado distribuido usando Jaeger, OpenTelemetry y herramientas de observabilidad modernas
- [Muestras de Análisis de Logs ELK Stack](https://elysiatools.com/es/samples/elk-stack-samples): Muestras completas de ELK Stack para agregación, procesamiento y visualización de logs en sistemas distribuidos
- [Muestras Avanzadas de Grafana](https://elysiatools.com/es/samples/grafana-samples): Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins