Réalisation du challenge. Vous aller retrouver tous les détails grâce au lien.
- 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.
- Utilisation de la nouvelle librairie
- Grosse difficultés a comprendre la doc à cause des différentes version
- Garder le moral
- Hacker un max les fonction de la librairie
- Etre le seul a utiliser une librairie ( chance que @Son m'a rejoint à la fin )
Malheureusement je n'ai pas réussi a faire ce que j'avais envie.
- Faire que le graphe dynamique sois plus travaillé
- Second graphe
- Une meilleure légende
- Rajouter les dots sur les lignes avec le mouseover
- Travailler un peu plus sur les toolstips
- Troisième graphe
- Une meilleure légende
- Différencier les deux rectangle par pays ou les mettre côte à côte
- Des axes plus lisibles