iotDashboard.mermaid.txt

classDiagram
    direction RL
    Tasmota --> MqttBroker: Tasmota publishes sensor readings to broker
    class Tasmota{
        publish()
    }
    class MqttBroker {
        message_queue
    }
    Mqttjs --> Chartjs: onRecieve pushes new data and updates Chart
    IndexedDB <-- Chartjs: reads data from DB on first page load
    class Chartjs {
      update()
      push()
      dataPoints: readings[]
    }
    Mqttjs --> MqttBroker : Mqttjs subscribes to messages in MqttBroker
    Mqttjs <-- MqttBroker : MqttBroker sends new message over WebSocket
    class Mqttjs {
      subscribe()
      onReceive()
    }
    Mqttjs --> IndexedDB : onReceive adds data to object store using transaction
    class IndexedDB {
      transaction()
      createObjectStore()
      createIndex()
    }