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