Categorías

← View All Tools

Generador de Gráfico de Barras de Comparación

Generar gráficos de barras espalda con espalda para comparación de valores positivos y negativos, perfecto para contrastar conjuntos de datos

Datos para el gráfico de comparación. Soporta array JSON o formato de texto simple etiqueta|valorIzquierdo|valorDerecho

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

Color para las barras izquierdas (el color de barras derechas viene del esquema de color)

Etiqueta para el lado izquierdo del gráfico

Etiqueta para el lado derecho del gráfico

Altura del gráfico en píxeles

Ancho máximo de las barras en píxeles

Valor máximo para la escala del gráfico (deje vacío para auto)

Valor mínimo para la escala del gráfico

Duración de la animación de barras en milisegundos

Color de fondo para el contenedor del gráfico

Color para las líneas de cuadrícula

Mostrar líneas de cuadrícula para mejor legibilidad

Mostrar valores en las barras

Mostrar una leyenda debajo del gráfico

Datos clave

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

Resumen

El Generador de Gráfico de Barras de Comparación permite crear visualizaciones profesionales de tipo espalda con espalda, ideales para contrastar dos conjuntos de datos de manera clara y directa. Esta herramienta es perfecta para analizar diferencias entre valores positivos y negativos, facilitando la interpretación visual de tendencias opuestas o comparativas en un solo gráfico.

Cuándo usarlo

  • •Cuando necesites comparar dos categorías de datos enfrentadas, como ventas vs. gastos o datos demográficos.
  • •Al requerir una visualización clara de valores positivos y negativos en un formato de gráfico bilateral.
  • •Para presentaciones de negocios donde el contraste entre dos métricas debe ser el punto focal del análisis.

Cómo funciona

  • •Ingresa tus datos en formato JSON o mediante el formato de texto simple: etiqueta|valorIzquierdo|valorDerecho.
  • •Personaliza el aspecto del gráfico ajustando el esquema de colores, el ancho de las barras y la altura del contenedor.
  • •Configura las etiquetas de los ejes y decide si deseas mostrar la cuadrícula, los valores numéricos o la leyenda para mejorar la legibilidad.
  • •Genera y descarga tu gráfico de comparación listo para ser integrado en tus informes o presentaciones.

Casos de uso

Análisis demográfico comparando la población masculina y femenina por grupos de edad.
Comparativa financiera entre ingresos y egresos mensuales de una empresa.
Evaluación de rendimiento de productos comparando métricas de ventas en dos regiones distintas.

Ejemplos

1. Comparativa de Ventas Regionales

Analista de Ventas
Contexto
El analista necesita presentar la diferencia de ventas entre la Región Norte y la Región Sur para el último trimestre.
Problema
Los gráficos de barras convencionales no permiten visualizar fácilmente la diferencia directa entre dos regiones enfrentadas.
Cómo usarlo
Ingresar los datos de ventas por producto con sus respectivos valores para cada región y ajustar el esquema de colores a 'Negocios'.
Configuración de ejemplo
[{"label": "Producto A", "leftValue": 120, "rightValue": 95}, {"label": "Producto B", "leftValue": 80, "rightValue": 110}]
Resultado
Un gráfico de barras espalda con espalda que muestra claramente qué región lidera en cada producto.

2. Distribución Demográfica

Investigador Social
Contexto
Se requiere visualizar la distribución de edad de una población dividida por género.
Problema
La necesidad de un gráfico tipo pirámide para mostrar la estructura poblacional de forma simétrica.
Cómo usarlo
Utilizar el formato de texto simple para cargar los rangos de edad y los valores correspondientes a hombres y mujeres.
Configuración de ejemplo
0-18|500|480
19-35|700|720
36-60|600|590
Resultado
Un gráfico bilateral profesional que permite identificar rápidamente los desequilibrios demográficos por género.

Probar con muestras

json, text
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
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

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 Text para Convert
Explora 80 herramientas de text 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 entrada acepta la herramienta?

Puedes ingresar los datos como un array JSON estructurado o mediante texto simple usando el formato 'etiqueta|valorIzquierdo|valorDerecho'.

¿Puedo personalizar los colores de las barras?

Sí, puedes seleccionar un esquema de color predefinido o elegir un color específico para las barras del lado izquierdo.

¿Es posible ajustar la escala del gráfico?

Sí, puedes definir manualmente los valores mínimos y máximos para controlar la escala del eje horizontal.

¿Qué tipo de gráfico genera esta herramienta?

Genera un gráfico de barras de comparación espalda con espalda, también conocido como gráfico bilateral o pirámide.

¿Puedo ocultar los valores numéricos en las barras?

Sí, puedes desactivar la opción 'Mostrar Valores' en la configuración para obtener un diseño más limpio.

Documentación de la API

Punto final de la solicitud

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

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
chartData textarea Sí Datos para el gráfico de comparación. Soporta array JSON o formato de texto simple etiqueta|valorIzquierdo|valorDerecho
chartTitle text No Título que se mostrará encima del gráfico
colorScheme select No -
barColor color No Color para las barras izquierdas (el color de barras derechas viene del esquema de color)
leftLabel text No Etiqueta para el lado izquierdo del gráfico
rightLabel text No Etiqueta para el lado derecho del gráfico
chartHeight number No Altura del gráfico en píxeles
barWidth number No Ancho máximo de las barras en píxeles
maxValue number No Valor máximo para la escala del gráfico (deje vacío para auto)
minValue number No Valor mínimo para la escala del gráfico
animationDuration number No Duración de la animación de barras en milisegundos
backgroundColor color No Color de fondo para el contenedor del gráfico
gridColor color No Color para las líneas de cuadrícula
showGrid checkbox No Mostrar líneas de cuadrícula para mejor legibilidad
showValues checkbox No Mostrar valores en las barras
showLegend checkbox No Mostrar una leyenda debajo del gráfico

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-comparison-bar-chart": {
      "name": "comparison-bar-chart",
      "description": "Generar gráficos de barras espalda con espalda para comparación de valores positivos y negativos, perfecto para contrastar conjuntos de datos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=comparison-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]