Sample YAML for LVGL config in ESPHome.

lvgl.yaml

color:
  - id: color_back
    hex: FF0000
  - id: color_blue
    hex: 0000FF

lvgl:
  color_depth: 16
  bg_color: 0xFFFFFF
  style_definitions:
    - id: style_line
      line_color: color_blue
      line_width: 8
      line_rounded: true
      checked:
        line_color: 0xff0000
  layout: flex
  align: top_mid
  width: 80%
  widgets:
    - line:
        default:
          styles: style_line
        points:
          - 5, 5
          - 30, 30
          - 60, 10
    - label:
        align: left_mid
        text_color: 0x000000
        text: 'WiFi Signal'
        text_font: montserrat_20
    - meter:
        scales:
          - tick_width: 2
            tick_count: 41
            tick_length: 10
            major_stride: 8
            major_width: 4
            major_length: 15
            major_color: 0
            label_gap: 10
            range_from: -100
            range_to: 0
            angle_range: 270
            indicators:
              - line:
                  id: wifi_indicator
                  value: wifi_signal_db
                  width: 3
                  color: 0x303030
                  r_mod: -5
              - arc:
                  start_value: -100
                  end_value: -80
                  width: 3
                  color: 0xFF0000
              - arc:
                  start_value: -40
                  end_value: 0
                  width: 3
                  color: 0x00FF00
              - ticks:
                  start_value: -100
                  end_value: -80
                  color_start: 0xFF0000
              - ticks:
                  start_value: -40
                  end_value: 0
                  color_start: 0x00FF00

    - arc:
        value: 75