Example for the schematic overview Home Assistant dashboard
1. Add a Picture element card to the dashboard
2. Paste in the config below and adjust for your heat pump

Use https://portal.husdata.se/img/BV_3_HA.png for dark background
Use https://portal.husdata.se/img/BV_2_HA.png for white background

Example code below is for a IVT Geo och Bosch 7001 pump.
You have to modify the config to fit your pump

    elements:
      - entity: binary_sensor.hp_compressor
        type: image
        style:
          left: 36%
          top: 62.5%
          width: 28px
        state_image:
          "off": https://portal.husdata.se/img/CompOffTrans.gif
          "on": https://portal.husdata.se/img/CompAnimTrans.gif
      - entity: binary_sensor.hp_switch_valve_1
        type: image
        style:
          left: 77.2%
          top: 37.5%
          width: 25px
        state_image:
          "off": https://portal.husdata.se/img/VxvUpTrans.gif
          "on": https://portal.husdata.se/img/VxvDwnTrans.gif
      - entity: sensor.hp_radiator_forward
        style:
          left: 64%
          top: 23%
        type: state-label
      - entity: sensor.hp_heat_carrier_forwrd
        style:
          left: 69%
          top: 66%
        type: state-label
      - entity: sensor.hp_heat_carrier_return
        style:
          left: 69%
          top: 82%
        type: state-label
      - entity: sensor.hp_brine_in_evaporator
        style:
          left: 8%
          top: 57%
        type: state-label
      - entity: sensor.hp_brine_out_condenser
        style:
          left: 15%
          top: 82%
        type: state-label
      - entity: sensor.hp_warm_water_1_top
        type: state-label
        style:
          left: 88%
          top: 49%
      - entity: sensor.hp_hot_gas_compr
        style:
          left: 47%
          top: 57%
        type: state-label
      - entity: sensor.hp_indoor
        type: state-label
        style:
          left: 20%
          top: 37%
      - entity: sensor.hp_outdoor
        style:
          left: 8%
          top: 20%
        type: state-label
      - entity: sensor.hp_add_heat_status
        style:
          left: 57%
          top: 43%
        type: state-label
      - type: state-label
        entity: sensor.hp_warm_water_2_mid
        style:
          left: 88%
          top: 69%
      - type: state-label
        style:
          left: 37%
          top: 73%
        entity: sensor.hp_compressor_speed
      - type: state-label
        style:
          left: 38%
          top: 80%
        entity: sensor.hp_compressor_power
      - type: state-label
        style:
          left: 16%
          top: 71%
        entity: sensor.hp_brine_pump_speed
      - type: state-label
        style:
          left: 20%
          top: 45%
        entity: sensor.hp_humidity
     - type: image
        entity: binary_sensor.hp_pump_cold_circuit
        style:
          left: 16%
          top: 62.5%
          width: 30px
        state_image:
          "off": https://portal.husdata.se/img/PumpRightOffTrans.gif
          "on": https://portal.husdata.se/img/PumpRightAnimTrans.gif
      - type: state-label
        style:
          left: 72%
          top: 47%
        entity: sensor.hp_circ_pump_speed
      - type: state-label
        entity: sensor.hp_warm_water_setpoint
        style:
          left: 88%
          top: 59%
          color: "#0000FF"
      - type: state-label
        style:
          left: 33%
          top: 94%
        entity: sensor.hp_suction_gas
      - type: state-label
        entity: sensor.hp_heating_setpoint
        style:
          left: 77%
          top: 23%
          color: "#0000FF"
      - type: image
        style:
          left: 70%
          top: 37.5%
          width: 30px
        state_image:
          "off": https://portal.husdata.se/img/PumpRightOffTrans.gif
          "on": https://portal.husdata.se/img/PumpRightAnimTrans.gif
        entity: binary_sensor.hp_pump_heat_circuit
    image: https://portal.husdata.se/img/BV_3_HA.png