{ "elements": [ { "color": "#000000", "fill_opacity": 0.5, "height": 250, "id": "rect-0", "type": "rect", "width": 630, "x": 30, "y": 1880 }, { "background": "$primary", "background_opacity": 0.2, "color": "$primary", "direction": "right", "fill_opacity": 1, "gap": 10, "gradient": [ "#53d5fd", "#d357fe" ], "height": 54, "id": "meter-0", "max": 195, "min": 130, "segments": 21, "type": "meter", "value": "heartrate", "width": 600, "x": 45, "y": 1895 }, { "font_size": 110, "id": "value-0", "type": "value", "value": "heartrate", "x": 45, "y": 2060 }, { "color": "$primary", "font_size": 40, "id": "label-0", "text": "BPM", "type": "label", "x": 200, "y": 2040 }, { "color": "#000000", "fill_opacity": 0.5, "height": 250, "id": "rect-1", "type": "rect", "width": 630, "x": 28, "y": 1620 }, { "background": "$primary", "background_opacity": 0.2, "color": "$primary", "direction": "right", "fill_opacity": 1, "gap": 10, "gradient": [ "#b1dd8c", "#74a7fe" ], "height": 54, "id": "meter-1", "max": 991, "min": 0, "segments": 21, "type": "meter", "value": "power", "width": 600, "x": 45, "y": 1635 }, { "font_size": 110, "id": "value-1", "type": "value", "value": "power", "x": 45, "y": 1800 }, { "color": "$primary", "font_size": 40, "id": "label-1", "text": "WATTS", "type": "label", "x": 225, "y": 1775 }, { "height": 400, "id": "plot-0", "line": { "color": "$primary", "future_opacity": 0.5, "width": 10 }, "type": "plot", "value": "course", "width": 400, "x": 30, "y": 30, "point": { "color": "$primary", "edge_color": "$accent", "edge_width": 5, "weight": 1000 } }, { "arc_color": "#ffffff55", "arc_width": 20, "color": "$primary", "height": 200, "id": "gauge-0", "max": 50, "min": 0, "needle_color": "$accent", "needle_width": 10, "progress_color": "$primary", "type": "gauge", "unit": "mph", "value": "speed", "width": 200, "x": 500, "y": 70 }, { "decimal_rounding": 1, "font_size": 110, "id": "value-2", "type": "value", "value": "speed", "x": 860, "y": 180 }, { "color": "$accent", "font_size": 40, "id": "label-2", "text": "mi.", "type": "label", "x": 800, "y": 160 } ], "scene": { "color": "#ffffff", "decimal_rounding": 0, "end": 2100, "font": "rajdhani-bold.ttf", "font_size": 30, "height": 2160, "opacity": 0.5, "start": 1800, "width": 3840, "editor": { "groups": [ { "element_ids": [], "id": "group-4", "name": "heartrate fill" }, { "element_ids": [ "rect-0", "meter-0", "value-0", "label-0" ], "id": "group-0", "name": "heartrate group" }, { "element_ids": [ "label-1", "rect-1", "value-1", "meter-1" ], "id": "group-1", "name": "power group" } ] }, "vars": { "primary": "#ffffff", "accent": "#f7773f" } } }