Contenu du cours

Créez une chronologie graphique

Le Diagramme chronologique (chronologique) est un outil graphique qui permet de visualiser des informations dans une perspective de progression temporelle.

Dans ce cours, nous expliquons comment configurer un diagramme chronologique pour visualiser les vacances scolaires 2024-2025. Pour cela, vous aurez besoin de ces données, d'être connecté à votre compte Data Fair et de quelques minutes.

Configuration de l'application

Pour créer votre application de type diagramme chronologique, faites défiler la page de votre jeu de données récemment importé jusqu'à la section Utilisations et cliquez sur Configurer une application.

Parmi la liste des applications disponibles, sélectionnez Diagramme chronologique, ajoutez un titre, puis cliquez sur Enregistrer.


Vous serez redirigé vers la page de configuration de votre application. Cliquez sur Éditer la configuration dans la section Rendu. Votre écran de configuration se divisera alors en deux parties : l'aperçu à gauche et le menu à droite.

Dans le menu, sous la section Données, sélectionnez votre jeu de données.


Appliquons maintenant les filtres nécessaires pour visualiser correctement toutes les périodes de vacances de l'année scolaire. Dans la section Filtres prédéfinis, nous allons restreindre à des valeurs. Sélectionnez la colonne Population et cochez les Valeurs « - » (pour les petites vacances) et « élèves » (pour les vacances d'été des élèves).


Vous pouvez maintenant ajuster les paramètres de la section Rendu pour obtenir l'apparence souhaitée. Nous avons opté pour un calendrier traditionnel affichant les vacances par académie.

Cependant, vous pouvez modifier la colonne de regroupement, le nombre de groupes, la colonne de catégorie et la palette de couleurs de votre calendrier.

Expérimentez avec différents paramètres pour obtenir le rendu souhaité.


Voici les paramètres que nous avons sélectionnés pour notre graphique :

  • Colonne de regroupement : académies
  • Nombre de groupes : 100
  • Colonne de catégorie : zones
  • Définition du style : palette qualitative
  • Nom de la palette de couleurs : accent

Cliquez sur Valider pour enregistrer votre application.

Intégrez votre visualisation à votre site

Vous pouvez intégrer votre visualisation sur un autre site en copiant le code de votre visualisation à l'aide du bouton d'action Intégrer dans un site, situé à droite. Votre code devrait ressembler à ceci :

<iframe src="https://docs.koumoul.com/data-fair/app/calendrier-scolaire-2024-2025?embed=true" width="100%" height="500px" style="background-color: transparent; border: none;"></iframe>

Pour rendre votre visualisation accessible à tous les visiteurs de votre site, activez l'accès public dans la page d'édition de vos données ainsi que dans la page de configuration de votre visualisation.

Lorsque vous l’intégrez sur votre site, vous obtenez ce rendu :

Vous savez désormais comment créer un diagramme chronologique sur Data Fair, sans avoir besoin de compétences en programmation, et obtenir le code pour l'intégrer sur un site externe.

Données utilisées

Si vous avez des remarques sur ce cours, n'hésitez pas à nous les communiquer.