Components for Belgian public transport

see below config, i’m using the following custom cards

Bar-card
Attributes card / entity row

entities:
  - entity: sensor.train_home
    from: left
    height: 30px
    indicator: true
    max: 40
    min: 0
    rounding: 5px
    saturation: 50%
    severity:
      - hue: '120'
        value: 30
      - hue: '40'
        value: 31
      - hue: '0'
        value: 35
    style:
      '--paper-card-background-color': 'rgba(84, 95, 108, 0.7)'
      border-radius: 8px
      left: 1%
      overflow: hidden
      top: 29%
      transform: none
      width: 48%
    title: Train Home
    type: 'custom:bar-card'
    width: '70'
  - entity: sensor.train_home
    filter:
      exclude:
        - sensor.train_home.at*
        - sensor.train_home.fr*
        - sensor.train_home.oc*
        - sensor.train_home.ic*
        - sensor.train_home.oc*
        - sensor.train_home.uni*
      include:
        - sensor.train_home.*
    heading_name: Home
    heading_state: '  '
    type: 'custom:entity-attributes-card'
  - entity: sensor.train_work
    from: left
    height: 30px
    indicator: true
    max: 40
    min: 0
    rounding: 5px
    saturation: 50%
    severity:
      - hue: '120'
        value: 30
      - hue: '40'
        value: 31
      - hue: '0'
        value: 35
    style:
      '--paper-card-background-color': 'rgba(84, 95, 108, 0.7)'
      border-radius: 8px
      left: 1%
      overflow: hidden
      top: 29%
      transform: none
      width: 48%
    title: Train Work
    type: 'custom:bar-card'
    width: '70'
  - entity: sensor.train_work
    filter:
      exclude:
        - sensor.train_work.at*
        - sensor.train_work.fr*
        - sensor.train_work.oc*
        - sensor.train_work.ic*
        - sensor.train_work.oc*
        - sensor.train_work.uni*
      include:
        - sensor.train_work.*
    heading_name: Work
    heading_state: '  '
    type: 'custom:entity-attributes-card'
show_header_toggle: false
type: entities