📝 100% Templatable Lovelace Configurations

Hey,
im trying to combine an input select with a graph.
the idea being that you can show the average temp for a selected room in the house.

i cant quite get the variables to load into the graph card however?

working graph card:

color_thresholds:
  - color: '#f39c12'
    value: 20
  - color: '#d35400'
    value: 25
  - color: '#c0392b'
    value: 30
entities:
  - sensor.average_temp_jamie_office
hours_to_show: 168
name: Jamie Office Average Temp - Past Week
show:
  average: true
  extrema: true
  labels: true
type: 'custom:mini-graph-card'

input select options:

  room_temp_display:
    name: Display Room Temp Info
    options:
      - Office
      - Living
      - Kitchen
    initial: Office

Office = sensor.average_temp_jamie_office
Living = sensor.average_temp_living_room

My test:

type: vertical-stack
cards:
  - type: entities
    title: My Title
    entities:
      - entity: input_select.room_temp_display
  - type: 'custom:config-template-card'
    variables:
      - 'states[''input_select.room_temp_display''].state'
    entities:
      - input_select.room_temp_display
    card:
      color_thresholds:
        - color: '#f39c12'
          value: 20
        - color: '#d35400'
          value: 25
        - color: '#c0392b'
          value: 30
      entities:
        - '${vars[0] === ''Office'' ? ''sensor.average_temp_jamie_office''': 'vars[0] === ''Living'' ? ''sensor.average_temp_living_room'' }'
      hours_to_show: 168
      name: Jamie Office Average Temp - Past Week
      show:
        average: true
        extrema: true
        labels: true
      type: 'custom:mini-graph-card'