Skip to content
Snippets Groups Projects
Commit b723d678 authored by Florian Obersteiner's avatar Florian Obersteiner :octopus:
Browse files

prepare trajectories plotting toggle

parent 2b2e5969
No related branches found
No related tags found
1 merge request!7revise callbacks
Hide whitespace changes
Inline Side-by-side
CHANGELOG.md
+ 4
− 0
View file @ b723d678
......@@ -34,6 +34,10 @@ Types of changes
## [Unreleased]
### Added
- prepare checkbox to toggle trajectories plotting
### Changed
- revised callbacks; separate the one big figure-callback into multiple callbacks, in a separate file `./src/callbacks.py
......
src/callbacks.py
+ 12
− 2
View file @ b723d678
......@@ -42,13 +42,23 @@ def register_map_plot(app: Dash, timeseries_data: pd.DataFrame, var_info: pd.Dat
@app.callback(
[Output("fig-map", "figure")],
[Input("flight-dropdown", "value"), Input("variable-dropdown", "value")],
[
Input("flight-dropdown", "value"),
Input("variable-dropdown", "value"),
Input("trajectories-checkbox", "value"),
],
)
def update_map_plot(selected_flight: int, primary_variable: str):
def update_map_plot(selected_flight: int, primary_variable: str, show_trajectories: bool):
filtered_df = timeseries_data[timeseries_data["flight_number"] == selected_flight]
valid_indices = filtered_df[primary_variable].notna()
unit_primary = var_info.loc[primary_variable, :].Unit
if show_trajectories:
print("ON")
# try to find the trajectory file for selected flight
# show pop up if no trajectory file found ?
# make plots if trajectory file found
fig_map = go.Figure(
go.Scattermap(
lon=filtered_df.loc[valid_indices, "lon"],
......
src/layout.py
+ 79
− 29
View file @ b723d678
......@@ -107,7 +107,7 @@ def create_layout(df: pd.DataFrame, config: DotDict) -> list:
html.Label(
"",
id="flight-dep-dest",
style={"margin-left": "29px", "font-size": "12px"},
style={"margin-left": "12px", "font-size": "12px"},
),
],
style={
......@@ -115,30 +115,40 @@ def create_layout(df: pd.DataFrame, config: DotDict) -> list:
"flex-direction": "row",
"justify-content": "left",
"align-items": "center",
"margin-bottom": "8px",
},
),
html.Div(
id="variable-select",
children=[
html.Label(
"Variable:",
style={"font-weight": "bold", "margin-right": "20px"},
),
dcc.Dropdown(
id="variable-dropdown",
options=var_opts, # type: ignore
value=var_opts[var_sel_idx]["value"], # type: ignore
clearable=False,
searchable=True,
html.Div(
[
html.Label(
"Variable:",
style={"font-weight": "bold", "margin-right": "20px"},
),
dcc.Dropdown(
id="variable-dropdown",
options=var_opts, # type: ignore
value=var_opts[var_sel_idx]["value"], # type: ignore
clearable=False,
searchable=True,
style={
"display": "inline-block",
"vertical-align": "middle",
"width": "190px",
},
),
],
style={
"width": "310px",
"display": "inline-block",
"width": "190px",
},
),
html.Label(
"",
id="var-info",
style={"margin-left": "29px", "font-size": "12px"},
style={"font-size": "12px"},
),
],
style={
......@@ -146,37 +156,77 @@ def create_layout(df: pd.DataFrame, config: DotDict) -> list:
"flex-direction": "row",
"justify-content": "left",
"align-items": "center",
"margin-bottom": "8px",
},
),
html.Div(
id="second-variable-select",
children=[
html.Label(
"Secondary:",
style={"font-weight": "bold", "margin-right": "10px"},
html.Div(
[
html.Label(
"Secondary:",
style={"font-weight": "bold", "margin-right": "10px"},
),
dcc.Dropdown(
id="second-variable-dropdown",
options=([{"value": "None", "label": "(None)"}] + var_opts), # type: ignore
value="None", # type: ignore
clearable=False,
searchable=True,
style={
"display": "inline-block",
"vertical-align": "middle",
"width": "190px",
},
),
],
style={
"width": "310px",
"display": "inline-block",
},
),
dcc.Dropdown(
id="second-variable-dropdown",
options=([{"value": "None", "label": "(None)"}] + var_opts), # type: ignore
value="None", # type: ignore
clearable=False,
searchable=True,
html.Div(
[
html.Label(
"",
id="second-var-info",
style={"font-size": "12px"},
),
],
style={
"width": "40%",
"display": "inline-block",
"width": "190px",
"vertical-align": "middle",
},
),
html.Label(
"",
id="second-var-info",
style={"margin-left": "29px", "font-size": "12px"},
html.Div(
[
html.Label(
"Show trajectories",
style={"margin-right": "10px", "vertical-align": "middle"},
),
dcc.Checklist(
id="trajectories-checkbox",
options=[{"label": "", "value": 1}],
inline=True,
style={"display": "inline-block", "vertical-align": "middle"},
),
],
style={
"width": "30%",
"display": "inline-block",
"text-align": "right",
"vertical-align": "middle",
},
),
],
style={
"display": "flex",
"flex-direction": "row",
"justify-content": "left",
# "flex-direction": "row",
# "justify-content": "left",
"align-items": "center",
"width": "100%",
},
),
dcc.Graph(
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Help | Imprint | Privacy policy | Accessibility | Contact