Sample frontend config for energy monitoring

power - sample.yaml

################################################
icon: mdi:flash
id: Power
title: Power
cards:


  - type: custom:vertical-stack-in-card
    cards:
      - type: entities
        entities:
          - type: custom:fold-entity-row
            head: sensor.metered_devices_power
            entities:
              - entity: sensor.workbench_light_power
                name: Workbench Light
              - entity: ...
          - type: custom:fold-entity-row
            head: sensor.house_lights_virtual_power
            entities:
              - entity: sensor.front_room_light_power
                name: Front Room
              - entity: ...
          - type: custom:fold-entity-row
            head: sensor.office_lights_virtual_power
            entities:
              - entity: sensor.office_couch_light_power
                name: "Couch Light"
              - entity: ...
          - entity: sensor.total_power
            name: Total
            icon: mdi:sigma
        title: Power Usage
  - type: custom:vertical-stack-in-card
    cards:    
      - type: entities
        entities:
        - entity: sensor.metered_devices_monthly_energy
          type: custom:multiple-entity-row
          name: Metered Devices
          icon: mdi:gauge
          state_header: Monthly
          entities:
            - entity: sensor.metered_devices_daily_energy
              name: Daily 
        - entity: ...
        title: Energy Consumption

  - type: 'custom:mini-graph-card'
    icon: mdi:flash
    entities:
      - entity: sensor.total_power
        index: 0
        name: Watts
        show_state: true
        state_adaptive_color: false
      - entity: input_number.nighttime
        name: Night
        color: gray
        show_line: false
        show_points: false
        show_legend: false
        y_axis: secondary
    lower_bound_secondary: 0
    hours_to_show: 48
    name: Usage History - 48hr
    hour24: false
    line_width: 2
    show:
      extrema: true
    points_per_hour: 60

  - type: 'custom:mini-graph-card'
    icon: mdi:flash
    entities:
      - entity: sensor.total_daily_energy
    hours_to_show: 168
    name: Daily Energy - Week
    aggregate_func: max
    group_by: date
    show:
      graph: bar

  - type: 'custom:mini-graph-card'
    icon: mdi:flash
    entities:
      - entity: sensor.office_heater_on
    hours_to_show: 168
    name: Heater Hours Day
    aggregate_func: max
    group_by: date
    show:
      graph: bar