Site web : Data visualisation sur la cybersécurité
Pour ce projet, nous avons dû travailler sur la manière de présenter des données sur le web. J'ai alors travaillé sur des graphiques, calculs ainsi que des animations.
Le projet
L'objectif de ce projet fictif, dans le cadre de ma formation, était de concevoir un site web visuel et interactif permettant de visualiser des données au travers de graphiques. Le projet devait allier la clarté des données, esthétique graphique et navigation simple et compréhensible.
Nous avons alors dû commencer par une analyse des données pour les comprendre nous-mêmes, et permettre, au travers de graphiques interactifs, aux utilisateurs de notre site de comprendre de quoi nous parlions.
Etapes du projet
Dans un premier temps, j'ai dû chercher les données que je voulais partager, j'ai alors choisi la cybersécurité selon les différents pays.
J'ai ensuite réalisé une maquette afin de mettre en place les différents éléments sur Figma et de me les visualiser.
Enfin, j'ai développé le site qui m'a demandé de nombreuses lignes de Javascript !
contraintes
Les données devaient être des données réelles que nous avons alors eu à chercher ou à fabriquer sur différents sites internet. Cette consigne a été la principale contrainte du site.
De plus, le site devait être réalisé entièrement côté front, avec un fichier JSON comme seul fichier contenant des données.
compétences mobilisées
- Analyse et traitement de données JSON
- réalisation de graphique SVG et animation de ces derniers
- Développement web responsive en HTML / CSS / JS
- Création d’une interface de filtres et tris
- Travail sur l’accessibilité visuelle
- Écriture de textes explicatifs pour contextualiser les chiffres