Share Your Cards Screenshots and Yaml Codes Here

[cataseven]

You can share your cards screenshots and yaml codes here

[somansch]

For tracking of water consumption by month, I created this chart with inputs. At the beginning of month you update the counter (Zählerstand) for each water meter.

type: custom:statistics-graph-chart-card
card_header_size: 20px
show_y_axis_label: true
show_x_ticks: true
show_y_ticks: true
stacked: true
hours_to_show: 12000
points_per_hour: 0.1
tooltip_match_axis: true
tooltip_order: default
height: 200
y_axis_ticks: 5
y_axis_decimals: 1
y_axis_font_size: 11
y_axis_font_opacity: 1
x_axis_date_color: var(--my-grey)
x_grid_style: dashed
y_grid_style: dotted
y_grid_width: 2
y_grid_opacity: 1
group_by: month
entities:
  - entity: sensor.kaltwasser_waschmaschine_zahlerstand_sensor
    color: var(--my-green)
    name: Waschmaschine
    smooth: false
    graph_type: bar
    decimals: 3
    forecast_horizon: -650
    show_state: false
    aggregate_func: change
    show_data_labels: false
    show_extrema: never
  - entity: sensor.kaltwasser_bad_zahlerstand_sensor
    color: var(--my-red)
    name: Bad
    smooth: false
    graph_type: bar
    decimals: 3
    forecast_horizon: -650
    show_state: false
    aggregate_func: change
    show_extrema: never
  - entity: sensor.kaltwasser_wc_zahlerstand_sensor
    color: var(--my-yellow)
    name: WC
    show_fill: false
    show_state: false
    graph_type: bar
    aggregate_func: change
    decimals: 3
    forecast_horizon: -650
    show_extrema: never
  - entity: input_number.kaltwasser_bad_zahlerstand
    statistic_id: null
    name: Bad Zählerstand
    color: var(--my-red)
    tap_action:
      action: more-info
    show_graph: false
    name_position: below
    show_trend_icon: false
    state_size: 24px
    decimals: 3
    show_color_dot: false
    state_adaptive_color: true
    show_extrema: never
  - entity: input_number.kaltwasser_wc_zahlerstand
    statistic_id: null
    name: WC Zählerstand
    color: var(--my-yellow)
    tap_action:
      action: more-info
    show_graph: false
    name_position: below
    show_trend_icon: false
    state_size: 24px
    decimals: 3
    align_state: right
    show_color_dot: false
    state_adaptive_color: true
    show_extrema: never
  - entity: input_number.kaltwasser_waschmaschine_zahlerstand
    statistic_id: null
    name: Waschmaschine Zählerstand
    color: var(--my-green)
    tap_action:
      action: more-info
    show_graph: false
    name_position: below
    show_trend_icon: false
    state_size: 24px
    decimals: 3
    align_state: center
    show_color_dot: false
    state_adaptive_color: true
    show_extrema: never
annotations: []

[somansch]

To track your heating consumption without a smart meter, I created this chart. At the beginning of the month you need to update the counter (Zählerstand). In addition, you see the monthly average of outside temperature to understand the impact.

type: custom:statistics-graph-chart-card
card_header_size: 20px
show_tooltip_total: false
show_y_axis_label: true
show_x_ticks: true
show_y_ticks: true
hours_to_show: 12000
points_per_hour: 0.1
tooltip_match_axis: true
tooltip_order: default
height: 200
y_axis_ticks: 5
y_axis_decimals: 1
y_axis_font_size: 11
y_axis_font_opacity: 1
x_axis_date_color: var(--my-grey)
x_grid_style: dashed
y_grid_style: dotted
y_grid_width: 2
y_grid_opacity: 1
group_by: month
entities:
  - entity: sensor.heizung_zahlerstand_sensor
    color: var(--my-red)
    name: Verbrauch
    smooth: false
    graph_type: bar
    aggregate_func: change
    decimals: 3
    forecast_horizon: -650
    show_state: false
    show_extrema: never
  - entity: input_number.heizung_zahlerstand
    color: var(--my-red)
    name: Zählerstand
    smooth: false
    graph_type: bar
    aggregate_func: change
    decimals: 3
    tap_action:
      action: more-info
    show_graph: false
    show_trend_icon: false
    state_size: 24px
    name_position: below
    state_adaptive_color: true
    show_color_dot: false
    show_extrema: never
  - entity: sensor.ausen_netatmo_temperature
    color: var(--my-blue)
    name: Außentemperatur
    y_axis: secondary
    show_fill: false
    show_state: false
    color_thresholds:
      enabled: true
      values:
        - value: 0
          color: var(--my-blue)
        - value: 17
          color: var(--my-red)
    rise_fall_colors:
      enabled: false
      increase: "#2ecc71"
      decrease: "#e74c3c"
      stable: "#95a5a6"
    show_extrema: never
annotations: []

[swepan]

Simple Nord Pool card

type: custom:statistics-graph-chart-card
hours_to_show: 4
tooltip_match_axis: false
tooltip_order: default
x_grid_style: dashed
y_grid_style: dashed
entities:
  - entity: sensor.nord_pool_se4
    statistic_id: null
    name: ""
    color: "#ff4757"
    graph_type: bar
    data_attribute: data
    data_time_field: start
    data_value_field: value
    color_thresholds:
      enabled: true
      values:
        - value: 0.3
          color: "#474eff"
        - value: 1
          color: "#e0ff47"
        - value: 2
          color: "#e67e22"
      transition: hard
    rise_fall_colors:
      enabled: false
      increase: "#2ecc71"
      decrease: "#e74c3c"
      stable: "#95a5a6"
    state_size: 25px
    decimals: 2
    show_data_labels: false
    show_extrema: always
    show_in_legend: true
    show_color_dot: false
    state_adaptive_color: true
    trend_icon_size: 22px
    tooltip_name: " "
    show_extrema_min: false
    smooth: false
    show_line: false
    data_time_year: null
    extrema_show_timestamp: false
annotations: []