sda.dashboard.components#

Dashboard Components.

Reusable UI components for the dashboard.

Submodules#

Functions#

create_filter_panel([plot_type])

Create a filter panel with dynamic filter slots.

create_unified_filter_sidebar()

Create a unified filter sidebar using Bootstrap Offcanvas.

create_graph_component(graph_id[, height, width])

Create a graph component with consistent styling.

create_dashboard_layout(test_name[, debug])

Create the complete dashboard layout with Spark styling.

create_line_layout(test_name)

Create line plot layout.

create_scatter_layout(test_name)

Create scatter plot layout.

create_sidebar()

Create a sidebar component (stub for backward compatibility).

create_table_layout(test_name)

Create table layout for displaying all data points.

create_test_selection_layout(test_name[, selected_columns])

Create the test selection layout.

Package Contents#

sda.dashboard.components.create_filter_panel(plot_type='scatter')#

Create a filter panel with dynamic filter slots.

This creates a fixed number of filter slots that are dynamically allocated to the selected columns from the Test Selection tab.

DEPRECATED: This function is kept for backward compatibility. Use create_unified_filter_sidebar() for new implementations.

Parameters:

plot_type (str) – Type of plot (“scatter” or “line”)

Returns:

Filter panel component with dynamic slots

Return type:

html.Div

sda.dashboard.components.create_unified_filter_sidebar()#

Create a unified filter sidebar using Bootstrap Offcanvas.

This creates a collapsible right sidebar with dynamic filter slots that are shared across all plot types (scatter, line, table).

Returns:

Unified filter sidebar component using Bootstrap Offcanvas

Return type:

dbc.Offcanvas

sda.dashboard.components.create_graph_component(graph_id, height=None, width=None)#

Create a graph component with consistent styling.

Parameters:

  • graph_id (str) – ID for the graph component

  • height (str, optional) – Height of the graph (e.g., “80vh”, “500px”)

  • width (str, optional) – Width of the graph (e.g., “100%”, “800px”)

Returns:

Configured graph component

Return type:

dcc.Graph

sda.dashboard.components.create_dashboard_layout(test_name, debug=False)#

Create the complete dashboard layout with Spark styling.

Parameters:

  • test_name (str) – The name of the test to load initially

  • debug (bool) – Whether to enable debug mode features

Returns:

Complete dashboard layout with Spark styling

Return type:

html.Div

sda.dashboard.components.create_line_layout(test_name)#

Create line plot layout.

Parameters:

test_name (str or list of str) – Name of the test or list of test names

Returns:

Line plot layout

Return type:

html.Div

sda.dashboard.components.create_scatter_layout(test_name)#

Create scatter plot layout.

Parameters:

test_name (str or list of str) – Name of the test or list of test names

Returns:

Scatter plot layout

Return type:

html.Div

sda.dashboard.components.create_sidebar()#

Create a sidebar component (stub for backward compatibility).

Returns:

Empty sidebar component

Return type:

html.Div

sda.dashboard.components.create_table_layout(test_name)#

Create table layout for displaying all data points.

Parameters:

test_name (str or list of str) – Name of the test or list of tests to display

Returns:

Complete table layout

Return type:

html.Div

sda.dashboard.components.create_test_selection_layout(test_name, selected_columns=None)#

Create the test selection layout.

Parameters:

test_name (str) – Name of the test to load.

Returns:

Test selection layout component.

Return type:

html.Div