Le diagramme timeline (chronologique) est un graphique qui permet de représenter visuellement des informations dans un contexte de progression temporelle.

Dans ce cours, nous expliquons comment configurer le diagramme timeline pour visualiser les vacances scolaires 2024-2025. Pour ce faire, vous aurez besoin de ces données, d’être connecté à votre compte Koumoul et de quelques minutes.

Pour créer votre application diagramme timeline, descendez la page de votre jeu de données récemment importé, jusqu’à la partie utilisations et cliquez sur configurer une application.

Parmi la liste d’applications disponibles sur la plateforme Koumoul, choisissez diagramme timeline, ajoutez un titre et cliquez sur enregistrer.

Vous être redirigé sur la page de configuration de votre application. Cliquez sur éditer la configuration dans la partie rendu. Votre écran de configuration sera alors divisé en deux parties : l’aperçu à gauche et le menu à droite.

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

À présent, appliquons les filtres qui permettront de visualiser correctement toutes les vacances sur l’année scolaire. Dans la section filtres prédéfinis, nous restreignons à des valeurs, sélectionnons la colonne population et cochons les valeurs « - » (correspondant aux petites vacances) et « élèves » (correspondant aux vacances d’été des élèves.

Vous pouvez à présent modifier les paramètres de la section rendu pour obtenir une esthétique qui vous plaise. Nous avons choisi un calendrier traditionnel en affichant les vacances par académie.

Vous pouvez cependant changer la colonne de regroupement, le nombre de groupes, la colonne de catégorie et la palette de couleurs de votre calendrier.

Essayez 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 sauvegarder votre application.

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, à droite. Votre code devrait ressembler à celui-ci :

<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 que votre visualisation soit accessible à tous les visiteurs de votre site, activez l'accès au public dans la page d'édition de vos données et la page de configuration votre visualisation.

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

Vous avez maintenant toutes les informations pour créer un diagramme timeline sur la plateforme Koumoul, sans avoir besoin de compétences en programmation, et trouver le code pour pouvoir l’intégrer sur un site externe.

N'hésitez pas à nous contacter pour toute information supplémentaire.

Si vous avez des remarques sur ce cours, n'hésitez pas à nous contacter pour nous en faire part.