Visualisation d’un jeu de données issu de stackOverflow

Projet Universitaire | Novembre - Décembre 2023

• HTML • CSS • Javascript • ChartJs

Contexte :

Dans le cadre de notre formation, nous avons entrepris un projet visant à analyser et à afficher des données issues de l'enquête Stack Overflow de 2023, en utilisant la librairie chart.js. Ce jeu de données représente un large panel de personnes produisant du code informatique, en tant que professionnels ou amateurs. Le projet visait à vérifier notre maîtrise de chart.js et de JavaScript, tout en offrant un aperçu des débouchés, salaires et types de postes existants dans le domaine informatique. Les données ont été divisées en deux sous-ensembles : l'un pour les informaticiens européens et l'autre pour ceux d'Amérique du Nord.

Travail réalisé :

Nous avons débuté par la préparation des données, en nettoyant et convertissant les jeux de données pour une utilisation efficace avec chart.js. Nous avons segmenté les données en deux sous-ensembles : l'un pour les réponses des informaticiens européens et l'autre pour celles des informaticiens nord-américains. Ensuite, nous avons mis en place plusieurs visualisations interactives et dynamiques. Nous avons créé des graphiques affichant le revenu moyen des professionnels en fonction de leur nombre d'années d'expérience, permettant à l'utilisateur de filtrer les résultats par continent et pays. De même, nous avons développé des graphiques pour montrer le revenu moyen selon le niveau d'études, avec les mêmes options de filtrage. Pour explorer les compétences techniques, nous avons réalisé des visualisations présentant le revenu moyen des professionnels en fonction des plateformes de cloud qu'ils utilisent, et des frameworks de développement web avec lesquels ils travaillent. Ces graphiques incluaient également des filtres par nombre d'années d'expérience, continent et pays. Pour identifier les technologies les plus utilisées, nous avons conçu des graphiques affichant le top 5 des systèmes d'exploitation et des outils de communication utilisés par les professionnels, en fonction de leur métier (DevType) et de leur continent. Nous avons permis à l'utilisateur d'étendre ces visualisations pour afficher le top 6, 7 ou 8. En termes de qualité et d'organisation du code, nous avons veillé à découper notre code en fonctions distinctes pour améliorer la lisibilité et la maintenabilité. Nous avons également configuré un fichier permettant de spécifier la localisation des jeux de données via une URL, facilitant ainsi l'intégration et l'actualisation des données.

Objectifs spécifiques :

  • Maîtriser l'utilisation de la librairie chart.js pour créer des visualisations interactives et dynamiques.
  • Analyser et interpréter les données de l'enquête Stack Overflow pour en tirer des visualisations pertinentes.
  • Développer des compétences en JavaScript et en manipulation de données.
  • Travailler efficacement en binôme pour respecter les délais et les exigences du projet.
  • Créer une série de visualisations montrant :
    - Le revenu moyen des professionnels en fonction de leur expérience et de leur niveau d'études.
    - Le revenu moyen des professionnels en fonction des plateformes de cloud et des frameworks de développement web utilisés.
    - Les technologies les plus utilisées, notamment les systèmes d'exploitation et les outils de communication.

Bilan :

Ce projet nous a permis de renforcer notre compréhension et notre maîtrise des outils de visualisation de données avec chart.js. Nous avons également acquis des compétences précieuses en analyse de données et en développement JavaScript. Le travail en binôme nous a appris à mieux collaborer et à partager les responsabilités pour atteindre nos objectifs dans les délais impartis. Les visualisations produites offrent une vue d'ensemble claire et informative des tendances actuelles dans le domaine informatique, répondant aux objectifs fixés par le projet.

Erems
Erems
Erems
Erems
Erems

Currently Offline... Please contact me