Tuto : Comment réaliser un graphique de séries temporelles

L’application « Periodic Series », permet de créer plusieurs visualisations animées telles que des séries temporelles ou des graphiques radiaux. Il est ainsi possible de visualiser des évolutions dans le temps et de les comparer.

Dans ce tutoriel nous allons vous expliquer comment réaliser une série temporelle avec « Periodic Series » à l'aide de la plateforme Koumoul, sans avoir besoin de programmer.

Dans notre exemple, nous allons chercher à observer les variations de températures semaine par semaine à Rennes, sur l’ensemble de l’année 2019. Pour réaliser cette visualisation, vous allez avoir besoin de ces données, d’être connecté à votre compte Koumoul et de quelques minutes.

Import et préparation des Données

Lorsque vous êtes connecté à la plateforme, allez dans l'espace de Partage et visualisation de données, cliquez sur Jeux de données dans le menu de navigation. Chargez le fichier des données, que vous venez de télécharger, sur votre compte à l'aide du bouton Fichier dans la section de droite.

Choisissez le titre que vous allez donner à votre jeu de données, cliquez sur Lancer l’import. Vous arrivez sur la page d’édition du brouillon, cette étape vous permet d’accéder aux 100 premières lignes de votre jeu et donc de vérifier que tout s’est bien déroulé lors de l’import, ainsi que de préparer les données pour pouvoir configurer correctement la visualisation. Nous allons alors changer des libellés pour plus de lisibilité et appliquer des concepts aux champs de notre jeu de données, c’est une étape à ne pas négliger, sans elle, vous ne pourrez pas configurer la visualisation.

• date = concept : date d’évènement + libellé : Date (UTC)
• t = libellé : Température

Attention ! Lorsque vous avez effectué toutes ces modifications, pensez à bien cliquer sur le bouton « Appliquer » pour que les changements soient bien effectués. Si les éléments sont encore en orange, cela signifie que vous n’avez pas encore validé.

Une fois ces changements bien effectués, vous pouvez maintenant valider votre brouillon, attendez de nouveau les 6 étapes afin que le reste du jeu s’importe. Votre fichier est maintenant disponible et prêt à être utilisé.

Configuration de la Visualisation

Pour créer votre visualisation « Periodic Series » : Descendez la page de votre jeu de données récemment importé jusqu’à la partie Utilisations ou vous cliquez sur Configurer une visualisation.

Parmi la liste d’application disponibles sur la plateforme Koumoul, choisissez la visualisation « Periodic Series », ajoutez un titre à votre visualisation et cliquez sur Enregistrer.

Vous êtes redirigé sur la page de configuration de votre visualisation. Tout d’abord, commencez par vérifier que le jeu de données que vous avez importé est bien sélectionné dans la partie : Jeux de données.

Ensuite, dans cette visualisation, nous souhaitons observer les variations de températures, semaine par semaine, pour la station météorologique de Rennes sur l’ensemble de l’année 2019. Pour cela, nous allons donc commencer par sélectionner les données que nous souhaitons présenter dans l’onglet Données de la configuration : Dans la partie « Champ de mesure », vous allez sélectionner Température et Moyenne dans la partie « Métrique ».

L’unité de température du jeu de données que nous utilisons étant le Kelvin pour les convertir en degrés Celsius, dans la partie « Transformer la valeur » vous allez entrer la formule permettant la conversion, la formule est la suivante : val-273.15.

Ensuite dans la partie Rendu, nous allons configurer le rendu visuel de notre visualisation. Dans notre exemple nous avons décidé de montrer la variation des températures par semaine, alors après avoir choisi le type de graphique que vous souhaitiez présenter, ici Graphique en lignes, vous allez sélectionner dans la partie « Période » : Jour, Semaine, Mois ou Année.

Il ne reste plus qu’a remplir dans l’onglet « Unité », l’unité dans laquelle vos données sont représentés sur votre graphique, ici en degrés Celsius donc : °C.

Cliquez sur Valider pour sauvegarder votre visualisation, celle-ci est désormais configurée, prête à être publiée.

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://koumoul.com/data-fair/app/variation-temperature-rennes-en-2019?embed=true" width="100%" height="500px" style="background-color: transparent; border: none;"></iframe>

Rendu final

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égrerez dans votre site vous aurez ce rendu :

Vous avez maintenant toutes les informations pour créer une série temporelle avec « Periodic Series » sur la plateforme Koumoul sans avoir besoin de programmer, 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 souhaitez aller plus loin, nous pouvons aussi réaliser des visualisations personnalisées.