diff --git a/packages/libs/coreui/src/components/containers/DraggablePanel/index.tsx b/packages/libs/coreui/src/components/containers/DraggablePanel/index.tsx
index 8cdc54e2c6..25ccead962 100644
--- a/packages/libs/coreui/src/components/containers/DraggablePanel/index.tsx
+++ b/packages/libs/coreui/src/components/containers/DraggablePanel/index.tsx
@@ -23,6 +23,7 @@ export type DraggablePanelStyleOverrides = {
   resize?: CSSProperties['resize'];
   width?: CSSProperties['width'];
   zIndex?: CSSProperties['zIndex'];
+  overflow?: CSSProperties['overflow'];
 };
 
 export type HeightAndWidthInPixels = {
@@ -205,7 +206,7 @@ export default function DraggablePanel({
           css={css`
             // Hey, so you need to explicitly set overflow wherever
             // you plan to use resize.
-            overflow: auto;
+            overflow: ${styleOverrides?.overflow ?? 'auto'};
             resize: ${styleOverrides?.resize ?? 'none'};
             border-radius: 7px;
             // We want the content to render below the drag handle, so let's put this
diff --git a/packages/libs/eda/src/lib/core/components/layouts/FloatingLayout.tsx b/packages/libs/eda/src/lib/core/components/layouts/FloatingLayout.tsx
index 0f454c7f0e..c616b7a11e 100644
--- a/packages/libs/eda/src/lib/core/components/layouts/FloatingLayout.tsx
+++ b/packages/libs/eda/src/lib/core/components/layouts/FloatingLayout.tsx
@@ -1,4 +1,5 @@
-import { CSSProperties } from 'react';
+import { FilledButton } from '@veupathdb/coreui';
+import { CSSProperties, useState } from 'react';
 import { FloatingDiv } from '../../../map/analysis/FloatingDiv';
 import { RequiredInputsPrompt } from './RequiredInputPrompts';
 
@@ -7,6 +8,7 @@ import { LayoutProps } from './types';
 export interface Props extends LayoutProps {
   showRequiredInputsPrompt?: boolean;
   isMosaicPlot?: boolean;
+  hideControls?: boolean;
 }
 
 const defaultContainerStyles: CSSProperties = {
@@ -27,15 +29,18 @@ export function FloatingLayout({
   plotStyles,
   showRequiredInputsPrompt,
   isMosaicPlot,
+  hideControls,
 }: Props) {
   return (
     <div style={{ ...defaultContainerStyles, ...containerStyles }}>
       <div style={{ ...defaultPlotStyles, ...plotStyles }}>
-        {showRequiredInputsPrompt && (
-          <RequiredInputsPrompt isMosaicPlot={isMosaicPlot} />
-        )}
-        {plotNode}
-        {controlsNode}
+        <div>
+          {showRequiredInputsPrompt && (
+            <RequiredInputsPrompt isMosaicPlot={isMosaicPlot} />
+          )}
+          {plotNode}
+          {!hideControls && controlsNode}
+        </div>
       </div>
     </div>
   );
diff --git a/packages/libs/eda/src/lib/core/components/layouts/types.ts b/packages/libs/eda/src/lib/core/components/layouts/types.ts
index 33293dbdd5..30f272aed6 100644
--- a/packages/libs/eda/src/lib/core/components/layouts/types.ts
+++ b/packages/libs/eda/src/lib/core/components/layouts/types.ts
@@ -9,6 +9,7 @@ export interface LayoutProps {
   plotStyles?: CSSProperties;
   tableGroupNode: ReactNode;
   tableGroupStyles?: CSSProperties;
+  hideControls?: boolean;
 }
 
 export type StyleProps<P> = Pick<P, keyof P & `${string}Styles`>;
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/VisualizationTypes.ts b/packages/libs/eda/src/lib/core/components/visualizations/VisualizationTypes.ts
index fb6526d1d1..38feaf1f16 100644
--- a/packages/libs/eda/src/lib/core/components/visualizations/VisualizationTypes.ts
+++ b/packages/libs/eda/src/lib/core/components/visualizations/VisualizationTypes.ts
@@ -12,6 +12,12 @@ import {
 } from '../../types/visualization';
 import { JobStatus } from '../computations/ComputeJobStatusHook';
 
+export interface PlotContainerStyleOverrides
+  extends Omit<React.CSSProperties, 'width' | 'height'> {
+  width?: number;
+  height?: number;
+}
+
 /**
  * Props passed to viz components
  */
@@ -31,6 +37,8 @@ export interface VisualizationProps<Options = undefined> {
   geoConfigs: GeoConfig[];
   otherVizOverviews: VisualizationOverview[];
   computeJobStatus?: JobStatus;
+  hideInputsAndControls?: boolean;
+  plotContainerStyleOverrides?: PlotContainerStyleOverrides;
 }
 
 export interface IsEnabledInPickerParams {
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/VisualizationsContainer.tsx b/packages/libs/eda/src/lib/core/components/visualizations/VisualizationsContainer.tsx
index 9e22d56848..935586a7fa 100644
--- a/packages/libs/eda/src/lib/core/components/visualizations/VisualizationsContainer.tsx
+++ b/packages/libs/eda/src/lib/core/components/visualizations/VisualizationsContainer.tsx
@@ -44,6 +44,7 @@ import { RunComputeButton, StatusIcon } from '../computations/RunComputeButton';
 import { JobStatus } from '../computations/ComputeJobStatusHook';
 import { ComputationStepContainer } from '../computations/ComputationStepContainer';
 import { ComputationPlugin } from '../computations/Types';
+import { PlotContainerStyleOverrides } from './VisualizationTypes';
 
 const cx = makeClassNameHelper('VisualizationsContainer');
 
@@ -66,6 +67,8 @@ interface Props {
   createComputeJob?: () => void;
   /** optional dynamic plugins */
   plugins?: Partial<Record<string, ComputationPlugin>>;
+  hideInputsAndControls?: boolean;
+  plotContainerStyleOverrides?: PlotContainerStyleOverrides;
 }
 
 /**
@@ -449,7 +452,9 @@ type FullScreenVisualizationPropKeys =
   | 'disableThumbnailCreation'
   | 'computeJobStatus'
   | 'createComputeJob'
-  | 'plugins';
+  | 'plugins'
+  | 'hideInputsAndControls'
+  | 'plotContainerStyleOverrides';
 
 interface FullScreenVisualizationProps
   extends Pick<Props, FullScreenVisualizationPropKeys> {
@@ -479,6 +484,8 @@ export function FullScreenVisualization(props: FullScreenVisualizationProps) {
     computeJobStatus,
     createComputeJob,
     plugins = staticPlugins,
+    hideInputsAndControls,
+    plotContainerStyleOverrides,
   } = props;
   const themePrimaryColor = useUITheme()?.palette.primary;
   const history = useHistory();
@@ -643,20 +650,24 @@ export function FullScreenVisualization(props: FullScreenVisualizationProps) {
         </ContentError>
       ) : (
         <div>
-          <h3>
-            <SaveableTextEditor
-              value={viz.displayName ?? 'unnamed visualization'}
-              onSave={(value) => {
-                if (value)
-                  analysisState.updateVisualization({
-                    ...viz,
-                    displayName: value,
-                  });
-              }}
-            />
-          </h3>
-          <div className="Subtitle">{overview?.displayName}</div>
-          {plugin && analysisState.analysis && (
+          {!hideInputsAndControls && (
+            <>
+              <h3>
+                <SaveableTextEditor
+                  value={viz.displayName ?? 'unnamed visualization'}
+                  onSave={(value) => {
+                    if (value)
+                      analysisState.updateVisualization({
+                        ...viz,
+                        displayName: value,
+                      });
+                  }}
+                />
+              </h3>
+              <div className="Subtitle">{overview?.displayName}</div>
+            </>
+          )}
+          {!hideInputsAndControls && plugin && analysisState.analysis && (
             <div
               style={{
                 display: 'flex',
@@ -719,6 +730,8 @@ export function FullScreenVisualization(props: FullScreenVisualizationProps) {
                   geoConfigs={geoConfigs}
                   otherVizOverviews={overviews.others}
                   computeJobStatus={computeJobStatus}
+                  hideInputsAndControls={hideInputsAndControls}
+                  plotContainerStyleOverrides={plotContainerStyleOverrides}
                 />
               </div>
             </ComputationStepContainer>
@@ -741,6 +754,8 @@ export function FullScreenVisualization(props: FullScreenVisualizationProps) {
               geoConfigs={geoConfigs}
               otherVizOverviews={overviews.others}
               computeJobStatus={computeJobStatus}
+              hideInputsAndControls={hideInputsAndControls}
+              plotContainerStyleOverrides={plotContainerStyleOverrides}
             />
           )}
         </div>
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/implementations/BarplotVisualization.tsx b/packages/libs/eda/src/lib/core/components/visualizations/implementations/BarplotVisualization.tsx
index 95844b283a..0941d30d3e 100755
--- a/packages/libs/eda/src/lib/core/components/visualizations/implementations/BarplotVisualization.tsx
+++ b/packages/libs/eda/src/lib/core/components/visualizations/implementations/BarplotVisualization.tsx
@@ -191,11 +191,20 @@ function BarplotViz(props: VisualizationProps<Options>) {
     toggleStarredVariable,
     totalCounts,
     filteredCounts,
+    hideInputsAndControls,
+    plotContainerStyleOverrides,
   } = props;
   const studyMetadata = useStudyMetadata();
   const { id: studyId } = studyMetadata;
   const entities = useStudyEntities(filters);
   const dataClient: DataClient = useDataClient();
+  const finalPlotContainerStyles = useMemo(
+    () => ({
+      ...plotContainerStyles,
+      ...plotContainerStyleOverrides,
+    }),
+    [plotContainerStyleOverrides]
+  );
 
   // use useVizConfig hook
   const [vizConfig, updateVizConfig] = useVizConfig(
@@ -632,7 +641,7 @@ function BarplotViz(props: VisualizationProps<Options>) {
 
   const plotRef = useUpdateThumbnailEffect(
     updateThumbnail,
-    plotContainerStyles,
+    finalPlotContainerStyles,
     // The dependencies for needing to generate a new thumbnail
     [
       data,
@@ -652,7 +661,9 @@ function BarplotViz(props: VisualizationProps<Options>) {
   // these props are passed to either a single plot
   // or by FacetedPlot to each individual facet plot (where some will be overridden)
   const plotProps: BarplotProps = {
-    containerStyles: !isFaceted(data.value) ? plotContainerStyles : undefined,
+    containerStyles: !isFaceted(data.value)
+      ? finalPlotContainerStyles
+      : undefined,
     spacingOptions: !isFaceted(data.value) ? plotSpacingOptions : undefined,
     orientation: 'vertical',
     barLayout: 'group',
@@ -892,33 +903,37 @@ function BarplotViz(props: VisualizationProps<Options>) {
   return (
     <div style={{ display: 'flex', flexDirection: 'column' }}>
       <div style={{ display: 'flex', alignItems: 'center', zIndex: 1 }}>
-        <InputVariables
-          inputs={inputs}
-          entities={entities}
-          selectedVariables={selectedVariables}
-          onChange={handleInputVariableChange}
-          constraints={dataElementConstraints}
-          dataElementDependencyOrder={dataElementDependencyOrder}
-          starredVariables={starredVariables}
-          enableShowMissingnessToggle={
-            (overlayVariable != null || facetVariable != null) &&
-            data.value?.completeCasesAllVars !==
-              data.value?.completeCasesAxesVars
-          }
-          toggleStarredVariable={toggleStarredVariable}
-          // this can be used to show and hide no data control
-          onShowMissingnessChange={
-            computation.descriptor.type === 'pass'
-              ? onShowMissingnessChange
-              : undefined
-          }
-          showMissingness={vizConfig.showMissingness}
-          outputEntity={outputEntity}
-        />
+        {!hideInputsAndControls && (
+          <InputVariables
+            inputs={inputs}
+            entities={entities}
+            selectedVariables={selectedVariables}
+            onChange={handleInputVariableChange}
+            constraints={dataElementConstraints}
+            dataElementDependencyOrder={dataElementDependencyOrder}
+            starredVariables={starredVariables}
+            enableShowMissingnessToggle={
+              (overlayVariable != null || facetVariable != null) &&
+              data.value?.completeCasesAllVars !==
+                data.value?.completeCasesAxesVars
+            }
+            toggleStarredVariable={toggleStarredVariable}
+            // this can be used to show and hide no data control
+            onShowMissingnessChange={
+              computation.descriptor.type === 'pass'
+                ? onShowMissingnessChange
+                : undefined
+            }
+            showMissingness={vizConfig.showMissingness}
+            outputEntity={outputEntity}
+          />
+        )}
       </div>
 
       <PluginError error={data.error} outputSize={outputSize} />
-      <OutputEntityTitle entity={outputEntity} outputSize={outputSize} />
+      {!hideInputsAndControls && (
+        <OutputEntityTitle entity={outputEntity} outputSize={outputSize} />
+      )}
       <LayoutComponent
         isFaceted={isFaceted(data.value)}
         plotNode={plotNode}
@@ -926,6 +941,7 @@ function BarplotViz(props: VisualizationProps<Options>) {
         legendNode={showOverlayLegend ? legendNode : null}
         tableGroupNode={tableGroupNode}
         showRequiredInputsPrompt={!areRequiredInputsSelected}
+        hideControls={hideInputsAndControls}
       />
     </div>
   );
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/implementations/BoxplotVisualization.tsx b/packages/libs/eda/src/lib/core/components/visualizations/implementations/BoxplotVisualization.tsx
index bcfafdff7a..a2c6da8061 100755
--- a/packages/libs/eda/src/lib/core/components/visualizations/implementations/BoxplotVisualization.tsx
+++ b/packages/libs/eda/src/lib/core/components/visualizations/implementations/BoxplotVisualization.tsx
@@ -196,11 +196,20 @@ function BoxplotViz(props: VisualizationProps<Options>) {
     totalCounts,
     filteredCounts,
     computeJobStatus,
+    hideInputsAndControls,
+    plotContainerStyleOverrides,
   } = props;
   const studyMetadata = useStudyMetadata();
   const { id: studyId } = studyMetadata;
   const entities = useStudyEntities(filters);
   const dataClient: DataClient = useDataClient();
+  const finalPlotContainerStyles = useMemo(
+    () => ({
+      ...plotContainerStyles,
+      ...plotContainerStyleOverrides,
+    }),
+    [plotContainerStyleOverrides]
+  );
 
   const [vizConfig, updateVizConfig] = useVizConfig(
     visualization.descriptor.configuration,
@@ -689,7 +698,9 @@ function BoxplotViz(props: VisualizationProps<Options>) {
       // data.value
       data={data.value}
       updateThumbnail={updateThumbnail}
-      containerStyles={!isFaceted(data.value) ? plotContainerStyles : undefined}
+      containerStyles={
+        !isFaceted(data.value) ? finalPlotContainerStyles : undefined
+      }
       spacingOptions={!isFaceted(data.value) ? plotSpacingOptions : undefined}
       orientation={'vertical'}
       displayLegend={false}
@@ -879,38 +890,42 @@ function BoxplotViz(props: VisualizationProps<Options>) {
   return (
     <div style={{ display: 'flex', flexDirection: 'column' }}>
       <div style={{ display: 'flex', alignItems: 'center', zIndex: 1 }}>
-        <InputVariables
-          inputs={finalizedInputs}
-          entities={entities}
-          selectedVariables={selectedVariables}
-          variablesForConstraints={variablesForConstraints}
-          onChange={handleInputVariableChange}
-          constraints={dataElementConstraints}
-          dataElementDependencyOrder={dataElementDependencyOrder}
-          starredVariables={starredVariables}
-          toggleStarredVariable={toggleStarredVariable}
-          enableShowMissingnessToggle={
-            (overlayVariable != null || facetVariable != null) &&
-            data.value?.completeCasesAllVars !==
-              data.value?.completeCasesAxesVars
-          }
-          showMissingness={vizConfig.showMissingness}
-          // this can be used to show and hide no data control
-          onShowMissingnessChange={
-            options?.hideShowMissingnessToggle
-              ? undefined
-              : onShowMissingnessChange
-          }
-          outputEntity={outputEntity}
-        />
+        {!hideInputsAndControls && (
+          <InputVariables
+            inputs={finalizedInputs}
+            entities={entities}
+            selectedVariables={selectedVariables}
+            variablesForConstraints={variablesForConstraints}
+            onChange={handleInputVariableChange}
+            constraints={dataElementConstraints}
+            dataElementDependencyOrder={dataElementDependencyOrder}
+            starredVariables={starredVariables}
+            toggleStarredVariable={toggleStarredVariable}
+            enableShowMissingnessToggle={
+              (overlayVariable != null || facetVariable != null) &&
+              data.value?.completeCasesAllVars !==
+                data.value?.completeCasesAxesVars
+            }
+            showMissingness={vizConfig.showMissingness}
+            // this can be used to show and hide no data control
+            onShowMissingnessChange={
+              options?.hideShowMissingnessToggle
+                ? undefined
+                : onShowMissingnessChange
+            }
+            outputEntity={outputEntity}
+          />
+        )}
       </div>
 
       <PluginError error={data.error} outputSize={outputSize} />
-      <OutputEntityTitle
-        entity={outputEntity}
-        outputSize={outputSize}
-        subtitle={plotSubtitle}
-      />
+      {!hideInputsAndControls && (
+        <OutputEntityTitle
+          entity={outputEntity}
+          outputSize={outputSize}
+          subtitle={plotSubtitle}
+        />
+      )}
       <LayoutComponent
         isFaceted={isFaceted(data.value)}
         legendNode={showOverlayLegend ? legendNode : null}
@@ -918,6 +933,7 @@ function BoxplotViz(props: VisualizationProps<Options>) {
         controlsNode={controlsNode}
         tableGroupNode={tableGroupNode}
         showRequiredInputsPrompt={!areRequiredInputsSelected}
+        hideControls={hideInputsAndControls}
       />
     </div>
   );
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/implementations/HistogramVisualization.tsx b/packages/libs/eda/src/lib/core/components/visualizations/implementations/HistogramVisualization.tsx
index 079adf7c18..89e034f1ef 100755
--- a/packages/libs/eda/src/lib/core/components/visualizations/implementations/HistogramVisualization.tsx
+++ b/packages/libs/eda/src/lib/core/components/visualizations/implementations/HistogramVisualization.tsx
@@ -223,11 +223,20 @@ function HistogramViz(props: VisualizationProps<Options>) {
     toggleStarredVariable,
     totalCounts,
     filteredCounts,
+    hideInputsAndControls,
+    plotContainerStyleOverrides,
   } = props;
   const studyMetadata = useStudyMetadata();
   const { id: studyId } = studyMetadata;
   const entities = useStudyEntities(filters);
   const dataClient: DataClient = useDataClient();
+  const finalPlotContainerStyles = useMemo(
+    () => ({
+      ...plotContainerStyles,
+      ...plotContainerStyleOverrides,
+    }),
+    [plotContainerStyleOverrides]
+  );
 
   const [vizConfig, updateVizConfig] = useVizConfig(
     visualization.descriptor.configuration,
@@ -981,7 +990,7 @@ function HistogramViz(props: VisualizationProps<Options>) {
 
   const plotRef = useUpdateThumbnailEffect(
     updateThumbnail,
-    plotContainerStyles,
+    finalPlotContainerStyles,
     [
       data,
       vizConfig.checkedLegendItems,
@@ -999,7 +1008,9 @@ function HistogramViz(props: VisualizationProps<Options>) {
   );
 
   const histogramProps: HistogramProps = {
-    containerStyles: !isFaceted(data.value) ? plotContainerStyles : undefined,
+    containerStyles: !isFaceted(data.value)
+      ? finalPlotContainerStyles
+      : undefined,
     dependentAxisLogScale: vizConfig.dependentAxisLogScale,
     independentAxisLabel: variableDisplayWithUnit(xAxisVariable) ?? 'Main',
     dependentAxisLabel:
@@ -1364,35 +1375,39 @@ function HistogramViz(props: VisualizationProps<Options>) {
   return (
     <div style={{ display: 'flex', flexDirection: 'column' }}>
       <div style={{ display: 'flex', alignItems: 'center', zIndex: 1 }}>
-        <InputVariables
-          inputs={inputs}
-          entities={entities}
-          selectedVariables={selectedVariables}
-          onChange={handleInputVariableChange}
-          constraints={dataElementConstraints}
-          dataElementDependencyOrder={dataElementDependencyOrder}
-          starredVariables={starredVariables}
-          toggleStarredVariable={toggleStarredVariable}
-          enableShowMissingnessToggle={
-            (overlayVariable != null || facetVariable != null) &&
-            data.value?.completeCasesAllVars !==
-              data.value?.completeCasesAxesVars
-          }
-          showMissingness={vizConfig.showMissingness}
-          // this can be used to show and hide no data control
-          onShowMissingnessChange={
-            computation.descriptor.type === 'pass'
-              ? onShowMissingnessChange
-              : undefined
-          }
-          outputEntity={outputEntity}
-        />
+        {!hideInputsAndControls && (
+          <InputVariables
+            inputs={inputs}
+            entities={entities}
+            selectedVariables={selectedVariables}
+            onChange={handleInputVariableChange}
+            constraints={dataElementConstraints}
+            dataElementDependencyOrder={dataElementDependencyOrder}
+            starredVariables={starredVariables}
+            toggleStarredVariable={toggleStarredVariable}
+            enableShowMissingnessToggle={
+              (overlayVariable != null || facetVariable != null) &&
+              data.value?.completeCasesAllVars !==
+                data.value?.completeCasesAxesVars
+            }
+            showMissingness={vizConfig.showMissingness}
+            // this can be used to show and hide no data control
+            onShowMissingnessChange={
+              computation.descriptor.type === 'pass'
+                ? onShowMissingnessChange
+                : undefined
+            }
+            outputEntity={outputEntity}
+          />
+        )}
       </div>
 
       <PluginError error={data.error} outputSize={outputSize} />
 
       <div style={{ display: 'flex', flexDirection: 'column' }}>
-        <OutputEntityTitle entity={outputEntity} outputSize={outputSize} />
+        {!hideInputsAndControls && (
+          <OutputEntityTitle entity={outputEntity} outputSize={outputSize} />
+        )}
         <LayoutComponent
           isFaceted={isFaceted(data.value)}
           plotNode={plotNode}
@@ -1400,6 +1415,7 @@ function HistogramViz(props: VisualizationProps<Options>) {
           legendNode={showOverlayLegend ? legendNode : null}
           tableGroupNode={tableGroupNode}
           showRequiredInputsPrompt={!areRequiredInputsSelected}
+          hideControls={hideInputsAndControls}
         />
       </div>
     </div>
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/implementations/LineplotVisualization.tsx b/packages/libs/eda/src/lib/core/components/visualizations/implementations/LineplotVisualization.tsx
index 9e1925e924..a10cc30c52 100755
--- a/packages/libs/eda/src/lib/core/components/visualizations/implementations/LineplotVisualization.tsx
+++ b/packages/libs/eda/src/lib/core/components/visualizations/implementations/LineplotVisualization.tsx
@@ -275,11 +275,20 @@ function LineplotViz(props: VisualizationProps<Options>) {
     toggleStarredVariable,
     totalCounts,
     filteredCounts,
+    hideInputsAndControls,
+    plotContainerStyleOverrides,
   } = props;
   const studyMetadata = useStudyMetadata();
   const { id: studyId } = studyMetadata;
   const entities = useStudyEntities(filters);
   const dataClient: DataClient = useDataClient();
+  const finalPlotContainerStyles = useMemo(
+    () => ({
+      ...plotContainerStyles,
+      ...plotContainerStyleOverrides,
+    }),
+    [plotContainerStyleOverrides]
+  );
 
   const [vizConfig, updateVizConfig] = useVizConfig(
     visualization.descriptor.configuration,
@@ -995,7 +1004,7 @@ function LineplotViz(props: VisualizationProps<Options>) {
 
   const plotRef = useUpdateThumbnailEffect(
     updateThumbnail,
-    plotContainerStyles,
+    finalPlotContainerStyles,
     [
       data,
       vizConfig.checkedLegendItems,
@@ -1027,7 +1036,7 @@ function LineplotViz(props: VisualizationProps<Options>) {
         : 'Y-axis',
     displayLegend: false,
     containerStyles: !isFaceted(data.value?.dataSetProcess)
-      ? plotContainerStyles
+      ? finalPlotContainerStyles
       : undefined,
     spacingOptions: !isFaceted(data.value?.dataSetProcess)
       ? plotSpacingOptions
@@ -1759,58 +1768,62 @@ function LineplotViz(props: VisualizationProps<Options>) {
   return (
     <div style={{ display: 'flex', flexDirection: 'column' }}>
       <div style={{ display: 'flex', alignItems: 'center', zIndex: 1 }}>
-        <InputVariables
-          inputs={inputs}
-          customSections={[
-            {
-              title: (
-                <>
-                  <span style={{ marginRight: '0.5em' }}>
-                    Y-axis aggregation{' '}
-                    {vizConfig.yAxisVariable
-                      ? categoricalMode
-                        ? '(categorical Y)'
-                        : '(continuous Y)'
-                      : ''}
+        {!hideInputsAndControls && (
+          <InputVariables
+            inputs={inputs}
+            customSections={[
+              {
+                title: (
+                  <>
+                    <span style={{ marginRight: '0.5em' }}>
+                      Y-axis aggregation{' '}
+                      {vizConfig.yAxisVariable
+                        ? categoricalMode
+                          ? '(categorical Y)'
+                          : '(continuous Y)'
+                        : ''}
+                    </span>
+                    <HelpIcon children={aggregationHelp} />
+                  </>
+                ),
+                order: 75,
+                content: vizConfig.yAxisVariable ? (
+                  aggregationInputs
+                ) : (
+                  <span style={{ color: '#969696', fontWeight: 500 }}>
+                    First choose a Y-axis variable.
                   </span>
-                  <HelpIcon children={aggregationHelp} />
-                </>
-              ),
-              order: 75,
-              content: vizConfig.yAxisVariable ? (
-                aggregationInputs
-              ) : (
-                <span style={{ color: '#969696', fontWeight: 500 }}>
-                  First choose a Y-axis variable.
-                </span>
-              ),
-            },
-          ]}
-          entities={entities}
-          selectedVariables={selectedVariables}
-          onChange={handleInputVariableChange}
-          constraints={dataElementConstraints}
-          dataElementDependencyOrder={dataElementDependencyOrder}
-          starredVariables={starredVariables}
-          toggleStarredVariable={toggleStarredVariable}
-          enableShowMissingnessToggle={
-            (overlayVariable != null || facetVariable != null) &&
-            data.value?.completeCasesAllVars !==
-              data.value?.completeCasesAxesVars
-          }
-          showMissingness={vizConfig.showMissingness}
-          // this can be used to show and hide no data control
-          onShowMissingnessChange={
-            computation.descriptor.type === 'pass'
-              ? onShowMissingnessChange
-              : undefined
-          }
-          outputEntity={outputEntity}
-        />
+                ),
+              },
+            ]}
+            entities={entities}
+            selectedVariables={selectedVariables}
+            onChange={handleInputVariableChange}
+            constraints={dataElementConstraints}
+            dataElementDependencyOrder={dataElementDependencyOrder}
+            starredVariables={starredVariables}
+            toggleStarredVariable={toggleStarredVariable}
+            enableShowMissingnessToggle={
+              (overlayVariable != null || facetVariable != null) &&
+              data.value?.completeCasesAllVars !==
+                data.value?.completeCasesAxesVars
+            }
+            showMissingness={vizConfig.showMissingness}
+            // this can be used to show and hide no data control
+            onShowMissingnessChange={
+              computation.descriptor.type === 'pass'
+                ? onShowMissingnessChange
+                : undefined
+            }
+            outputEntity={outputEntity}
+          />
+        )}
       </div>
 
       <PluginError error={data.error} outputSize={outputSize} />
-      <OutputEntityTitle entity={outputEntity} outputSize={outputSize} />
+      {!hideInputsAndControls && (
+        <OutputEntityTitle entity={outputEntity} outputSize={outputSize} />
+      )}
       <LayoutComponent
         isFaceted={isFaceted(data.value?.dataSetProcess)}
         legendNode={showOverlayLegend ? legendNode : null}
@@ -1818,6 +1831,7 @@ function LineplotViz(props: VisualizationProps<Options>) {
         controlsNode={controlsNode}
         tableGroupNode={tableGroupNode}
         showRequiredInputsPrompt={!areRequiredInputsSelected}
+        hideControls={hideInputsAndControls}
       />
     </div>
   );
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/implementations/MapVisualization.tsx b/packages/libs/eda/src/lib/core/components/visualizations/implementations/MapVisualization.tsx
index d49f92eb71..a9a30d6f6a 100644
--- a/packages/libs/eda/src/lib/core/components/visualizations/implementations/MapVisualization.tsx
+++ b/packages/libs/eda/src/lib/core/components/visualizations/implementations/MapVisualization.tsx
@@ -113,6 +113,7 @@ function MapViz(props: VisualizationProps<Options>) {
     otherVizOverviews,
     starredVariables,
     toggleStarredVariable,
+    hideInputsAndControls,
   } = props;
   const studyMetadata = useStudyMetadata();
   const { id: studyId } = studyMetadata;
@@ -399,45 +400,57 @@ function MapViz(props: VisualizationProps<Options>) {
           justifyContent: 'space-between',
         }}
       >
-        {geoConfigs.length > 1 && (
-          <FormControl style={{ minWidth: '200px' }} variant="filled">
-            <InputLabel>Map the locations of</InputLabel>
-            <Select
-              value={vizConfig.geoEntityId ?? ''}
-              onChange={handleGeoEntityChange}
-            >
-              {geoConfigs.map((geoConfig) => (
-                <MenuItem key={geoConfig.entity.id} value={geoConfig.entity.id}>
-                  {geoConfig.entity.displayNamePlural ??
-                    geoConfig.entity.displayName}
-                </MenuItem>
-              ))}
-            </Select>
-          </FormControl>
+        {!hideInputsAndControls && (
+          <>
+            {geoConfigs.length > 1 && (
+              <FormControl style={{ minWidth: '200px' }} variant="filled">
+                <InputLabel>Map the locations of</InputLabel>
+                <Select
+                  value={vizConfig.geoEntityId ?? ''}
+                  onChange={handleGeoEntityChange}
+                >
+                  {geoConfigs.map((geoConfig) => (
+                    <MenuItem
+                      key={geoConfig.entity.id}
+                      value={geoConfig.entity.id}
+                    >
+                      {geoConfig.entity.displayNamePlural ??
+                        geoConfig.entity.displayName}
+                    </MenuItem>
+                  ))}
+                </Select>
+              </FormControl>
+            )}
+            <InputVariables
+              inputs={[
+                {
+                  name: 'xAxisVariable',
+                  label: 'Main',
+                },
+              ]}
+              entities={entities}
+              selectedVariables={{
+                xAxisVariable: vizConfig.xAxisVariable,
+              }}
+              onChange={handleInputVariableChange}
+              constraints={pieConstraints}
+              dataElementDependencyOrder={pieDependencyOrder}
+              starredVariables={starredVariables}
+              toggleStarredVariable={toggleStarredVariable}
+              outputEntity={outputEntity}
+            />
+          </>
         )}
-        <InputVariables
-          inputs={[
-            {
-              name: 'xAxisVariable',
-              label: 'Main',
-            },
-          ]}
-          entities={entities}
-          selectedVariables={{
-            xAxisVariable: vizConfig.xAxisVariable,
-          }}
-          onChange={handleInputVariableChange}
-          constraints={pieConstraints}
-          dataElementDependencyOrder={pieDependencyOrder}
-          starredVariables={starredVariables}
-          toggleStarredVariable={toggleStarredVariable}
-          outputEntity={outputEntity}
-        />
       </div>
 
       <PluginError error={basicMarkerError} outputSize={totalEntityCount} />
       <PluginError error={overlayError} outputSize={totalEntityCount} />
-      <OutputEntityTitle entity={outputEntity} outputSize={totalEntityCount} />
+      {!hideInputsAndControls && (
+        <OutputEntityTitle
+          entity={outputEntity}
+          outputSize={totalEntityCount}
+        />
+      )}
       <LayoutComponent
         isFaceted={false}
         legendNode={legendNode}
@@ -449,6 +462,7 @@ function MapViz(props: VisualizationProps<Options>) {
          * thus, we're directly coercing a boolean as to whether or not the required variable has been chosen
          */
         showRequiredInputsPrompt={!vizConfig.xAxisVariable}
+        hideControls={hideInputsAndControls}
       />
     </div>
   );
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/implementations/MosaicVisualization.tsx b/packages/libs/eda/src/lib/core/components/visualizations/implementations/MosaicVisualization.tsx
index 2373b0ef95..a3f91c3681 100644
--- a/packages/libs/eda/src/lib/core/components/visualizations/implementations/MosaicVisualization.tsx
+++ b/packages/libs/eda/src/lib/core/components/visualizations/implementations/MosaicVisualization.tsx
@@ -88,10 +88,6 @@ const plotContainerStyles = {
 
 const plotSpacingOptions = {};
 
-const statsTableStyles = {
-  width: plotContainerStyles.width,
-};
-
 const facetedStatsTableStyles = {};
 
 const facetedStatsTableContainerStyles = {
@@ -200,11 +196,20 @@ function MosaicViz(props: Props<Options>) {
     toggleStarredVariable,
     totalCounts,
     filteredCounts,
+    hideInputsAndControls,
+    plotContainerStyleOverrides,
   } = props;
   const studyMetadata = useStudyMetadata();
   const { id: studyId } = studyMetadata;
   const entities = useStudyEntities(filters);
   const dataClient: DataClient = useDataClient();
+  const finalPlotContainerStyles = useMemo(
+    () => ({
+      ...plotContainerStyles,
+      ...plotContainerStyleOverrides,
+    }),
+    [plotContainerStyleOverrides]
+  );
 
   // set default tab to Mosaic in TabbedDisplay component
   const [activeTab, setActiveTab] = useState(
@@ -549,12 +554,14 @@ function MosaicViz(props: Props<Options>) {
 
   const plotRef = useUpdateThumbnailEffect(
     updateThumbnail,
-    plotContainerStyles,
+    finalPlotContainerStyles,
     [data]
   );
 
   const mosaicProps: MosaicPlotProps = {
-    containerStyles: !isFaceted(data.value) ? plotContainerStyles : undefined,
+    containerStyles: !isFaceted(data.value)
+      ? finalPlotContainerStyles
+      : undefined,
     spacingOptions: !isFaceted(data.value) ? plotSpacingOptions : undefined,
     independentAxisLabel: xAxisLabel ?? 'X-axis',
     dependentAxisLabel: yAxisLabel ?? 'Y-axis',
@@ -611,7 +618,7 @@ function MosaicViz(props: Props<Options>) {
                 tableContainerStyles={
                   isFaceted(data.value)
                     ? facetedStatsTableStyles
-                    : statsTableStyles
+                    : { width: finalPlotContainerStyles.width }
                 }
                 facetedContainerStyles={facetedStatsTableContainerStyles}
                 independentVariable={xAxisLabel ?? 'X-axis'}
@@ -982,36 +989,40 @@ function MosaicViz(props: Props<Options>) {
       )}
       <div style={{ display: 'flex', flexDirection: 'column' }}>
         <div style={{ display: 'flex', alignItems: 'center', zIndex: 1 }}>
-          <InputVariables
-            inputs={inputs}
-            customSections={
-              isTwoByTwo ? twoByTwoReferenceValueInputs : undefined
-            }
-            entities={entities}
-            selectedVariables={selectedVariables}
-            onChange={handleInputVariableChange}
-            constraints={dataElementConstraints}
-            dataElementDependencyOrder={dataElementDependencyOrder}
-            starredVariables={starredVariables}
-            toggleStarredVariable={toggleStarredVariable}
-            enableShowMissingnessToggle={
-              facetVariable != null &&
-              data.value?.completeCasesAllVars !==
-                data.value?.completeCasesAxesVars
-            }
-            showMissingness={vizConfig.showMissingness}
-            // this can be used to show and hide no data control
-            onShowMissingnessChange={
-              computation.descriptor.type === 'pass'
-                ? onShowMissingnessChange
-                : undefined
-            }
-            outputEntity={outputEntity}
-          />
+          {!hideInputsAndControls && (
+            <InputVariables
+              inputs={inputs}
+              customSections={
+                isTwoByTwo ? twoByTwoReferenceValueInputs : undefined
+              }
+              entities={entities}
+              selectedVariables={selectedVariables}
+              onChange={handleInputVariableChange}
+              constraints={dataElementConstraints}
+              dataElementDependencyOrder={dataElementDependencyOrder}
+              starredVariables={starredVariables}
+              toggleStarredVariable={toggleStarredVariable}
+              enableShowMissingnessToggle={
+                facetVariable != null &&
+                data.value?.completeCasesAllVars !==
+                  data.value?.completeCasesAxesVars
+              }
+              showMissingness={vizConfig.showMissingness}
+              // this can be used to show and hide no data control
+              onShowMissingnessChange={
+                computation.descriptor.type === 'pass'
+                  ? onShowMissingnessChange
+                  : undefined
+              }
+              outputEntity={outputEntity}
+            />
+          )}
         </div>
 
         <PluginError error={data.error} outputSize={outputSize} />
-        <OutputEntityTitle entity={outputEntity} outputSize={outputSize} />
+        {!hideInputsAndControls && (
+          <OutputEntityTitle entity={outputEntity} outputSize={outputSize} />
+        )}
         <LayoutComponent
           isFaceted={isFaceted(data.value)}
           plotNode={plotNode}
@@ -1019,6 +1030,7 @@ function MosaicViz(props: Props<Options>) {
           tableGroupNode={tableGroupNode}
           showRequiredInputsPrompt={!areRequiredInputsSelected}
           isMosaicPlot={true}
+          hideControls={hideInputsAndControls}
         />
       </div>
     </>
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/implementations/ScatterplotVisualization.tsx b/packages/libs/eda/src/lib/core/components/visualizations/implementations/ScatterplotVisualization.tsx
index 2354c4795b..56676e2fae 100755
--- a/packages/libs/eda/src/lib/core/components/visualizations/implementations/ScatterplotVisualization.tsx
+++ b/packages/libs/eda/src/lib/core/components/visualizations/implementations/ScatterplotVisualization.tsx
@@ -272,12 +272,21 @@ function ScatterplotViz(props: VisualizationProps<Options>) {
     totalCounts,
     filteredCounts,
     computeJobStatus,
+    hideInputsAndControls,
+    plotContainerStyleOverrides,
   } = props;
 
   const studyMetadata = useStudyMetadata();
   const { id: studyId } = studyMetadata;
   const entities = useStudyEntities(filters);
   const dataClient: DataClient = useDataClient();
+  const finalPlotContainerStyles = useMemo(
+    () => ({
+      ...plotContainerStyles,
+      ...plotContainerStyleOverrides,
+    }),
+    [plotContainerStyleOverrides]
+  );
 
   const [vizConfig, updateVizConfig] = useVizConfig(
     visualization.descriptor.configuration,
@@ -1198,7 +1207,7 @@ function ScatterplotViz(props: VisualizationProps<Options>) {
 
   const plotRef = useUpdateThumbnailEffect(
     updateThumbnail,
-    plotContainerStyles,
+    finalPlotContainerStyles,
     [
       data,
       vizConfig.checkedLegendItems,
@@ -1311,7 +1320,7 @@ function ScatterplotViz(props: VisualizationProps<Options>) {
       },
     },
     containerStyles: !isFaceted(data.value?.dataSetProcess)
-      ? plotContainerStyles
+      ? finalPlotContainerStyles
       : undefined,
     spacingOptions: !isFaceted(data.value?.dataSetProcess)
       ? plotSpacingOptions
@@ -2044,29 +2053,31 @@ function ScatterplotViz(props: VisualizationProps<Options>) {
   return (
     <div style={{ display: 'flex', flexDirection: 'column' }}>
       <div style={{ display: 'flex', alignItems: 'center', zIndex: 1 }}>
-        <InputVariables
-          inputs={inputs}
-          entities={entities}
-          selectedVariables={selectedVariables}
-          variablesForConstraints={variablesForConstraints}
-          onChange={handleInputVariableChange}
-          constraints={dataElementConstraints}
-          dataElementDependencyOrder={dataElementDependencyOrder}
-          starredVariables={starredVariables}
-          toggleStarredVariable={toggleStarredVariable}
-          enableShowMissingnessToggle={
-            (overlayVariable != null || facetVariable != null) &&
-            data.value?.completeCasesAllVars !==
-              data.value?.completeCasesAxesVars
-          }
-          showMissingness={vizConfig.showMissingness}
-          onShowMissingnessChange={
-            options?.hideShowMissingnessToggle
-              ? undefined
-              : onShowMissingnessChange
-          }
-          outputEntity={outputEntity}
-        />
+        {!hideInputsAndControls && (
+          <InputVariables
+            inputs={inputs}
+            entities={entities}
+            selectedVariables={selectedVariables}
+            variablesForConstraints={variablesForConstraints}
+            onChange={handleInputVariableChange}
+            constraints={dataElementConstraints}
+            dataElementDependencyOrder={dataElementDependencyOrder}
+            starredVariables={starredVariables}
+            toggleStarredVariable={toggleStarredVariable}
+            enableShowMissingnessToggle={
+              (overlayVariable != null || facetVariable != null) &&
+              data.value?.completeCasesAllVars !==
+                data.value?.completeCasesAxesVars
+            }
+            showMissingness={vizConfig.showMissingness}
+            onShowMissingnessChange={
+              options?.hideShowMissingnessToggle
+                ? undefined
+                : onShowMissingnessChange
+            }
+            outputEntity={outputEntity}
+          />
+        )}
       </div>
 
       <PluginError
@@ -2089,11 +2100,13 @@ function ScatterplotViz(props: VisualizationProps<Options>) {
         ]}
       />
 
-      <OutputEntityTitle
-        entity={outputEntity}
-        outputSize={outputSize}
-        subtitle={plotSubtitle}
-      />
+      {!hideInputsAndControls && (
+        <OutputEntityTitle
+          entity={outputEntity}
+          outputSize={outputSize}
+          subtitle={plotSubtitle}
+        />
+      )}
       <LayoutComponent
         isFaceted={isFaceted(data.value?.dataSetProcess)}
         legendNode={showOverlayLegend ? legendNode : null}
@@ -2101,6 +2114,7 @@ function ScatterplotViz(props: VisualizationProps<Options>) {
         controlsNode={controlsNode}
         tableGroupNode={tableGroupNode}
         showRequiredInputsPrompt={!areRequiredInputsSelected}
+        hideControls={hideInputsAndControls}
       />
     </div>
   );
diff --git a/packages/libs/eda/src/lib/core/components/visualizations/implementations/VolcanoPlotVisualization.tsx b/packages/libs/eda/src/lib/core/components/visualizations/implementations/VolcanoPlotVisualization.tsx
index f1e7c46ed9..3200e9d4e8 100755
--- a/packages/libs/eda/src/lib/core/components/visualizations/implementations/VolcanoPlotVisualization.tsx
+++ b/packages/libs/eda/src/lib/core/components/visualizations/implementations/VolcanoPlotVisualization.tsx
@@ -123,6 +123,8 @@ function VolcanoPlotViz(props: VisualizationProps<Options>) {
     filters,
     filteredCounts,
     computeJobStatus,
+    hideInputsAndControls,
+    plotContainerStyleOverrides,
   } = props;
 
   const studyMetadata = useStudyMetadata();
@@ -131,6 +133,13 @@ function VolcanoPlotViz(props: VisualizationProps<Options>) {
   const dataClient: DataClient = useDataClient();
   const computationConfiguration: DifferentialAbundanceConfig = computation
     .descriptor.configuration as DifferentialAbundanceConfig;
+  const finalPlotContainerStyles = useMemo(
+    () => ({
+      ...plotContainerStyles,
+      ...plotContainerStyleOverrides,
+    }),
+    [plotContainerStyleOverrides]
+  );
 
   const [vizConfig, updateVizConfig] = useVizConfig(
     visualization.descriptor.configuration,
@@ -373,7 +382,7 @@ function VolcanoPlotViz(props: VisualizationProps<Options>) {
 
   const plotRef = useUpdateThumbnailEffect(
     updateThumbnail,
-    plotContainerStyles,
+    finalPlotContainerStyles,
     [
       finalData,
       // vizConfig.checkedLegendItems, TODO
@@ -422,7 +431,7 @@ function VolcanoPlotViz(props: VisualizationProps<Options>) {
     markerBodyOpacity: data.value
       ? vizConfig.markerBodyOpacity ?? DEFAULT_MARKER_OPACITY
       : 0,
-    containerStyles: plotContainerStyles,
+    containerStyles: finalPlotContainerStyles,
     /**
      * Let's not display comparisonLabels before we have data for the viz. This prevents what may be
      * confusing behavior where selecting group values displays on the empty viz placeholder.
@@ -608,30 +617,32 @@ function VolcanoPlotViz(props: VisualizationProps<Options>) {
 
   return (
     <div style={{ display: 'flex', flexDirection: 'column' }}>
-      <LabelledGroup label="Threshold lines" alignChildrenHorizontally={true}>
-        <NumberInput
-          onValueChange={(newValue?: NumberOrDate) =>
-            updateVizConfig({ effectSizeThreshold: Number(newValue) })
-          }
-          label={finalData?.effectSizeLabel ?? 'Effect Size'}
-          minValue={0}
-          value={vizConfig.effectSizeThreshold ?? DEFAULT_FC_THRESHOLD}
-          containerStyles={{ marginRight: 10 }}
-        />
+      {!hideInputsAndControls && (
+        <LabelledGroup label="Threshold lines" alignChildrenHorizontally={true}>
+          <NumberInput
+            onValueChange={(newValue?: NumberOrDate) =>
+              updateVizConfig({ effectSizeThreshold: Number(newValue) })
+            }
+            label={finalData?.effectSizeLabel ?? 'Effect Size'}
+            minValue={0}
+            value={vizConfig.effectSizeThreshold ?? DEFAULT_FC_THRESHOLD}
+            containerStyles={{ marginRight: 10 }}
+          />
 
-        <NumberInput
-          label="P-Value"
-          onValueChange={(newValue?: NumberOrDate) =>
-            updateVizConfig({ significanceThreshold: Number(newValue) })
-          }
-          minValue={0}
-          value={vizConfig.significanceThreshold ?? DEFAULT_SIG_THRESHOLD}
-          containerStyles={{ marginLeft: 10 }}
-          step={0.001}
-        />
-      </LabelledGroup>
+          <NumberInput
+            label="P-Value"
+            onValueChange={(newValue?: NumberOrDate) =>
+              updateVizConfig({ significanceThreshold: Number(newValue) })
+            }
+            minValue={0}
+            value={vizConfig.significanceThreshold ?? DEFAULT_SIG_THRESHOLD}
+            containerStyles={{ marginLeft: 10 }}
+            step={0.001}
+          />
+        </LabelledGroup>
+      )}
 
-      <OutputEntityTitle subtitle={plotSubtitle} />
+      {!hideInputsAndControls && <OutputEntityTitle subtitle={plotSubtitle} />}
       <LayoutComponent
         isFaceted={false}
         legendNode={legendNode}
@@ -639,6 +650,7 @@ function VolcanoPlotViz(props: VisualizationProps<Options>) {
         controlsNode={controlsNode}
         tableGroupNode={tableGroupNode}
         showRequiredInputsPrompt={false}
+        hideControls={hideInputsAndControls}
       />
     </div>
   );
diff --git a/packages/libs/eda/src/lib/map/analysis/DraggableVisualization.tsx b/packages/libs/eda/src/lib/map/analysis/DraggableVisualization.tsx
index 9f3d47492d..edf62a7429 100644
--- a/packages/libs/eda/src/lib/map/analysis/DraggableVisualization.tsx
+++ b/packages/libs/eda/src/lib/map/analysis/DraggableVisualization.tsx
@@ -10,6 +10,7 @@ import { GeoConfig } from '../../core/types/geoConfig';
 import { EntityCounts } from '../../core/hooks/entityCounts';
 import { VariableDescriptor } from '../../core/types/variable';
 import { Filter } from '../../core/types/filter';
+import { FilledButton } from '@veupathdb/coreui';
 import { DraggablePanel } from '@veupathdb/coreui/lib/components/containers';
 import { ComputationPlugin } from '../../core/components/computations/Types';
 
@@ -28,6 +29,8 @@ interface Props {
   filters: Filter[];
   zIndexForStackingContext: number;
   additionalRenderCondition?: () => void;
+  hideInputsAndControls: boolean;
+  setHideInputsAndControls: (value: boolean) => void;
 }
 
 export default function DraggableVisualization({
@@ -43,6 +46,8 @@ export default function DraggableVisualization({
   filters,
   zIndexForStackingContext = 10,
   additionalRenderCondition,
+  hideInputsAndControls,
+  setHideInputsAndControls,
 }: Props) {
   const { computation: activeComputation, visualization: activeViz } =
     analysisState.getVisualizationAndComputation(
@@ -71,7 +76,11 @@ export default function DraggableVisualization({
       confineToParentContainer
       showPanelTitle
       isOpen
-      styleOverrides={{ zIndex: zIndexForStackingContext, resize: 'both' }}
+      styleOverrides={{
+        zIndex: zIndexForStackingContext,
+        resize: 'both',
+        overflow: 'hidden',
+      }}
       panelTitle={activeVizOverview?.displayName || ''}
       defaultPosition={{
         x: 535,
@@ -81,34 +90,71 @@ export default function DraggableVisualization({
     >
       <div
         style={{
-          // Initial height & width.
-          height: 547,
-          width: 779,
-          // This prevents the panel from collapsing aburdly.
-          minWidth: 400,
-          minHeight: 200,
+          position: 'relative',
+          width: '100%',
+          height: '100%',
         }}
       >
-        <FullScreenVisualization
-          analysisState={analysisState}
-          computation={activeComputation!}
-          visualizationPlugins={visualizationPlugins}
-          visualizationsOverview={app.visualizations}
-          geoConfigs={geoConfigs}
-          computationAppOverview={app}
-          filters={filters}
-          starredVariables={
-            analysisState.analysis?.descriptor.starredVariables ?? []
-          }
-          toggleStarredVariable={toggleStarredVariable}
-          totalCounts={totalCounts}
-          filteredCounts={filteredCounts}
-          isSingleAppMode
-          disableThumbnailCreation
-          id={activeViz.visualizationId}
-          actions={<></>}
-          plugins={plugins}
-        />
+        <div
+          style={{
+            position: 'absolute',
+            right: 0,
+            zIndex: 100,
+            padding: '0.5rem',
+          }}
+        >
+          <FilledButton
+            text={hideInputsAndControls ? 'Show controls' : 'Hide controls'}
+            onPress={() => setHideInputsAndControls(!hideInputsAndControls)}
+            size="small"
+            textTransform="none"
+          />
+        </div>
+        <div
+          style={{
+            width: '100%',
+            height: '100%',
+            overflow: 'auto',
+          }}
+        >
+          <div
+            style={{
+              // Initial height & width.
+              height: 547,
+              width: 779,
+              // This prevents the panel from collapsing aburdly.
+              minWidth: 400,
+              minHeight: 200,
+            }}
+          >
+            <FullScreenVisualization
+              analysisState={analysisState}
+              computation={activeComputation!}
+              visualizationPlugins={visualizationPlugins}
+              visualizationsOverview={app.visualizations}
+              geoConfigs={geoConfigs}
+              computationAppOverview={app}
+              filters={filters}
+              starredVariables={
+                analysisState.analysis?.descriptor.starredVariables ?? []
+              }
+              toggleStarredVariable={toggleStarredVariable}
+              totalCounts={totalCounts}
+              filteredCounts={filteredCounts}
+              isSingleAppMode
+              disableThumbnailCreation
+              id={activeViz.visualizationId}
+              actions={<></>}
+              plugins={plugins}
+              hideInputsAndControls={hideInputsAndControls}
+              plotContainerStyleOverrides={
+                hideInputsAndControls
+                  ? { border: 'none', boxShadow: 'none' }
+                  : undefined
+              }
+            />
+          </div>
+        </div>
       </div>
     </DraggablePanel>
   ) : null;
diff --git a/packages/libs/eda/src/lib/map/analysis/MapAnalysis.tsx b/packages/libs/eda/src/lib/map/analysis/MapAnalysis.tsx
index b7daf32ceb..8d3c5f3dfd 100755
--- a/packages/libs/eda/src/lib/map/analysis/MapAnalysis.tsx
+++ b/packages/libs/eda/src/lib/map/analysis/MapAnalysis.tsx
@@ -274,6 +274,8 @@ function MapAnalysisImpl(props: ImplProps) {
   const subsettingClient = useSubsettingClient();
   const geoConfig = geoConfigs[0];
   const history = useHistory();
+  const [hideVizInputsAndControls, setHideVizInputsAndControls] =
+    useState(false);
 
   // FIXME use the sharingUrl prop to construct this
   const sharingUrl = new URL(`../${analysisId}/import`, window.location.href)
@@ -919,6 +921,7 @@ function MapAnalysisImpl(props: ImplProps) {
                   plugins={plugins}
                   geoConfigs={geoConfigs}
                   mapType={activeMarkerConfigurationType}
+                  setHideVizInputsAndControls={setHideVizInputsAndControls}
                 />
               ),
             },
@@ -1444,6 +1447,8 @@ function MapAnalysisImpl(props: ImplProps) {
                       DraggablePanelIds.VIZ_PANEL
                     )}
                     additionalRenderCondition={areMapTypeAndActiveVizCompatible}
+                    hideInputsAndControls={hideVizInputsAndControls}
+                    setHideInputsAndControls={setHideVizInputsAndControls}
                   />
                 )}
 
diff --git a/packages/libs/eda/src/lib/map/analysis/MapVizManagement.tsx b/packages/libs/eda/src/lib/map/analysis/MapVizManagement.tsx
index 61b82082ef..caae4da354 100644
--- a/packages/libs/eda/src/lib/map/analysis/MapVizManagement.tsx
+++ b/packages/libs/eda/src/lib/map/analysis/MapVizManagement.tsx
@@ -29,6 +29,7 @@ interface Props {
   //  visualizationPlugins: Partial<Record<string, VisualizationPlugin>>;
   geoConfigs: GeoConfig[];
   mapType?: MarkerConfiguration['type'];
+  setHideVizInputsAndControls: (value: boolean) => void;
 }
 
 const mapVizManagementClassName = makeClassNameHelper('MapVizManagement');
@@ -41,12 +42,14 @@ export default function MapVizManagement({
   setActiveVisualizationId,
   plugins,
   mapType,
+  setHideVizInputsAndControls,
 }: Props) {
   const [isVizSelectorVisible, setIsVizSelectorVisible] = useState(false);
 
   function onVisualizationCreated(visualizationId: string) {
     setIsVizSelectorVisible(false);
     setActiveVisualizationId(visualizationId);
+    setHideVizInputsAndControls(false);
   }
 
   if (!analysisState.analysis) return null;