{
  "elements": [
    {
      "color": "$card",
      "fill_opacity": 1,
      "height": 150,
      "id": "rect-1",
      "radius": 30,
      "type": "rect",
      "width": 300,
      "x": 3510,
      "y": 1820
    },
    {
      "color": "$primary",
      "font_size": 60,
      "id": "label-3",
      "text": "KPH",
      "type": "label",
      "x": 3710,
      "y": 1927
    },
    {
      "font_size": 150,
      "id": "value-4",
      "italic": true,
      "type": "value",
      "unit": "metric",
      "value": "speed",
      "x": 3530,
      "y": 1950
    },
    {
      "color": "$card",
      "fill_opacity": 1,
      "height": 150,
      "id": "rect-2",
      "radius": 30,
      "type": "rect",
      "width": 300,
      "x": 3510,
      "y": 1660
    },
    {
      "font_size": 150,
      "id": "value-2",
      "italic": true,
      "type": "value",
      "unit": "mph",
      "value": "speed",
      "x": 3530,
      "y": 1790
    },
    {
      "color": "$primary",
      "font_size": 60,
      "id": "label-4",
      "text": "MPH",
      "type": "label",
      "x": 3710,
      "y": 1790
    },
    {
      "color": "$card",
      "fill_opacity": 1,
      "height": 150,
      "id": "rect-0",
      "radius": 30,
      "type": "rect",
      "width": 350,
      "x": 3460,
      "y": 1980
    },
    {
      "font_size": 150,
      "id": "value-5",
      "italic": true,
      "type": "value",
      "value": "cadence",
      "x": 3480,
      "y": 2110
    },
    {
      "color": "#f11718",
      "font_size": 60,
      "id": "label-2",
      "text": "RPM",
      "type": "label",
      "x": 3710,
      "y": 2080
    },
    {
      "color": "$card",
      "fill_opacity": 1,
      "height": 150,
      "id": "rect-3",
      "radius": 30,
      "type": "rect",
      "width": 400,
      "x": 3410,
      "y": 30
    },
    {
      "distance_reference": "overlay_end",
      "font_size": 100,
      "id": "value-6",
      "suffix": " m",
      "text_align": "right",
      "type": "value",
      "unit": "m",
      "value": "distance",
      "x": 3790,
      "y": 140
    },
    {
      "color": "$primary",
      "fill": {
        "opacity": 0
      },
      "height": 1000,
      "id": "plot-0",
      "line": {
        "width": 8
      },
      "margin": 0.1,
      "opacity": 0.5,
      "rotation": 90,
      "type": "plot",
      "value": "course",
      "width": 600,
      "x": 2538,
      "y": 1314,
      "point": {
        "color": "#ffda01",
        "edge_color": "#710e0b",
        "edge_width": 8,
        "weight": 1000
      }
    },
    {
      "color": "$primary",
      "fill_opacity": 0.2,
      "height": 140,
      "id": "rect-5",
      "radius": 20,
      "type": "rect",
      "width": 1620,
      "x": 30,
      "y": 1840
    },
    {
      "color": "$primary",
      "font_size": 70,
      "id": "label-0",
      "text": "W",
      "type": "label",
      "x": 1535,
      "y": 1956
    },
    {
      "font_size": 120,
      "id": "value-3",
      "type": "value",
      "value": "power",
      "x": 1380,
      "y": 1955
    },
    {
      "background": "$primary",
      "background_opacity": 0,
      "border_color": "#000",
      "border_width": 10,
      "color": "#ff40ff",
      "direction": "right",
      "font_size": 1,
      "gradient": [
        "#050ef7",
        "#bc23ff"
      ],
      "height": 100,
      "id": "meter-1",
      "max": 991,
      "min": 0,
      "type": "meter",
      "value": "power",
      "width": 1200,
      "x": 50,
      "y": 1860
    },
    {
      "file": "bolt.svg",
      "height": 124,
      "id": "image-0",
      "type": "image",
      "width": 100,
      "x": 1272,
      "y": 1847
    },
    {
      "color": "$primary",
      "fill_opacity": 0.2,
      "height": 140,
      "id": "rect-4",
      "radius": 20,
      "type": "rect",
      "width": 1620,
      "x": 30,
      "y": 1990
    },
    {
      "font_size": 120,
      "id": "value-1",
      "type": "value",
      "value": "heartrate",
      "x": 1380,
      "y": 2105
    },
    {
      "background": "$primary",
      "background_opacity": 0,
      "border_color": "#000",
      "border_width": 10,
      "color": "#ff40ff",
      "direction": "right",
      "font_size": 1,
      "gradient": [
        "#fffb00",
        "#ff2600"
      ],
      "height": 100,
      "id": "meter-0",
      "max": 192,
      "min": 150,
      "type": "meter",
      "value": "heartrate",
      "width": 1200,
      "x": 50,
      "y": 2010
    },
    {
      "color": "$primary",
      "font_size": 70,
      "id": "label-1",
      "text": "BPM",
      "type": "label",
      "x": 1530,
      "y": 2105
    },
    {
      "file": "white_heart.png",
      "height": 125,
      "id": "image-1",
      "type": "image",
      "width": 133,
      "x": 1256,
      "y": 2000
    },
    {
      "file": "red_heart.png",
      "height": 94,
      "id": "image-3",
      "type": "image",
      "width": 100,
      "x": 1275,
      "y": 2015
    },
    {
      "file": "checkered_flag.webp",
      "height": 100,
      "id": "image-2",
      "rotation": 333,
      "type": "image",
      "width": 100,
      "x": 3417,
      "y": 48
    }
  ],
  "scene": {
    "color": "#ffffff",
    "decimal_rounding": 0,
    "end": 2100,
    "font": "BebasNeue-Regular.ttf",
    "font_size": 30,
    "height": 2160,
    "opacity": 0.5,
    "start": 1200,
    "width": 3840,
    "editor": {
      "groups": [
        {
          "element_ids": [
            "rect-1",
            "label-3",
            "value-4"
          ],
          "id": "group-0",
          "name": "speed [KPH]"
        },
        {
          "element_ids": [
            "rect-2",
            "value-2",
            "label-4"
          ],
          "id": "group-2",
          "name": "speed [MPH]"
        },
        {
          "element_ids": [
            "rect-0",
            "value-5",
            "label-2"
          ],
          "id": "group-1",
          "name": "cadence [RPM]"
        },
        {
          "element_ids": [
            "rect-3",
            "value-6"
          ],
          "id": "group-3",
          "name": "distance to finish"
        },
        {
          "element_ids": [
            "rect-5",
            "label-0",
            "value-3",
            "meter-1",
            "image-0"
          ],
          "id": "group-5",
          "name": "power fill"
        },
        {
          "element_ids": [
            "rect-4",
            "value-1",
            "meter-0",
            "label-1",
            "image-1",
            "image-3"
          ],
          "id": "group-4",
          "name": "heartrate fill"
        }
      ],
      "locked": [
        "rect-1",
        "value-4",
        "rect-2",
        "value-2",
        "rect-0",
        "value-5",
        "rect-3",
        "rect-4",
        "meter-0",
        "rect-5",
        "meter-1"
      ]
    },
    "vars": {
      "primary": "#ffffff",
      "card": "#797979"
    }
  }
}