Experimental Insight

The Experimental Insight page is the main data exploration view of the dashboard. It lets you browse available experiments, filter and select the ones you want to visualise, load their data, and explore interactive time-series plots for all measured parameters.

Page Layout

The page has two states that switch automatically:

Selection view — shown on first load and when you return from a plot. Displays the full list of available experiments with filter controls and selection checkboxes.

Plot view — shown after data is loaded. Displays interactive time-series charts for the selected experiments with parameter and entity controls.

Step 1 — Browse Available Experiments

When the page opens, it fetches the list of available experiments from the WebSocket data source and their associated metadata concurrently. Each experiment appears as a card showing:

• Experiment ID
• Organism used
• Media used
• Latest recorded time
• The individual reactor entities (e.g. A1, A2) within that experiment

If no experiments are found, a status message is shown and the load buttons remain disabled.

Step 2 — Filter Experiments

Use the filter bar at the top of the selection view to narrow down the experiment list before selecting:

Organism — filter by the organism used in the experiment (e.g. E. coli, S. cerevisiae). Options are populated automatically from the available experiments.

Media — filter by the growth media used. Options are also populated automatically.

Date range — restrict experiments to a specific time window based on their latest recorded timestamp.

Filters apply instantly as you change them — no need to click a button. The experiment cards update in real time to show only matching entries.

Step 3 — Select Experiments

Click the checkbox on any experiment card to select it for loading. The Selected: N counter at the top updates as you make selections.

Two shortcut buttons are available:

Select All — selects every experiment currently visible after filtering.

Deselect All — clears all selections.

The Load Data button enables as soon as at least one experiment is selected and disables again if you deselect everything.

Step 4 — Load Data

Two load options are available:

Load Selected — loads only the experiments you have checked.

Load All — loads all available experiments regardless of your checkbox selections. Useful when you want a complete overview.

While data is loading, all buttons are disabled to prevent concurrent requests. A status message updates in real time to show progress. Once loading completes, the page transitions automatically to the plot view.

Step 5 — Explore the Plot View

After loading, the page switches to the interactive plot view.

Entity Checkboxes

Each reactor entity within the loaded experiments (e.g. A1, A2) appears as a checkbox. Toggle individual reactors on or off to show or hide their traces on the chart.

Metric Checkboxes

Each measured parameter (optical density, temperature, agitation rate, etc.) appears as a checkbox. Toggle individual metrics to focus on the parameters of interest.

Plot Controls

Show All Reactors — clears the current experiment selection and re-renders the chart showing data from all available reactors, not just the ones you loaded.

Refresh — re-fetches the latest data from the WebSocket source (bypasses the local cache). Use this when your bioreactor is running and you want to see the most recent readings.

Back — returns to the experiment selection view so you can change your selection without restarting the dashboard.

Status Bar

A status bar at the bottom of the page shows the current state:

Message	Meaning
Status: Select experiments to visualize	Waiting for selection
Loading data…	Fetch in progress
Showing data for: A1, A2 (selected in Control tab)	Filtered view active
No specific selection - showing all reactors	Unfiltered view active
Error: …	Something went wrong — the error detail is shown inline