En s’appuyant sur les labs précédents, on va proposer une nouvelle version de notre projet IoT qui intègre des graphiques réalisés avec D3.js.

On remplace le tableau d’historique des données par un graphique sous forme de série temporelle.

On utilise un composant react connecté au store. On utilise les fonctions évènementielles du cycle de vie du composant (componentDidMount, componentDidUpdate, componentWillUnmount) pour créer et mettre à jour le graphique D3.js.

  • Le graphique doit se mettre à jour en même temps que le composant React associé.
  • Le graphique doit se mettre mettre à l’échelle automatiquement en fonction des données.

On pourra se servir du projet suivant comme point de départ pour ce projet : https://github.com/pigne/stuff-sensors