Skip to main content

Week 48 - Ian

Ian-Chains Baute
Ian-Chains Baute
Leerling informatica GO! atheneum en leefschool De Tandem

Deze week heb ik me beziggehouden met het maken van een instant monitor dashboard met behulp van Dash en Plotly om de binnenunit meetgegevens visueel weer te geven op een kaart van onze school.

Wat heb ik gedaan?​

  • Een open street map kaart geïmplementeerd in dash.
  • Polygons (die lokalen voorstellen) toegevoegd aan de map via een geojson via de tool genaamd: geojson.io
  • Een pandas dataframe aangemaakt met enkele voorbeelddata om te testen.

Wat heb ik geleerd?​

  • Hoe ik een choropleth map van plotly kan implementeren in een dash project.
  • Hoe ik een geojson kan aanmaken met polygon vormen.
  • Hoe ik een pandas dataframe moet gebruiken.
  • Dat de data en locaties worden gelinkt aan elkaar door middel van de ingesteld featureidkey.
  • Dat ik de latitude en longitude niet met elkaar moet verwisselen, of ik zit aan de andere kant van de wereld :)

Problemen of vragen​

  • Vraag voor volgende stap: Hoe kan ik een callback maken die reageert op het veranderen van data (in een variable/lijst)? (Dit voor het ontvangen van nieuwe data via MQTT)

Volgende stappen​

  • Radio buttons van keuze meetgegevens wijzigen naar een dropdown.
  • De map interactief maken, de meetgegevens laten veranderen op de kaart.
  • De kleur range aanpassen aan de hand van welke meetgegevens worden weergegeven.
  • Callback (map refresh) met MQTT data update als trigger om de laatste meetgegevens weer te geven.
  • Bij het klikken op een locatie/lokaal, het openen van een apparte sub pagina met de geschiedenis van de meetgegevens.