x

Réalisation d'un site de visualisation de données

image présentation covid tracker

Dans le cadre d'un projet, nous devions créer un site de représentation de données. Ces données sont celles liées au Covid-19 dans la région des Pyrénées-Atlantiques. Nous devions faire en sorte que toutes nos représentations soient visibles sur une seule page, sans avoir besoin de scroller.

Pour réaliser ce projet, je me suis servi de la librairie Charts.js.

index du site

Organisation du projet

Etant donné que le projet necéssitait beaucoup de code (du fait de l'utilisation de Charts.js, d'une base de données, etc.), j'ai décidé de séparer au maximum les différents éléments, pour avoir un index le plus simple possible. Les différents fichiers sont ensuites liés à l'index à l'aide de mot clé « include ».

Utilisation de Charts.js

Charts.js est une librairie permettant de faire des représentations de données très facilement. Ci-dessous, un objet « Chart ».
Les valeurs du graphique sont récupérés directement en écrivant du php dans l'objet.

code d'un objet Chart

Explication de chaque graphique

J'ai également rajouté de petites info-bulles d'explication pour chacune des représentations, afin de commenter les résultats.

développement de l'intérêt de cette représentation
Télécharger le projet