Categorías

Gráfico de Termómetro

Crear gráficos de termómetro verticales perfectos para visualización de metas de recaudación, progreso de proyectos y logro de objetivos

Datos del termómetro con valores actuales y objetivo. Soporta JSON con etiqueta/actual/objetivo, simple etiqueta:actual:objetivo, o solo valores actuales

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

Ancho del tubo del termómetro en píxeles

Altura del termómetro en píxeles

Color para el mercurio/relleno de progreso

Color para el fondo del tubo del termómetro

Duración de la animación del mercurio en milisegundos

Color de fondo para el contenedor del gráfico

Mostrar valores de porcentaje para cada termómetro

Mostrar línea de valor objetivo y etiqueta

Mostrar valor actual en cada termómetro

Mostrar escala de medición en el termómetro

Animar el mercurio cuando se cargan los termómetros

Datos clave

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

Resumen

El Gráfico de Termómetro es una herramienta visual intuitiva diseñada para representar el progreso hacia una meta específica. Es ideal para mostrar de forma clara y atractiva el avance en campañas de recaudación de fondos, hitos de proyectos o cualquier objetivo cuantitativo que requiera un seguimiento constante.

Cuándo usarlo

  • Para visualizar el progreso de una campaña de recaudación de fondos frente a un objetivo financiero.
  • Para monitorear el avance porcentual de tareas o fases dentro de un proyecto corporativo.
  • Para presentar indicadores clave de desempeño (KPI) de manera dinámica en informes o presentaciones.

Cómo funciona

  • Ingresa tus datos en formato JSON, texto simple o valores numéricos directos indicando el valor actual y el objetivo.
  • Personaliza la apariencia ajustando el color del mercurio, el tamaño del tubo y el estilo de la escala.
  • Configura las opciones de visualización para mostrar u ocultar etiquetas, porcentajes y líneas de objetivo según tus necesidades.
  • Genera el gráfico y obtén una representación visual animada lista para integrar en tus reportes.

Casos de uso

Visualización de metas de recaudación para ONGs y campañas sociales.
Seguimiento de hitos de ventas mensuales para equipos comerciales.
Monitoreo de progreso de construcción o desarrollo de software para stakeholders.

Ejemplos

1. Campaña de Recaudación Anual

Gestor de Proyectos
Contexto
Una organización sin fines de lucro necesita mostrar a sus donantes cuánto han recaudado respecto a su meta de 50,000 euros.
Problema
Necesitan una forma visualmente impactante para actualizar el progreso en su sitio web.
Cómo usarlo
Ingresar los datos de la campaña y configurar el color del mercurio en un tono verde corporativo.
Configuración de ejemplo
{"label": "Meta Anual", "current": 35000, "target": 50000}
Resultado
Un gráfico de termómetro vertical que muestra un 70% de avance, con la línea de objetivo claramente marcada.

2. Progreso de Proyecto de TI

Líder de Equipo
Contexto
El equipo debe completar 1200 horas de desarrollo para el lanzamiento de una nueva aplicación.
Problema
El equipo necesita ver el avance acumulado de forma rápida durante las reuniones de seguimiento.
Cómo usarlo
Utilizar el formato de valor único para representar el total de horas trabajadas sobre el total planificado.
Configuración de ejemplo
{"current": 850, "target": 1200}
Resultado
Un gráfico limpio que permite al equipo identificar instantáneamente cuánto falta para finalizar la fase de desarrollo.

Probar con muestras

json

Hubs relacionados

Preguntas frecuentes

¿Qué formatos de datos acepta la herramienta?

Puedes ingresar datos en formato JSON, texto simple (etiqueta:actual:objetivo) o simplemente una lista de valores numéricos.

¿Puedo personalizar los colores del gráfico?

Sí, puedes definir el color del mercurio y el color de fondo del tubo para que coincidan con la identidad visual de tu proyecto.

¿Es posible animar el gráfico?

Sí, la herramienta incluye una opción de animación que permite que el mercurio suba al cargar el gráfico, con una duración ajustable.

¿Qué estilos de escala están disponibles?

Puedes elegir entre no mostrar escala, usar marcas simples o una escala detallada con porcentajes.

¿Puedo mostrar el valor numérico exacto?

Sí, puedes activar las opciones para mostrar el valor actual, el porcentaje alcanzado y la línea de objetivo directamente en el gráfico.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/thermometer-chart

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
thermometerData textarea Datos del termómetro con valores actuales y objetivo. Soporta JSON con etiqueta/actual/objetivo, simple etiqueta:actual:objetivo, o solo valores actuales
chartTitle text No Título que se mostrará encima del gráfico
thermometerWidth number No Ancho del tubo del termómetro en píxeles
thermometerHeight number No Altura del termómetro en píxeles
mercuryColor color No Color para el mercurio/relleno de progreso
tubeColor color No Color para el fondo del tubo del termómetro
animationDuration number No Duración de la animación del mercurio en milisegundos
scaleStyle select No -
backgroundColor color No Color de fondo para el contenedor del gráfico
showPercentage checkbox No Mostrar valores de porcentaje para cada termómetro
showTarget checkbox No Mostrar línea de valor objetivo y etiqueta
showCurrentValue checkbox No Mostrar valor actual en cada termómetro
showScale checkbox No Mostrar escala de medición en el termómetro
animated checkbox No Animar el mercurio cuando se cargan los termómetros

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-thermometer-chart": {
      "name": "thermometer-chart",
      "description": "Crear gráficos de termómetro verticales perfectos para visualización de metas de recaudación, progreso de proyectos y logro de objetivos",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=thermometer-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]