Example Home assistant lovelace YAML for presenting consumption energy data from HAN port

lovelace_energy.yaml

  - title: Energi
    id: energi
    icon: mdi:home-lightning-bolt-outline
    cards:
      - type: energy-date-selection
      - type: vertical-stack
        cards:
        - type: energy-usage-graph
        - type: gauge
          name: Aktuell förbrukning
          entity: sensor.momentary_active_import
          max: 15
          unit_of_measure: kW
        - type: energy-distribution
          link_dashboard: true
        - type: horizontal-stack
          cards:
          - type: gauge
            name: Fas 1 - ström
            entity: sensor.current_phase_1
            max: 20
            unit_of_measure: A
          - type: gauge
            name: Fas 2 - ström
            entity: sensor.current_phase_2
            max: 20
            unit_of_measure: A
          - type: gauge
            name: Fas 3 - ström
            entity: sensor.current_phase_3
            max: 20
            unit_of_measure: A

        - type: horizontal-stack
          cards:
          - type: gauge
            name: Fas 1 - spänning
            entity: sensor.voltage_phase_1
            min: 180
            max: 280
            needle: true
            severity:
              green:  207
              yellow: 180
              red: 244
            unit_of_measure: V
          - type: gauge
            name: Fas 2 - spänning
            entity: sensor.voltage_phase_2
            min: 180
            max: 280
            needle: true
            severity:
              green:  207
              yellow: 180
              red: 244
            unit_of_measure: V
          - type: gauge
            name: Fas 3 - spänning
            entity: sensor.voltage_phase_3
            min: 180
            max: 280
            needle: true
            severity:
              green:  207
              yellow: 180
              red: 244
            unit_of_measure: V

      - type: vertical-stack
        cards:
        - type: history-graph
          title: Fasbelastning - Ström
          hours_to_show: 24
          entities:
            - sensor.current_phase_1
            - sensor.current_phase_2
            - sensor.current_phase_3

        - type: history-graph
          title: Effektuttag
          hours_to_show: 24
          entities:
            - sensor.momentary_active_import_phase_1
            - sensor.momentary_active_import_phase_2
            - sensor.momentary_active_import_phase_3



        - type: history-graph
          title: Spänning per fas
          hours_to_show: 24
          entities:
            - sensor.voltage_phase_1
            - sensor.voltage_phase_2
            - sensor.voltage_phase_3