TP8

Exercice 1

Nous allons commencer par faire de l'affichage de donnée simple en utilisant les différents éléments vu dans le cours sur plotly.

1. À partir de la fonction random en javascript, trouvez comment obtenir une valeur comprise entre deux bornes.
2. Générez 500 valeurs comprises entre 0 et 10 dans un tableau, et affichez un histogramme de ces valeurs, ainsi que la moyenne (tout ça en utilisant des éléments de plotly)

Exercice 2

Voyons maintenant comment nous pouvons faire en sorte de paramétrer les séries de données. Nous allons donner à l'utilisateur la possibilité de choisir parmis plusieurs jeux de données.

1. Générez trois tableaux de 100 valeurs chacun : un premier avec des valeurs entre 0 et 10, un second avec des valeurs entre 20 et 25, et un dernier avec des valeurs entre 50 et 100.
2. En utlilisant un élément select de HTML, créez une liste déroulante proposant à l'utilisateur de choisir parmi ces trois séries. Ajoutez sur votre page un histogramme (qui affiche par défaut la première série) ainsi qu'un bouton permettant de changer la série affichée.
3. En trouvant comment interagir avec l'élément select, fait en sorte que lorsque l'utilisateur appuie sur le bouton, la série séléctionnée s'affiche sur l'histogramme.

Exercice 3

Nous allons rajouter de l'interactivité aux histogrammes : créez une page qui demande à l'utilisateur d'entrer une phrase (à l'aide d'un prompt par exemple) et affiche l'histogramme représentant le nombre de lettres dans chaque mot de la phrase, ainsi que la moyenne du nombre de lettre.