add power spectrum

explorer.py

@@ -4,9 +4,9 @@ from modules.Home.HomeContent import (
     create_home_main_area,
     create_home_output_box,
     create_home_warning_box,
-    create_home_plots_area,
     create_home_help_area,
-    create_home_footer
+    create_home_footer,
+    create_home_plots_area,
 )
 from utils.sidebar import create_sidebar
 
@@ -31,23 +31,25 @@ output_box = create_home_output_box()
 # Create the warning box
 warning_box = create_home_warning_box()
 
-# Create the plots container
-plots_area = create_home_plots_area()
-
 # Create the help box
 help_box = create_home_help_area()
 
 # Create the footer
 footer = create_home_footer()
 
+# Plots Area 
+plots_container = create_home_plots_area()
+
+
 # Containers for changing the layouts dynamically
 header_container = pn.Column(header)
 main_area_container = pn.Column(main_area)
 output_box_container = pn.Column(output_box)
 warning_box_container = pn.Column(warning_box)
-plots_container = pn.Column(plots_area)
+plots_container = pn.FlexBox(plots_container, flex_direction='row', align_content='space-evenly', align_items="center", justify_content="center", flex_wrap="wrap")
 help_box_container = pn.Column(help_box)
 footer_container = pn.Column(footer)
+floating_panel_container = pn.Column(pn.pane.Markdown("This is not a bug that this container is scrolling, it's a container to hold Floating Plots. You can ignore it completely."))
 
 sidebar = create_sidebar(
     main_area=main_area_container,
@@ -57,6 +59,7 @@ sidebar = create_sidebar(
     warning_box=warning_box_container,
     help_box=help_box_container,
     plots_area=plots_container,
+    floating_panel=floating_panel_container
 )
 
 
@@ -116,9 +119,10 @@ layout.main[0:10, 0:12] = header_container
 layout.main[10:55, 0:8] = main_area_container
 layout.main[10:33, 8:12] = output_box_container
 layout.main[33:55, 8:12] = warning_box_container
-layout.main[55:85, 0:12] = plots_container
-layout.main[85:120, 0:12] = help_box_container
-layout.main[120:150, 0:12] = footer_container
+layout.main[55:100, 0:12] = plots_container
+layout.main[100:140, 0:12] = help_box_container
+layout.main[140:170, 0:12] = footer_container
+layout.main[170:170, 0:12] = floating_panel_container
 
 
 # Serve the layout

modules/DataLoading/DataIngestion.py

@@ -12,10 +12,11 @@ from utils.DashboardClasses import (
     MainArea,
     OutputBox,
     WarningBox,
-    PlotsContainer,
-    HelpBox, 
+    HelpBox,
     Footer,
     WarningHandler,
+    FloatingPlot,
+    PlotsContainer,
 )
 import param
 from utils.strings import LOADING_DATA_HELP_BOX_STRING
@@ -300,8 +301,8 @@ def save_loaded_files(
 def delete_selected_files(
     event,
     file_selector,
-    output_box_container,
     warning_box_container,
+    output_box_container,
     warning_handler,
 ):
     """
@@ -923,3 +924,13 @@ def create_loadingdata_help_area():
     """
     help_content = LOADING_DATA_HELP_BOX_STRING
     return HelpBox(help_content=help_content, title="Help Section")
+
+
+def create_loadingdata_plots_area():
+    """
+    Create the plots area for the data loading tab.
+
+    Returns:
+        PlotsContainer: An instance of PlotsContainer with the plots for the data loading tab.
+    """
+    return PlotsContainer()

modules/Home/HomeContent.py

@@ -1,14 +1,18 @@
+from matplotlib import pyplot as plt
 import panel as pn
 import holoviews as hv
+import os
+import numpy as np
+from bokeh.plotting import figure
 from utils.DashboardClasses import (
     MainHeader,
     MainArea,
     OutputBox,
     WarningBox,
-    PlotsContainer,
     HelpBox,
     Footer,
     FloatingPlot,
+    PlotsContainer,
 )
 from utils.strings import (
     HOME_HEADER_STRING,
@@ -21,6 +25,14 @@ from utils.strings import (
     HOME_WARNING_BOX_STRING,
     HOME_HELP_BOX_STRING,
 )
+from stingray.gti import create_gti_from_condition, gti_border_bins, time_intervals_from_gtis, cross_two_gtis
+from stingray.utils import show_progress
+from stingray.fourier import avg_cs_from_events, avg_pds_from_events, poisson_level, get_average_ctrate
+from stingray import AveragedPowerspectrum, AveragedCrossspectrum, EventList, Lightcurve
+from stingray.modeling.parameterestimation import PSDLogLikelihood
+
+
+
 
 """ Header Section """
 
@@ -54,28 +66,43 @@ def create_home_main_area():
 
 """ Output Box Section """
 
-
 def create_home_output_box():
     return OutputBox(output_content=HOME_OUTPUT_BOX_STRING)
 
 
 """ Warning Box Section """
 
-
 def create_home_warning_box():
     return WarningBox(warning_content=HOME_WARNING_BOX_STRING)
 
 
-""" Plots Area Section """
 
+""" Plots Area Section """
 
 def create_home_plots_area():
+    # Generate sample data
+    times = np.arange(500)
+    counts = np.floor(np.random.rand(500) * 50000)
+
+    # Create a Lightcurve object
+    lc = Lightcurve(times, counts, skip_checks=True, dt=1.0)
+    lc2 = Lightcurve(times, counts, skip_checks=True, dt=1.0)
+    lc3 = Lightcurve(times, counts, skip_checks=True, dt=1.0)
+    lc4 = Lightcurve(times, counts, skip_checks=True, dt=1.0)
+
+    # Create a Bokeh figure
+    plot = figure(title="Demo Lightcurve", width=500, height=500)
+    plot2 = figure(title="Demo Lightcurve 2", width=500, height=500)
+    plot3 = figure(title="Demo Lightcurve 3", width=500, height=500)
+    plot4 = figure(title="Demo Lightcurve 4", width=500, height=500)
+
+    plot.line(lc.time, lc.counts, line_width=2)
+    plot2.line(lc2.time, lc2.counts, line_width=2)
+    plot3.line(lc3.time, lc3.counts, line_width=2)
+    plot4.line(lc4.time, lc4.counts, line_width=2)
+
+    return PlotsContainer(plot, plot2, plot3, plot4)
 
-    return PlotsContainer(
-        flexbox_contents=[],
-        titles=[],
-        sizes=[],
-    )
 
 
 """ Help Area Section """

modules/QuickLook/LightCurve.py

@@ -9,20 +9,23 @@ from utils.DashboardClasses import (
     MainArea,
     OutputBox,
     WarningBox,
-    PlotsContainer,
     HelpBox,
     Footer,
     WarningHandler,
-    FloatingPlot
+    FloatingPlot,
 )
 
+
 # Create a warning handler
 def create_warning_handler():
     warning_handler = WarningHandler()
     warnings.showwarning = warning_handler.warn
     return warning_handler
 
+
 """ Header Section """
+
+
 def create_quicklook_lightcurve_header(
     header_container,
     main_area_container,
@@ -39,33 +42,41 @@ def create_quicklook_lightcurve_header(
 
     return MainHeader(heading=home_heading_input, subheading=home_subheading_input)
 
+
 """ Output Box Section """
+
+
 def create_loadingdata_output_box(content):
     return OutputBox(output_content=content)
 
+
 """ Warning Box Section """
+
+
 def create_loadingdata_warning_box(content):
     return WarningBox(warning_content=content)
 
-""" Plots Area """
-def create_lightcurve_plots_area():
-    return PlotsContainer()
 
 """ Float Panel """
+
+
 def create_floatpanel_area(content, title):
     return FloatingPlot(content, title)
 
+
 """ Main Area Section """
+
+
 def create_lightcurve_tab(
     output_box_container,
     warning_box_container,
     warning_handler,
     plots_container,
-    header_container
+    header_container,
 ):
 
     event_list_dropdown = pn.widgets.Select(
-        name="Select Event List",
+        name="Select Event List(s)",
         options={name: i for i, (name, event) in enumerate(loaded_event_data)},
     )
 
@@ -77,19 +88,17 @@ def create_lightcurve_tab(
         value=1,
     )
 
-    tstart_input = pn.widgets.FloatInput(
-        name="Start Time (tstart)",
-        value=None,
-        step=0.1,
-    )
+    # tstart_input = pn.widgets.FloatInput(
+    #     name="Start Time (tstart)",
+    #     value=None,
+    #     step=0.1,
+    # )
 
     combine_plots_checkbox = pn.widgets.Checkbox(
         name="Combine with Existing Plot", value=False
     )
 
-    plots_checkbox = pn.widgets.Checkbox(
-        name="Add Plot to FloatingPanel", value=False
-    )
+    floatpanel_plots_checkbox = pn.widgets.Checkbox(name="Add Plot to FloatingPanel", value=False)
 
     dataframe_checkbox = pn.widgets.Checkbox(
         name="Add DataFrame to FloatingPanel", value=False
@@ -104,12 +113,10 @@ def create_lightcurve_tab(
     def create_dataframe_panes():
         return pn.pane.DataFrame(width=600, height=500)
 
-
-
-    def create_dataframe(selected_event_list_index, dt, tstart):
+    def create_dataframe(selected_event_list_index, dt):
         if selected_event_list_index is not None:
             event_list = loaded_event_data[selected_event_list_index][1]
-            lc_new = event_list.to_lc(dt=dt, tstart=tstart)
+            lc_new = event_list.to_lc(dt=dt)
 
             df = pd.DataFrame(
                 {
@@ -135,8 +142,7 @@ def create_lightcurve_tab(
             return
 
         dt = dt_slider.value
-        tstart = tstart_input.value
-        df = create_dataframe(selected_event_list_index, dt, tstart=tstart)
+        df = create_dataframe(selected_event_list_index, dt)
         if df is not None:
             dataframe_output = create_dataframe_panes()
             dataframe_output.object = df
@@ -149,7 +155,7 @@ def create_lightcurve_tab(
                         position="center",
                         height=350,
                         width=500,
-                        theme="primary"
+                        theme="primary",
                     )
                 )
             else:
@@ -157,7 +163,7 @@ def create_lightcurve_tab(
         else:
             output_box_container[:] = [
                 create_loadingdata_output_box("Failed to create dataframe.")
-            ]    
+            ]
 
     def generate_lightcurve(event=None):
         if not loaded_event_data:
@@ -174,8 +180,7 @@ def create_lightcurve_tab(
             return
 
         dt = dt_slider.value
-        tstart = tstart_input.value
-        df = create_dataframe(selected_event_list_index, dt, tstart=tstart)
+        df = create_dataframe(selected_event_list_index, dt)
         if df is not None:
             holoviews_output = create_holoviews_panes()
             plot_hv = create_holoviews_plots(df)
@@ -183,11 +188,15 @@ def create_lightcurve_tab(
 
             if combine_plots_checkbox.value:
                 # If combining, we need to get all existing plots and combine with the new one
-                existing_plots = [p.object for p in plots_container if isinstance(p, pn.pane.HoloViews)]
+                existing_plots = [
+                    p.object
+                    for p in plots_container
+                    if isinstance(p, pn.pane.HoloViews)
+                ]
                 combined_plot = hv.Overlay(existing_plots + [plot_hv])
                 combined_pane = pn.pane.HoloViews(combined_plot, width=500, height=500)
-                
-                if plots_checkbox.value:
+
+                if floatpanel_plots_checkbox.value:
                     header_container.append(
                         pn.layout.FloatPanel(
                             combined_pane,
@@ -200,7 +209,7 @@ def create_lightcurve_tab(
                 else:
                     plots_container.append(combined_pane)
             else:
-                if plots_checkbox.value:
+                if floatpanel_plots_checkbox.value:
                     header_container.append(
                         pn.layout.FloatPanel(
                             holoviews_output,
@@ -217,8 +226,6 @@ def create_lightcurve_tab(
                 create_loadingdata_output_box("Failed to create dataframe.")
             ]
 
-
-
     generate_lightcurve_button = pn.widgets.Button(
         name="Generate Light Curve", button_type="primary"
     )
@@ -232,14 +239,14 @@ def create_lightcurve_tab(
     tab1_content = pn.Column(
         event_list_dropdown,
         dt_slider,
-        tstart_input,
         combine_plots_checkbox,
-        plots_checkbox,
+        floatpanel_plots_checkbox,
         dataframe_checkbox,
         pn.Row(generate_lightcurve_button, show_dataframe_button),
     )
     return tab1_content
 
+
 def create_quicklook_lightcurve_main_area(
     header_container,
     main_area_container,
@@ -260,4 +267,4 @@ def create_quicklook_lightcurve_main_area(
         ),
     }
 
-    return MainArea(tabs_content=tabs_content)
+    return MainArea(tabs_content=tabs_content)

modules/QuickLook/PowerSpectrum.py

@@ -0,0 +1,254 @@
+import panel as pn
+import holoviews as hv
+from utils.globals import loaded_event_data
+import pandas as pd
+import warnings
+import hvplot.pandas
+from utils.DashboardClasses import (
+    MainHeader,
+    MainArea,
+    OutputBox,
+    WarningBox,
+    HelpBox,
+    Footer,
+    WarningHandler,
+    FloatingPlot,
+)
+from stingray import Powerspectrum
+
+# Create a warning handler
+def create_warning_handler():
+    warning_handler = WarningHandler()
+    warnings.showwarning = warning_handler.warn
+    return warning_handler
+
+""" Header Section """
+
+def create_quicklook_powerspectrum_header(
+    header_container,
+    main_area_container,
+    output_box_container,
+    warning_box_container,
+    plots_container,
+    help_box_container,
+    footer_container,
+):
+    home_heading_input = pn.widgets.TextInput(
+        name="Heading", value="QuickLook Power Spectrum"
+    )
+    home_subheading_input = pn.widgets.TextInput(name="Subheading", value="")
+
+    return MainHeader(heading=home_heading_input, subheading=home_subheading_input)
+
+""" Output Box Section """
+
+def create_loadingdata_output_box(content):
+    return OutputBox(output_content=content)
+
+""" Warning Box Section """
+
+def create_loadingdata_warning_box(content):
+    return WarningBox(warning_content=content)
+
+""" Float Panel """
+
+def create_floatpanel_area(content, title):
+    return FloatingPlot(content, title)
+
+""" Main Area Section """
+
+def create_powerspectrum_tab(
+    output_box_container,
+    warning_box_container,
+    warning_handler,
+    plots_container,
+    header_container,
+):
+    event_list_dropdown = pn.widgets.Select(
+        name="Select Event List(s)",
+        options={name: i for i, (name, event) in enumerate(loaded_event_data)},
+    )
+
+    dt_slider = pn.widgets.FloatSlider(
+        name="Select dt",
+        start=0.1,
+        end=1000,
+        step=0.1,
+        value=1,
+    )
+
+    combine_plots_checkbox = pn.widgets.Checkbox(
+        name="Combine with Existing Plot", value=False
+    )
+
+    floatpanel_plots_checkbox = pn.widgets.Checkbox(name="Add Plot to FloatingPanel", value=False)
+
+    def create_holoviews_panes():
+        return pn.pane.HoloViews(width=600, height=500)
+
+    def create_holoviews_plots(ps):
+        return hv.Curve((ps.freq, ps.power)).opts(
+            xlabel='Frequency (Hz)', ylabel='Power',
+            title='Power Spectrum',
+            width=600, height=500
+        )
+
+    def create_dataframe_panes():
+        return pn.pane.DataFrame(width=600, height=500)
+
+    def create_dataframe(selected_event_list_index, dt):
+        if selected_event_list_index is not None:
+            event_list = loaded_event_data[selected_event_list_index][1]
+            lc_new = event_list.to_lc(dt=dt)
+
+            # Create a PowerSpectrum object
+            ps = Powerspectrum.from_lightcurve(lc_new, norm="leahy")
+
+            df = pd.DataFrame(
+                {
+                    "Frequency": ps.freq,
+                    "Power": ps.power,
+                }
+            )
+            return df, ps
+        return None, None
+
+    def show_dataframe(event=None):
+        if not loaded_event_data:
+            output_box_container[:] = [
+                create_loadingdata_output_box("No loaded event data available.")
+            ]
+            return
+
+        selected_event_list_index = event_list_dropdown.value
+        if selected_event_list_index is None:
+            output_box_container[:] = [
+                create_loadingdata_output_box("No event list selected.")
+            ]
+            return
+
+        dt = dt_slider.value
+        df, ps = create_dataframe(selected_event_list_index, dt)
+        if df is not None:
+            dataframe_output = create_dataframe_panes()
+            dataframe_output.object = df
+
+            if floatpanel_plots_checkbox.value:
+                header_container.append(
+                    pn.layout.FloatPanel(
+                        dataframe_output,
+                        contained=False,
+                        position="center",
+                        height=350,
+                        width=500,
+                        theme="primary",
+                    )
+                )
+            else:
+                plots_container.append(dataframe_output)
+        else:
+            output_box_container[:] = [
+                create_loadingdata_output_box("Failed to create dataframe.")
+            ]
+
+    def generate_powerspectrum(event=None):
+        if not loaded_event_data:
+            output_box_container[:] = [
+                create_loadingdata_output_box("No loaded event data available.")
+            ]
+            return
+
+        selected_event_list_index = event_list_dropdown.value
+        if selected_event_list_index is None:
+            output_box_container[:] = [
+                create_loadingdata_output_box("No event list selected.")
+            ]
+            return
+
+        dt = dt_slider.value
+        df, ps = create_dataframe(selected_event_list_index, dt)
+        if df is not None:
+            holoviews_output = create_holoviews_panes()
+            plot_hv = create_holoviews_plots(ps)
+            holoviews_output.object = plot_hv
+
+            if combine_plots_checkbox.value:
+                # If combining, we need to get all existing plots and combine with the new one
+                existing_plots = [
+                    p.object
+                    for p in plots_container
+                    if isinstance(p, pn.pane.HoloViews)
+                ]
+                combined_plot = hv.Overlay(existing_plots + [plot_hv])
+                combined_pane = pn.pane.HoloViews(combined_plot, width=500, height=500)
+
+                if floatpanel_plots_checkbox.value:
+                    header_container.append(
+                        pn.layout.FloatPanel(
+                            combined_pane,
+                            contained=False,
+                            position="center",
+                            height=350,
+                            theme="primary",
+                        )
+                    )
+                else:
+                    plots_container.append(combined_pane)
+            else:
+                if floatpanel_plots_checkbox.value:
+                    header_container.append(
+                        pn.layout.FloatPanel(
+                            holoviews_output,
+                            contained=False,
+                            position="center",
+                            height=350,
+                            theme="primary",
+                        )
+                    )
+                else:
+                    plots_container.append(holoviews_output)
+        else:
+            output_box_container[:] = [
+                create_loadingdata_output_box("Failed to create power spectrum.")
+            ]
+
+    generate_powerspectrum_button = pn.widgets.Button(
+        name="Generate Power Spectrum", button_type="primary"
+    )
+    generate_powerspectrum_button.on_click(generate_powerspectrum)
+
+    show_dataframe_button = pn.widgets.Button(
+        name="Show DataFrame", button_type="primary"
+    )
+    show_dataframe_button.on_click(show_dataframe)
+
+    tab1_content = pn.Column(
+        event_list_dropdown,
+        dt_slider,
+        combine_plots_checkbox,
+        floatpanel_plots_checkbox,
+        pn.Row(generate_powerspectrum_button, show_dataframe_button),
+    )
+    return tab1_content
+
+def create_quicklook_powerspectrum_main_area(
+    header_container,
+    main_area_container,
+    output_box_container,
+    warning_box_container,
+    plots_container,
+    help_box_container,
+    footer_container,
+):
+    warning_handler = create_warning_handler()
+    tabs_content = {
+        "Power Spectrum": create_powerspectrum_tab(
+            output_box_container=output_box_container,
+            warning_box_container=warning_box_container,
+            warning_handler=warning_handler,
+            plots_container=plots_container,
+            header_container=header_container,
+        ),
+    }
+
+    return MainArea(tabs_content=tabs_content)

utils/dashboardClasses.py

@@ -2,7 +2,8 @@ import panel as pn
 import param
 from typing import List, Tuple
 
-pn.extension('floatpanel')
+pn.extension("floatpanel")
+
 
 class MainHeader(pn.viewable.Viewer):
     """
@@ -345,57 +346,26 @@ class PlotsContainer(pn.viewable.Viewer):
     PlotsContainer class represents a container for displaying multiple plots.
     """
 
-    # Parameters for the contents, titles, and sizes of the FlexBox containers
-    flexbox_contents: List[pn.viewable.Viewer] = param.List(
-        default=[], doc="Contents for FlexBox containers", allow_refs=True
-    )
-    titles: List[str] = param.List(
-        default=[], doc="Titles for FlexBox containers", allow_refs=True
-    )
-    sizes: List[Tuple[int, int]] = param.List(
-        default=[],
-        doc="Sizes for FlexBox containers as (height, width)",
-        allow_refs=True,
-    )
+    flexbox_contents: list = param.List(default=[], doc="Contents for FlexBox containers", allow_refs=True)
 
-    def __init__(self, **params):
-        """
-        Initializes thePlotsContainer class with the provided parameters.
-        """
+    def __init__(self, *contents, **params):
         super().__init__(**params)
+        self.flexbox_contents = list(contents)
 
     def __panel__(self):
         """
-        Returns the Panel layout for the plots container, including the plots with their respective titles and sizes.
+        Returns the Panel layout for the plots container.
         """
+        title = pn.pane.Markdown("<h2> Plots </h2>", align="center")
         flexbox_container = pn.FlexBox(
-            align_items="center", justify_content="flex-start", flex_wrap="wrap"
+            *self.flexbox_contents,
+            flex_direction='row', 
+            align_content='space-evenly', 
+            align_items="center", 
+            justify_content="center", 
+            flex_wrap="wrap"
         )
-
-        for idx, content in enumerate(self.flexbox_contents):
-            if idx < len(self.titles):
-                title = self.titles[idx]
-            else:
-                title = f"FlexBox {idx+1}"
-
-            heading = pn.pane.Markdown(f"<h2> {title} </h2>", align="center")
-            flexbox = pn.Column(
-                heading,
-                content,
-            )
-
-            if idx < len(self.sizes):
-                height, width = self.sizes[idx]
-                flexbox.height = height
-                flexbox.width = width
-            else:
-                flexbox.height = 300
-                flexbox.width = 300
-
-            flexbox_container.append(flexbox)
-
-        return flexbox_container
-
+        return pn.Column(title, flexbox_container, sizing_mode="stretch_both")
 
 class HelpBox(pn.viewable.Viewer):
     """
@@ -554,9 +524,7 @@ class FloatingPlot(pn.viewable.Viewer):
     content: pn.viewable.Viewer = param.Parameter(
         default=None, doc="Content for Floating Panel"
     )
-    title: str = param.String(
-        default="", doc="Title for Floating Panel"
-    )
+    title: str = param.String(default="", doc="Title for Floating Panel")
 
     def __init__(self, content=None, title="", **params):
         """
@@ -572,7 +540,7 @@ class FloatingPlot(pn.viewable.Viewer):
         """
         if not self.content or not self.title:
             raise ValueError("Content and title must be provided.")
-        
+
         # Debugging information
         print(f"Creating FloatingPanel with title: {self.title}")
         print(f"Content: {self.content}")
@@ -586,7 +554,6 @@ class FloatingPlot(pn.viewable.Viewer):
             height=500,
             margin=20,
         )
-        
+
         print("FloatPanel created successfully.")
         return float_panel
-

utils/sidebar.py

@@ -6,9 +6,9 @@ from modules.Home.HomeContent import (
     create_home_main_area,
     create_home_output_box,
     create_home_warning_box,
-    create_home_plots_area,
     create_home_help_area,
     create_home_footer,
+    create_home_plots_area,
 )
 from modules.DataLoading.DataIngestion import (
     create_loadingdata_header,
@@ -16,16 +16,20 @@ from modules.DataLoading.DataIngestion import (
     create_loadingdata_output_box,
     create_loadingdata_warning_box,
     create_loadingdata_help_area,
+    create_loadingdata_plots_area,
 )
 from modules.QuickLook.LightCurve import (
     create_quicklook_lightcurve_header,
     create_quicklook_lightcurve_main_area,
 )
+from modules.QuickLook.PowerSpectrum import (
+    create_quicklook_powerspectrum_header,
+    create_quicklook_powerspectrum_main_area,
+)
 from assets.icons.svg import HOME_ICON_SVG, LOAD_DATA_ICON_SVG
 
-
 def create_sidebar(
-    main_area, header, footer, output_box, warning_box, help_box, plots_area
+    main_area, header, footer, output_box, warning_box, help_box, plots_area, floating_panel
 ):
     menu_items_quicklook_stingray = [
         ("Light Curve", "QuickLookLightCurve"),
@@ -68,6 +72,7 @@ def create_sidebar(
         warning_box[:] = [create_home_warning_box()]
         help_box[:] = [create_home_help_area()]
         footer[:] = [create_home_footer()]
+        plots_area[:] = [create_home_plots_area()]
 
     home_button.on_click(handle_home_button_selection)
 
@@ -98,6 +103,7 @@ def create_sidebar(
         output_box[:] = [create_home_output_box()]
         warning_box[:] = [create_home_warning_box()]
         help_box[:] = [create_loadingdata_help_area()]
+        plots_area[:] = [create_loadingdata_plots_area()]
 
     load_data_button.on_click(load_data)
 
@@ -127,6 +133,29 @@ def create_sidebar(
                     footer_container=footer,
                 )
             ]
+        elif clicked == "QuickLookPowerspectra":
+            header[:] = [
+                create_quicklook_powerspectrum_header(
+                    header_container=header,
+                    main_area_container=main_area,
+                    output_box_container=output_box,
+                    warning_box_container=warning_box,
+                    plots_container=plots_area,
+                    help_box_container=help_box,
+                    footer_container=footer,
+                )
+            ]
+            main_area[:] = [
+                create_quicklook_powerspectrum_main_area(
+                    header_container=header,
+                    main_area_container=main_area,
+                    output_box_container=output_box,
+                    warning_box_container=warning_box,
+                    plots_container=plots_area,
+                    help_box_container=help_box,
+                    footer_container=footer,
+                )
+            ]
 
     quicklook_stingray_button.on_click(handle_quicklook_button_selection)