Categorías

← View All Tools

Generador de Gráfico de Barras de Rango

Gráfico que muestra rangos mínimos y máximos e intervalos de tiempo, versión simplificada del diagrama de Gantt

Datos del gráfico de rango en formato JSON. Soporta rangos de fecha (startDate/endDate) o rangos numéricos (minValue/maxValue)

Título principal del gráfico de rango

Si mostrar etiquetas de elementos

Si mostrar valores de inicio/fin

Si mostrar líneas de cuadrícula de fondo

Altura/grosor de las barras de rango en píxeles

Duración de la animación en milisegundos

Altura del área del gráfico en píxeles (para orientación vertical)

Datos clave

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

Resumen

El Generador de Gráfico de Barras de Rango permite visualizar intervalos numéricos o cronológicos de forma clara y profesional, funcionando como una alternativa simplificada a los diagramas de Gantt para el seguimiento de proyectos o análisis de datos comparativos.

Cuándo usarlo

  • •Para visualizar la duración de diferentes fases de un proyecto en una línea de tiempo.
  • •Para comparar rangos de valores mínimos y máximos entre diferentes categorías o productos.
  • •Para presentar intervalos de fechas de eventos o tareas de manera esquemática y fácil de entender.

Cómo funciona

  • •Introduce tus datos en formato JSON especificando etiquetas y sus respectivos rangos (fechas o valores numéricos).
  • •Personaliza la apariencia ajustando el título, la orientación, el esquema de color y el grosor de las barras.
  • •Configura opciones adicionales como la visibilidad de etiquetas, valores y cuadrículas para mejorar la legibilidad.
  • •Genera el gráfico al instante y obtén una representación visual precisa de tus intervalos.

Casos de uso

Planificación de cronogramas de proyectos y fases de desarrollo.
Análisis comparativo de rangos de precios o métricas de rendimiento.
Visualización de disponibilidad de recursos o calendarios de eventos.

Ejemplos

1. Cronograma de Proyecto

Gestor de Proyectos
Contexto
Necesito mostrar las fases de un proyecto de software a los interesados de forma visual.
Problema
Los diagramas de Gantt complejos son difíciles de configurar para una presentación rápida.
Cómo usarlo
Ingreso las fechas de inicio y fin de cada fase en formato JSON y selecciono la orientación horizontal.
Configuración de ejemplo
[{"label": "Diseño", "startDate": "2024-01-01", "endDate": "2024-01-15"}, {"label": "Desarrollo", "startDate": "2024-01-16", "endDate": "2024-03-01"}]
Resultado
Un gráfico limpio que muestra claramente la superposición y duración de las fases del proyecto.

2. Comparativa de Rangos de Precios

Analista de Mercado
Contexto
Debo comparar los rangos de precios de diferentes categorías de productos en el mercado.
Problema
Las tablas de datos no permiten ver rápidamente la brecha entre el precio mínimo y máximo.
Cómo usarlo
Utilizo el modo de rangos numéricos para mapear los valores mínimos y máximos de cada categoría.
Configuración de ejemplo
[{"label": "Electrónica", "minValue": 100, "maxValue": 500}, {"label": "Hogar", "minValue": 50, "maxValue": 200}]
Resultado
Barras horizontales que ilustran visualmente la amplitud de precios en cada sector.

Probar con muestras

json
Muestras PDF
Muestras PDF generadas por herramientas 2026-02-01 a 2026-02-10
preferred input family json
json
Ejemplos de Códigos QR
Imágenes de códigos QR de muestra para probar herramientas de lectura y generación de códigos QR
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 Generate
Explora 33 herramientas de json para flujos de generate y encuentra utilidades cercanas con rapidez.
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 Format
Explora 6 herramientas de json para flujos de format y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formatos de datos admite el gráfico?

Admite rangos de fechas (startDate/endDate) para líneas de tiempo o rangos numéricos (minValue/maxValue) para comparaciones de datos.

¿Puedo cambiar la orientación del gráfico?

Sí, puedes seleccionar entre una orientación horizontal o vertical según tus necesidades de visualización.

¿Es necesario configurar todos los parámetros?

No, solo los datos son obligatorios. El resto de las opciones tienen valores predeterminados para que puedas generar un gráfico rápidamente.

¿Se puede ajustar el tamaño de las barras?

Sí, puedes definir la altura o grosor de las barras en píxeles mediante la opción de configuración de altura de barra.

¿Qué esquemas de color están disponibles?

Ofrecemos varios esquemas predefinidos, incluyendo azul, verde, rojo, púrpura, naranja y una opción de arcoíris.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/range-bar-chart

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
rangeData textarea Sí Datos del gráfico de rango en formato JSON. Soporta rangos de fecha (startDate/endDate) o rangos numéricos (minValue/maxValue)
chartTitle text No Título principal del gráfico de rango
orientation select No -
showLabels checkbox No Si mostrar etiquetas de elementos
showValues checkbox No Si mostrar valores de inicio/fin
showGrid checkbox No Si mostrar líneas de cuadrícula de fondo
colorScheme select No -
barHeight text No Altura/grosor de las barras de rango en píxeles
animationDuration text No Duración de la animación en milisegundos
chartHeight text No Altura del área del gráfico en píxeles (para orientación vertical)

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-bar-chart": {
      "name": "range-bar-chart",
      "description": "Gráfico que muestra rangos mínimos y máximos e intervalos de tiempo, versión simplificada del diagrama de Gantt",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=range-bar-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]