Visualization card (single zone)

[thecem]

Since ther is no discussion for this:

config

type: grid
cards:
  - type: heading
    heading_style: title
    heading: Heat Curve
    icon: mdi:chart-bell-curve-cumulative
    badges:
      - type: entity
        show_state: true
        show_icon: true
        entity: sensor.panasonic_heat_pump_main_outside_temp
        icon: mdi:home-thermometer-outline
        tap_action:
          action: more-info
      - type: entity
        show_state: true
        show_icon: true
        entity: number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp
        icon: mdi:thermometer-chevron-down
        tap_action:
          action: more-info
      - type: entity
        show_state: true
        show_icon: false
        entity: number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp
        icon: mdi:thermometer-chevron-down
        tap_action:
          action: more-info
      - type: entity
        show_state: true
        show_icon: true
        entity: number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp
        icon: mdi:thermometer-chevron-up
        tap_action:
          action: more-info
      - type: entity
        show_state: true
        show_icon: false
        entity: number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp
        icon: mdi:thermometer-chevron-up
        tap_action:
          action: more-info
  - type: custom:plotly-graph
    refresh_interval: 10
    defaults:
      entity:
        line:
          shape: spline
    layout:
      xaxis:
        type: number
        autorange: true
    entities:
      - entity: ""
        name: >
          $ex "Water Target Temp " +
          hass.states["sensor.panasonic_heat_pump_main_main_target_temp"].state
          + "°C"
        line:
          width: 1
          dash: dot
        x:
          - >-
            $ex
            hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp'].state
          - >-
            $ex
            hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp'].state
        "y":
          - >-
            $ex
            hass.states['sensor.panasonic_heat_pump_main_main_target_temp'].state
          - >-
            $ex
            hass.states['sensor.panasonic_heat_pump_main_main_target_temp'].state
      - entity: ""
        name: >
          $ex "Outside Temp " +
          hass.states["sensor.panasonic_heat_pump_main_outside_temp"].state +
          "°C"
        value: "1"
        line:
          width: 1
          dash: dot
        x:
          - >-
            $ex
            hass.states['sensor.panasonic_heat_pump_main_outside_temp'].state
          - >-
            $ex
            hass.states['sensor.panasonic_heat_pump_main_outside_temp'].state
        "y":
          - >-
            $ex
            hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state
          - >-
            $ex
            parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state)
            +
            parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_request_temp'].state)
      - entity: ""
        name: >
          $ex "Zone 1 (with request shift of " +
          hass.states["number.panasonic_heat_pump_main_z1_heat_request_temp"].state
          + "°C" + ")"
        x:
          - >-
            $ex
            hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp'].state
          - >-
            $ex
            hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp'].state
        "y":
          - >-
            $ex
            parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state)
            +
            parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_request_temp'].state)
          - >-
            $ex
            parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state)
            +
            parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_request_temp'].state)
      - entity: ""
        name: Zone 1
        x:
          - >-
            $ex
            hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp'].state
          - >-
            $ex
            hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp'].state
        "y":
          - >-
            $ex
            hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state
          - >-
            $ex
            hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state
  - type: tile
    entity: sensor.panasonic_heat_pump_main_outside_temp
    name: Outdoor Temp
  - type: tile
    entity: number.panasonic_heat_pump_main_z1_heat_request_temp
    name: Reqested shift
  - type: tile
    entity: number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp
    name: Water min
  - type: tile
    entity: number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp
    name: Water max
  - type: tile
    entity: number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp
    name: Out Air min
  - type: tile
    entity: number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp
    name: Out Air max

[geduxas]

Oh, i always thanked about it, and never tried fulfill. Thanks! Maybe we need some "example sektion", and make those code available? @kamaradclimber ?

[sorenfisker]

Copy pasting the code as a new card does not look like your image:

[geduxas]

@sorenfisker paste it as new element, not inside of grid. I made same mistake in first time.

[kamaradclimber]

I'm not sure to understand your solution @geduxas . I have the same issue (it looks better when replacing type: grid by vertical-stack though)

Thanks @thecem for your contribution. You can make a pull request on the README if you are interested (otherwise I'll do one this weekend I think)

[geduxas]

In dashboard add new card, select manual (yaml) paste whole code, that's it. Or if in new sections layout add blank new section, click on pencil free dot's, and in yaml paste whole code.

[thecem]

The above card is created for the new sections view dashboard in ha. You may have to adapt it to your dasboard type.

[PGnl]

Looks great. Works like a charm here

Will need to adapt it for zone 2 as well. But seems straightforward.
and now for shift mode, but use no shift. Will adapt it for my use. Thanks

[sorenfisker]

I've been using this graph:

type: custom:plotly-graph
refresh_interval: 10
title: Heat curve
defaults:
  entity:
    show_value: false
    line:
      shape: linear
layout:
  xaxis:
    title: Outside temperature
    type: degree
    range:
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp'].state-10
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp'].state-(-10)
  yaxis:
    title: Target output temperature
entities:
  - entity: ""
    name: >-
      $ex "Target output temperature " +
      hass.states['sensor.panasonic_heat_pump_main_main_target_temp'].state +
      "°C"
    x:
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp'].state-10
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp'].state-(-10)
    "y":
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state
  - entity: ""
    name: >-
      $ex "Outside temperature " +
      hass.states['sensor.panasonic_heat_pump_main_outside_temp'].state + "°C"
    x:
      - $ex hass.states['sensor.panasonic_heat_pump_main_outside_temp'].state
      - $ex hass.states['sensor.panasonic_heat_pump_main_outside_temp'].state
    "y":
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state-2
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state-(-2)
  - entity: ""
    name: >-
      $ex "Cutoff temperature " +
      hass.states['number.panasonic_heat_pump_main_heating_off_outdoor_temp_2'].state
      + "°C"
    x:
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_heating_off_outdoor_temp_2'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_heating_off_outdoor_temp_2'].state
    "y":
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state-2
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state-(-2)

[guillaume2606]

my integration in HA.

[MrReSc]

config

type: custom:plotly-graph
config:
  staticPlot: true
refresh_interval: 1
disable_pinch_to_zoom: true
defaults:
  entity:
    show_value: false
    showlegend: false
    line:
      shape: line
layout:
  margin:
    b: 70
    t: 20
    r: 30
  font:
    color: white
  xaxis:
    type: number
    autorange: true
    title:
      text: AT [°C]
      font:
        color: white
    fixedrange: true
    dtick: 5
  yaxis:
    title:
      text: VL [°C]
      font:
        color: white
    fixedrange: true
    dtick: 2
entities:
  - entity: ""
    name: Zone 1
    line:
      width: 2
      color: "#1e608e"
    x:
      - -15
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp'].state
      - 20
    "y":
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state
  - entity: ""
    name: Zone 1 + Offset
    line:
      width: 2
      dash: dot
      color: "#1e608e"
    x:
      - -15
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_low_temp'].state
      - >-
        $ex
        hass.states['number.panasonic_heat_pump_main_z1_heat_curve_outside_high_temp'].state
      - 20
    "y":
      - >-
        $ex
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state)
        +
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_request_temp'].state)
      - >-
        $ex
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state)
        +
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_request_temp'].state)     
      - >-
        $ex
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state)
        +
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_request_temp'].state)          
      - >-
        $ex
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state)
        +
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_request_temp'].state)
  - entity: ""
    name: >
      $ex "Vorlauftemperatur " +
      hass.states["sensor.panasonic_heat_pump_main_main_target_temp"].state +
      "°C"
    line:
      width: 1
      dash: dot
      color: "#f44336"
    show_value: true
    x:
      - -15
      - 20
    "y":
      - >-
        $ex
        hass.states['sensor.panasonic_heat_pump_main_main_target_temp'].state
      - >-
        $ex
        hass.states['sensor.panasonic_heat_pump_main_main_target_temp'].state
  - entity: ""
    name: >
      $ex "Aussentemperatur " +
      hass.states["sensor.panasonic_heat_pump_main_outside_temp"].state + "°C"
    line:
      width: 1
      dash: dot
      color: "#4caf50"
    x:
      - $ex hass.states['sensor.panasonic_heat_pump_main_outside_temp'].state
      - $ex hass.states['sensor.panasonic_heat_pump_main_outside_temp'].state
    "y":
      - >-
        $ex
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_high_temp'].state) 
        + 
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_request_temp'].state)
      - >-
        $ex
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state)
        -1.0
  - entity: ""
    name: AT Punkt
    showlegend: false
    mode: markers+text
    marker:
      size: 6
      color: "#4caf50"
      symbol: circle
      line:
        width: 0
    text:
      - >-
        $ex
        (parseFloat(hass.states['sensor.panasonic_heat_pump_main_outside_temp'].state)).toFixed(0)
    textposition: middle left
    textfont:
      color: "#4caf50"
      size: 11
    x:
      - $ex hass.states['sensor.panasonic_heat_pump_main_outside_temp'].state
    "y":
      - >-
        $ex
        parseFloat(hass.states['number.panasonic_heat_pump_main_z1_heat_curve_target_low_temp'].state)
        - 1.0