microSWIFT-Dashboard/content_layout.py at main · SASlabgroup/microSWIFT-Dashboard · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
# content_layout.py

from dash import html, dcc
import dash_bootstrap_components as dbc


multi_layout = [
    dbc.Row(
        [
            dbc.Col(
                [
                    html.H2("Position"),
                    dbc.Card(dcc.Graph("position_temperature_multi")),
                    dbc.Card(dcc.Graph("position_salinity_multi")),
                    dbc.Card(dcc.Graph("position_wave_height_multi")),
                ]
            )
        ]
    )
]

multi_info_card = [html.H4("LATEST DATA"), html.Hr(), html.Div(id="buoy_time")]


single_layout = [
    dbc.Row(
        [
            dbc.Col(
                [
                    html.H2("Time Series"),
                    # dbc.Card(
                    #     dcc.Graph(id='peak_direction_single')
                    # ),
                    # dbc.Card(
                    #     dcc.Graph(id='peak_period_single')
                    # ),
                    dbc.Card(dcc.Graph(id="wave_height_single")),
                ]
            )
        ]
    ),
    dbc.Row(
        [
            dbc.Col(
                [
                    html.H2("Position"),
                    dbc.Card(dcc.Graph(id="position_temperature_single")),
                    dbc.Card(dcc.Graph(id="position_salinity_single")),
                    dbc.Card(dcc.Graph(id="position_wave_height_single")),
                ]
            )
        ]
    ),
    # dbc.Row(
    #     [
    #         dbc.Col(
    #             [
    #                 html.H2("Frequency v Energy"),
    #                 dbc.Card(dcc.Graph("loglog_frequency_energy")),
    #                 dbc.Card(dcc.Graph("linear_frequency_energy")),
    #             ]
    #         )
    #     ]
    # ),
    dbc.Row(
        [
            dbc.Col(
                [
                    html.H2("Frequency v Energy Spectrogram"),
                    dbc.Card(
                        dcc.Graph(id="spectrogram_plot", style={"margin": "auto"})
                    ),
                ]
            )
        ]
    ),
]

single_info_card = [
    html.H4("LATEST DATA"),
    html.Hr(),
    html.H2(id="current_value"),
    html.P(id="buoy_info"),
]