Projet créé le 11 novembre 2019 par Kevin Labtani dans le cadre de la formation Web Developer donnée par BeCode, dans le but d'apprendre à utiliser d3.js
Le projet est réalisé sur base des instructions données
Le project est en ligne sur sa GitHub Page
- J'ai pu trouver le bon sélecteur pour y arriver.
- J'ai pu injecter le graphique au bon endroit de la page via javascript.
- J'ai pu récupérer les données html dans un format adapté à mon code javascript.
- J'ai pu recevoir la réponse du serveur distant en json.
- ensuite, j'ai pu construire une fonction de callback traitant ces données.
- J'ai pu intégrer la librairie tierce dans mon application.
- J'ai utilisé la documentation fournie par la librairie.
- J'ai pu générer les 2 graphiques "inline data".
- J'ai pu générer le graphique "remote data".
- Rigueur syntaxique : j'ai pu traduire les processus que j'ai imaginé en syntaxe javascript.
- Pensée logique : à force d'itérations et d' essais & erreurs, j'ai pu trouver un chemin logique qui fonctionne pour répondre aux problèmes soulevés par la demande du client. Spécifiquement :
- J'ai pu générer les 2 graphiques "inline data".
- J'ai pu générer le graphique "remote data".
- J'ai pu construire une fonction de callback traitant les données remote (reçues via ajax).
- J'ai pu faire en sorte que le graphique realtime se rafraichisse en temps réel.
- J'ai pu afficher les données détaillées au survol de la souris.
- J'utilise la console pour comprendre ce qui se passe et confronter ce que je tente de programmer à ce que la machine exécute.
- Si je désactive le javascript, l'expérience-utilisateur est satisfaisante, l'utilisateur a accès aux données et au contenu
- Si j'active le javascript, les tableaux sont agrémentés d'un graphique interactif.
- BeCode pour la formation
- Arnaud Duchemin pour le coaching
- La promotion CRL-Woods-2.15 pour l'aide et le support