Categorías

← View All Tools

Generador de Mapa de Calendario

Generar mapas de calor de calendario estilo GitHub para visualizar patrones de actividad a lo largo del tiempo, perfecto para rastrear contribuciones anuales, hábitos o métricas

Datos de actividad para el mapa de calor del calendario. Formato: fecha|valor|etiqueta (formato AAAA-MM-DD)

Título que se mostrará encima del mapa de calor

Año para el calendario (dejar vacío para año actual)

Color de inicio para esquema de color personalizado (requiere selección de colores personalizados)

Color final para esquema de color personalizado (requiere selección de colores personalizados)

Color para días sin actividad

Color del borde para celdas

Tamaño de cada celda de día en píxeles (8-20)

Espaciado entre celdas en píxeles (1-5)

Duración de la animación en milisegundos

Color de fondo para el contenedor del gráfico

Mostrar valores dentro de las celdas (funciona mejor con celdas más grandes)

Mostrar la leyenda de intensidad de color

Mostrar nombres de mes encima del calendario

Mostrar etiquetas de día de la semana

Mostrar estadísticas de actividad debajo del gráfico

Habilitar información emergente al pasar el cursor sobre celdas

Datos clave

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

Resumen

El Generador de Mapa de Calendario permite crear visualizaciones interactivas estilo GitHub para analizar patrones de actividad a lo largo del año. Es la herramienta ideal para transformar datos de series temporales en mapas de calor intuitivos que facilitan el seguimiento de hábitos, contribuciones o métricas de rendimiento.

Cuándo usarlo

  • •Para visualizar la frecuencia y consistencia de hábitos diarios o metas personales a lo largo de un año.
  • •Para presentar informes de actividad, como commits de código o registros de ventas, mediante un formato de mapa de calor claro.
  • •Para identificar tendencias estacionales o periodos de alta y baja actividad en conjuntos de datos temporales.

Cómo funciona

  • •Introduce tus datos en formato JSON o texto plano, especificando la fecha (AAAA-MM-DD), el valor numérico y una etiqueta opcional.
  • •Personaliza la apariencia del gráfico seleccionando un esquema de color predefinido o configurando tus propios colores de inicio y fin.
  • •Ajusta parámetros visuales como el tamaño de las celdas, el espaciado y la visibilidad de etiquetas o estadísticas para adaptar el gráfico a tus necesidades.
  • •Genera y descarga tu mapa de calor interactivo, optimizado para una lectura rápida de los datos.

Casos de uso

Seguimiento de hábitos diarios como ejercicio, lectura o meditación para evaluar la constancia anual.
Visualización de métricas de productividad laboral o contribuciones de proyectos para equipos de desarrollo.
Análisis de datos de ventas o registros de clientes para identificar días de mayor actividad comercial.

Ejemplos

1. Registro de Hábitos Anuales

Usuario enfocado en productividad
Contexto
Un usuario desea mantener un registro de sus sesiones de lectura diarias durante todo el año para mejorar su disciplina.
Problema
Necesita una forma visual de ver qué días cumplió con su meta y detectar rachas de éxito.
Cómo usarlo
Introduce las fechas de lectura y el número de páginas leídas en el campo de datos, selecciona el esquema de color 'Verde' y activa la leyenda.
Configuración de ejemplo
[{"date": "2024-01-01", "value": 20, "label": "Páginas"}, {"date": "2024-01-02", "value": 35, "label": "Páginas"}]
Resultado
Un mapa de calor anual donde los días con mayor lectura resaltan en verde oscuro, permitiendo identificar rápidamente los periodos de mayor constancia.

2. Visualización de Commits de Código

Desarrollador de software
Contexto
Un desarrollador quiere mostrar su actividad de contribución en un repositorio personal para su portafolio.
Problema
Los registros de texto son difíciles de interpretar para evaluar el ritmo de trabajo a largo plazo.
Cómo usarlo
Carga los datos de commits, ajusta el tamaño de celda a 12px para una visualización compacta y activa las etiquetas de mes y día.
Configuración de ejemplo
colorScheme: 'teal', showMonthLabels: true, showDayLabels: true, cellSize: 12
Resultado
Un gráfico profesional estilo GitHub que muestra claramente la distribución de su trabajo durante el año, ideal para incluir en un CV o perfil técnico.

Probar con muestras

data-visualization
Muestras Avanzadas de Grafana
Muestras comprensivas de Grafana cubriendo diseño avanzado de dashboards, configuración de alertas, integración de fuentes de datos y desarrollo de plugins
keywords time,series,data
sample
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
keywords time,data
sample
Ejemplos Chart.js Library
Ejemplos completos de Chart.js incluyendo tipos de gráficos, opciones de personalización, animaciones y diseños responsivos
keywords graph,data,visualization
sample
Ejemplos de ClickHouse
Base de datos columnar ClickHouse con ejemplos de analítica de alto rendimiento, procesamiento de series temporales y dashboards en tiempo real
keywords time,series,data
sample

Hubs relacionados

Herramientas de Json para Convert
Explora 100 herramientas de json para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Image para Convert
Explora 100 herramientas de image para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Audio para Convert
Explora 100 herramientas de audio para flujos de convert y encuentra utilidades cercanas con rapidez.
Herramientas de Design para Convert
Explora 98 herramientas de design para flujos de convert y encuentra utilidades cercanas con rapidez.

Preguntas frecuentes

¿Qué formato deben tener los datos de entrada?

Puedes usar un array JSON con los campos 'date', 'value' y 'label', o texto plano separado por barras verticales (ej. 2024-01-01|10|Etiqueta).

¿Puedo personalizar los colores del mapa?

Sí, puedes elegir entre esquemas predefinidos como verde, azul o rojo, o seleccionar la opción 'Colores Personalizados' para definir tus propios tonos de inicio y fin.

¿Es posible visualizar años anteriores?

Sí, puedes especificar el año deseado en la configuración; si dejas el campo vacío, la herramienta utilizará el año actual por defecto.

¿Qué significan los colores en el mapa?

La intensidad del color representa el valor de la actividad: cuanto más oscuro o intenso sea el color, mayor es el valor registrado para ese día específico.

¿Puedo ver los valores exactos en el gráfico?

Sí, puedes habilitar la opción 'Mostrar Información Emergente' para ver los detalles al pasar el cursor sobre cada celda, o activar 'Mostrar Valores en Celdas' para verlos directamente.

Documentación de la API

Punto final de la solicitud

POST /es/api/tools/calendar-heatmap

Parámetros de la solicitud

Nombre del parámetro Tipo Requerido Descripción
chartData textarea Sí Datos de actividad para el mapa de calor del calendario. Formato: fecha|valor|etiqueta (formato AAAA-MM-DD)
chartTitle text No Título que se mostrará encima del mapa de calor
colorScheme select No -
year number No Año para el calendario (dejar vacío para año actual)
startColor color No Color de inicio para esquema de color personalizado (requiere selección de colores personalizados)
endColor color No Color final para esquema de color personalizado (requiere selección de colores personalizados)
emptyColor color No Color para días sin actividad
borderColor color No Color del borde para celdas
cellSize number No Tamaño de cada celda de día en píxeles (8-20)
cellSpacing number No Espaciado entre celdas en píxeles (1-5)
animationDuration number No Duración de la animación en milisegundos
backgroundColor color No Color de fondo para el contenedor del gráfico
showValues checkbox No Mostrar valores dentro de las celdas (funciona mejor con celdas más grandes)
showLegend checkbox No Mostrar la leyenda de intensidad de color
showMonthLabels checkbox No Mostrar nombres de mes encima del calendario
showDayLabels checkbox No Mostrar etiquetas de día de la semana
showStats checkbox No Mostrar estadísticas de actividad debajo del gráfico
showTooltip checkbox No Habilitar información emergente al pasar el cursor sobre celdas

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-calendar-heatmap": {
      "name": "calendar-heatmap",
      "description": "Generar mapas de calor de calendario estilo GitHub para visualizar patrones de actividad a lo largo del tiempo, perfecto para rastrear contribuciones anuales, hábitos o métricas",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=calendar-heatmap",
      "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]