Catégories

← View All Tools

Générateur de Calendrier Heatmap

Générer des calendriers heatmaps style GitHub pour visualiser les modèles d'activité au fil du temps, parfait pour suivre les contributions annuelles, habitudes ou métriques

Données d'activité pour le calendrier heatmap. Format: date|valeur|étiquette (format AAAA-MM-JJ)

Titre qui sera affiché au-dessus du heatmap

Année pour le calendrier (laisser vide pour année actuelle)

Couleur de début pour schéma de couleur personnalisé (nécessite sélection de couleurs personnalisées)

Couleur de fin pour schéma de couleur personnalisé (nécessite sélection de couleurs personnalisées)

Couleur pour les jours sans activité

Couleur de bordure pour les cellules

Taille de chaque cellule de jour en pixels (8-20)

Espacement entre les cellules en pixels (1-5)

Durée de l'animation en millisecondes

Couleur de fond pour le conteneur du graphique

Afficher les valeurs à l'intérieur des cellules (fonctionne mieux avec des cellules plus grandes)

Afficher la légende d'intensité de couleur

Afficher les noms des mois au-dessus du calendrier

Afficher les étiquettes de jour de la semaine

Afficher les statistiques d'activité sous le graphique

Activer les info-bulles au survol pour les cellules

Points clés

Catégorie
Data Visualization
Types d’entrée
textarea, text, select, number, color, checkbox
Type de sortie
html
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Le Générateur de Calendrier Heatmap vous permet de transformer vos données temporelles en visualisations élégantes de style GitHub, idéales pour analyser vos habitudes, vos contributions ou vos indicateurs de performance sur une année complète.

Quand l’utiliser

  • •Pour visualiser la régularité de vos habitudes quotidiennes sur une année entière.
  • •Pour présenter vos statistiques de contribution ou de productivité de manière intuitive.
  • •Pour identifier rapidement les périodes d'activité intense ou les jours d'inactivité dans vos séries temporelles.

Comment ça marche

  • •Saisissez vos données d'activité au format JSON ou texte (date|valeur|étiquette).
  • •Personnalisez l'apparence en choisissant un schéma de couleurs, la taille des cellules ou l'affichage des statistiques.
  • •Générez instantanément votre calendrier interactif prêt à être exporté ou intégré.
  • •Utilisez les options avancées pour ajuster les bordures, les étiquettes de mois et les info-bulles selon vos besoins.

Cas d’usage

Suivi personnel des habitudes : visualiser vos jours de sport ou de lecture sur l'année.
Reporting professionnel : afficher le volume de tickets résolus ou de commits par jour.
Analyse de données : repérer les tendances saisonnières ou les pics d'activité sur une période donnée.

Exemples

1. Suivi des habitudes sportives

Coach sportif
Contexte
Un coach souhaite montrer à ses clients leur régularité sur l'année pour les motiver.
Problème
Les données brutes sous forme de liste sont illisibles pour un suivi de progression.
Comment l’utiliser
Copier les dates d'entraînement dans le champ 'Données d'Activité' et sélectionner le schéma 'Vert (Style GitHub)'.
Configuration d’exemple
{"colorScheme": "green", "showStats": true, "showMonthLabels": true}
Résultat
Un calendrier annuel clair montrant les jours d'entraînement, avec une intensité de couleur corrélée au nombre de séances.

2. Tableau de bord de productivité

Développeur
Contexte
Un développeur veut visualiser ses contributions sur un projet open-source.
Problème
Besoin d'une vue d'ensemble rapide pour identifier les périodes de forte activité.
Comment l’utiliser
Importer les données de commits au format JSON et ajuster la taille des cellules pour une meilleure lisibilité.
Configuration d’exemple
{"cellSize": 14, "cellSpacing": 3, "showTooltip": true, "colorScheme": "blue"}
Résultat
Une heatmap bleue interactive permettant de survoler chaque jour pour voir le nombre exact de commits effectués.

Tester avec des échantillons

data-visualization
Exemples Avancés d'Application Grafana
Exemples complets de Grafana couvrant le design avancé de tableaux de bord, la configuration d'alertes, l'intégration de sources de données et le développement de plugins
keywords time,series,data
sample
Exemples de Communication Temps Réel WebRTC
Exemples complets WebRTC pour communication audio/vidéo P2P, canaux de données, partage d'écran et serveur de signalisation
keywords time,data
sample
Exemples Chart.js Library
Exemples complets de Chart.js incluant types de graphiques, options de personnalisation, animations et conceptions responsives
keywords graph,data,visualization
sample
Exemples ClickHouse
Base de données colonne ClickHouse avec exemples d'analyse haute performance, traitement de séries temporelles et tableaux de bord en temps réel
keywords time,series,data
sample

Hubs associés

Outils Json pour Convert
Découvrez 100 outils json pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Image pour Convert
Découvrez 100 outils image pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Audio pour Convert
Découvrez 100 outils audio pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Design pour Convert
Découvrez 98 outils design pour des workflows de convert et comparez rapidement des utilitaires proches.

FAQ

Quel format de données est requis ?

Vous pouvez utiliser un format JSON structuré ou un format texte simple : AAAA-MM-JJ|valeur|étiquette.

Puis-je personnaliser les couleurs ?

Oui, vous pouvez choisir parmi plusieurs schémas prédéfinis ou sélectionner l'option 'Couleurs Personnalisées' pour définir vos propres teintes.

Est-il possible de visualiser une année spécifique ?

Absolument, utilisez l'option 'Année' pour générer le calendrier de l'année de votre choix entre 2000 et 2030.

Les cellules sont-elles interactives ?

Oui, si l'option 'Afficher les Info-bulles' est activée, vous pouvez survoler chaque cellule pour voir les détails précis de l'activité.

Le calendrier est-il exportable ?

L'outil génère une visualisation HTML que vous pouvez intégrer ou capturer pour vos rapports et présentations.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/calendar-heatmap

Paramètres de la requête

Nom du paramètre Type Requis Description
chartData textarea Oui Données d'activité pour le calendrier heatmap. Format: date|valeur|étiquette (format AAAA-MM-JJ)
chartTitle text Non Titre qui sera affiché au-dessus du heatmap
colorScheme select Non -
year number Non Année pour le calendrier (laisser vide pour année actuelle)
startColor color Non Couleur de début pour schéma de couleur personnalisé (nécessite sélection de couleurs personnalisées)
endColor color Non Couleur de fin pour schéma de couleur personnalisé (nécessite sélection de couleurs personnalisées)
emptyColor color Non Couleur pour les jours sans activité
borderColor color Non Couleur de bordure pour les cellules
cellSize number Non Taille de chaque cellule de jour en pixels (8-20)
cellSpacing number Non Espacement entre les cellules en pixels (1-5)
animationDuration number Non Durée de l'animation en millisecondes
backgroundColor color Non Couleur de fond pour le conteneur du graphique
showValues checkbox Non Afficher les valeurs à l'intérieur des cellules (fonctionne mieux avec des cellules plus grandes)
showLegend checkbox Non Afficher la légende d'intensité de couleur
showMonthLabels checkbox Non Afficher les noms des mois au-dessus du calendrier
showDayLabels checkbox Non Afficher les étiquettes de jour de la semaine
showStats checkbox Non Afficher les statistiques d'activité sous le graphique
showTooltip checkbox Non Activer les info-bulles au survol pour les cellules

Format de réponse

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP: 

{
  "mcpServers": {
    "elysiatools-calendar-heatmap": {
      "name": "calendar-heatmap",
      "description": "Générer des calendriers heatmaps style GitHub pour visualiser les modèles d'activité au fil du temps, parfait pour suivre les contributions annuelles, habitudes ou métriques",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=calendar-heatmap",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]