diff --git a/client/component/src/HeatmapPlot.tsx b/client/component/src/HeatmapPlot.tsx
index 204a4573..133e0f96 100644
--- a/client/component/src/HeatmapPlot.tsx
+++ b/client/component/src/HeatmapPlot.tsx
@@ -38,6 +38,7 @@ export function HeatmapVisCanvas({ xValues, yValues, values }: Props) {
     aspect,
     batonProps,
     canSelect,
+    selectionMax,
     selectionType,
     updateSelection,
     selections,
@@ -90,6 +91,7 @@ export function HeatmapVisCanvas({ xValues, yValues, values }: Props) {
         <SelectionComponent
           modifierKey={[] as ModifierKey[]}
           disabled={mode !== InteractionModeType.selectRegion}
+          selectionMax={selectionMax}
           selectionType={selectionType}
           batonProps={batonProps}
           updateSelection={updateSelection}
diff --git a/client/component/src/ImagePlot.tsx b/client/component/src/ImagePlot.tsx
index 04f7961e..a5f6d576 100644
--- a/client/component/src/ImagePlot.tsx
+++ b/client/component/src/ImagePlot.tsx
@@ -25,6 +25,7 @@ export function ImageVisCanvas({ xValues, yValues, values }: Props) {
     aspect,
     batonProps,
     canSelect,
+    selectionMax,
     selectionType,
     updateSelection,
     selections,
@@ -56,6 +57,7 @@ export function ImageVisCanvas({ xValues, yValues, values }: Props) {
         <SelectionComponent
           modifierKey={[] as ModifierKey[]}
           disabled={mode !== InteractionModeType.selectRegion}
+          selectionMax={selectionMax}
           selectionType={selectionType}
           batonProps={batonProps}
           updateSelection={updateSelection}
diff --git a/client/component/src/InteractionModeToggle.tsx b/client/component/src/InteractionModeToggle.tsx
index 31ee6fe0..bfa32a97 100644
--- a/client/component/src/InteractionModeToggle.tsx
+++ b/client/component/src/InteractionModeToggle.tsx
@@ -16,6 +16,7 @@ interface InteractionModeToggleProps {
   onModeChange: (value: InteractionModeType) => void;
   /** If client holds baton */
   hasBaton: boolean;
+  canSelect: boolean;
 }
 
 /**
@@ -24,7 +25,7 @@ interface InteractionModeToggleProps {
  * @returns {JSX.Element} The rendered component.
  */
 function InteractionModeToggle(props: InteractionModeToggleProps) {
-  const { value, onModeChange, hasBaton } = props;
+  const { value, onModeChange, hasBaton, canSelect } = props;
 
   useEffect(() => {
     if (!hasBaton && value === InteractionModeType.selectRegion) {
@@ -54,21 +55,25 @@ function InteractionModeToggle(props: InteractionModeToggleProps) {
           icon={TbZoomInArea as IIconType}
           value={InteractionModeType.selectToZoom}
         />
-        <div // wrapper hack to add tooltip (note corners are not correctly drawn for this last child)
-          style={{
-            pointerEvents: hasBaton ? 'inherit' : 'auto',
-            display: 'inline-flex',
-          }}
-          title={hasBaton ? '' : 'need baton'}
-        >
-          <ToggleGroup.Btn
-            label="select region"
-            iconOnly
-            icon={IoShapesOutline as IIconType}
-            value={InteractionModeType.selectRegion}
-            disabled={!hasBaton}
-          />
-        </div>
+        {canSelect ? (
+          <div // wrapper hack to add tooltip (note corners are not correctly drawn for this last child)
+            style={{
+              pointerEvents: hasBaton ? 'inherit' : 'auto',
+              display: 'inline-flex',
+            }}
+            title={hasBaton ? '' : 'need baton'}
+          >
+            <ToggleGroup.Btn
+              label="select region"
+              iconOnly
+              icon={IoShapesOutline as IIconType}
+              value={InteractionModeType.selectRegion}
+              disabled={!hasBaton}
+            />
+          </div>
+        ) : (
+          <></>
+        )}
       </ToggleGroup>
     </>
   );
diff --git a/client/component/src/LinePlot.tsx b/client/component/src/LinePlot.tsx
index fb6d9a6e..19f37780 100644
--- a/client/component/src/LinePlot.tsx
+++ b/client/component/src/LinePlot.tsx
@@ -140,6 +140,7 @@ export function LineVisCanvas(props: Props) {
     setCurrentLineKey,
     batonProps,
     canSelect,
+    selectionMax,
     selectionType,
     updateSelection,
     selections,
@@ -209,6 +210,7 @@ export function LineVisCanvas(props: Props) {
           modifierKey={[] as ModifierKey[]}
           batonProps={batonProps}
           disabled={mode !== InteractionModeType.selectRegion}
+          selectionMax={selectionMax}
           selectionType={selectionType}
           updateSelection={updateSelection}
           selections={selections}
diff --git a/client/component/src/PlotCustomizationContext.tsx b/client/component/src/PlotCustomizationContext.tsx
index a016342b..596dc499 100644
--- a/client/component/src/PlotCustomizationContext.tsx
+++ b/client/component/src/PlotCustomizationContext.tsx
@@ -21,8 +21,16 @@ import {
 
 import { defaultBatonProps, type BatonProps } from './models';
 import { InteractionModeType } from './utils';
-import type { SelectionBase, SelectionHandler } from './selections/utils';
-import { SelectionType, useSelections } from './selections/utils';
+import type {
+  SelectionBase,
+  SelectionHandler,
+  SelectionOptions,
+} from './selections/utils';
+import {
+  SelectionType,
+  toSelectionType,
+  useSelections,
+} from './selections/utils';
 import { LineParams, LinePlotCustomizationProps } from './LinePlot';
 import { ImagePlotCustomizationProps } from './ImagePlot';
 import { HeatmapPlotCustomizationProps } from './HeatmapPlot';
@@ -84,6 +92,8 @@ export interface PlotCustomizationContextValue {
   aspect: Aspect;
   /** A function that sets the aspect value */
   setAspect: (a: Aspect) => void;
+  /** Selection upper limit (on current type) */
+  selectionMax: number;
   /** A selection type */
   selectionType: SelectionType;
   /** A function that sets the selection type */
@@ -106,6 +116,8 @@ export interface PlotCustomizationContextValue {
   invertColourMap: boolean;
   /** A function that toggles the color map inversion */
   toggleInvertColourMap: () => void;
+  /** Selection options */
+  selectionOptions?: SelectionOptions;
   /** Selections */
   selections: SelectionBase[];
   /** A function that sets the selections */
@@ -170,8 +182,9 @@ export function PlotCustomizationContextProvider(
     InteractionModeType.panAndWheelZoom
   );
   const [selectionType, setSelectionType] = useState<SelectionType>(
-    SelectionType.line
+    SelectionType.unknown
   );
+  const [selectionMax, setSelectionMax] = useState<number>(0);
   const [xCustomDomain, setXCustomDomain] = useState<CustomDomain>([
     null,
     null,
@@ -218,6 +231,26 @@ export function PlotCustomizationContextProvider(
   useEffect(() => {
     if (props.plotConfig.yScale) setYScaleType(props.plotConfig.yScale);
   }, [props.plotConfig.yScale, setYScaleType]);
+  useEffect(() => {
+    const entries = Object.entries(props.selectionOptions ?? {});
+    const [k, v] = entries[0] ?? [];
+    if (k !== undefined && v !== undefined) {
+      setSelectionType(toSelectionType(k));
+      setSelectionMax(v);
+    }
+  }, [props.selectionOptions, setSelectionType, setSelectionMax]);
+
+  const newSetSelectionType = useCallback(
+    (t: SelectionType) => {
+      setSelectionType(t);
+      const selectionOptions = props.selectionOptions ?? {};
+      const m = selectionOptions[t];
+      if (m !== undefined) {
+        setSelectionMax(m);
+      }
+    },
+    [setSelectionType, setSelectionMax, props.selectionOptions]
+  );
 
   const batonProps = useMemo(
     () => props.batonProps ?? defaultBatonProps,
@@ -333,8 +366,10 @@ export function PlotCustomizationContextProvider(
       dDomain,
       dCustomDomain,
       setDCustomDomain,
+      selectionOptions: props.selectionOptions,
+      selectionMax,
       selectionType,
-      setSelectionType,
+      setSelectionType: newSetSelectionType,
       setHistogram,
       selections,
       setSelections,
@@ -374,8 +409,11 @@ export function PlotCustomizationContextProvider(
     invertColourMap,
     mode,
     newUpdateSelection,
+    newSetSelectionType,
     plotType,
+    props.selectionOptions,
     scatterPointSize,
+    selectionMax,
     selectionType,
     selections,
     setSelections,
diff --git a/client/component/src/PlotToolbar.tsx b/client/component/src/PlotToolbar.tsx
index 2b6abddd..83940bec 100644
--- a/client/component/src/PlotToolbar.tsx
+++ b/client/component/src/PlotToolbar.tsx
@@ -30,7 +30,12 @@ import LineKeyDropdown from './LineKeyDropdown';
 import type { IIconType } from './Modal';
 import Modal from './Modal';
 import SelectionTypeDropdown from './SelectionTypeDropdown';
-import { undashSelection, dashSelection } from './selections/utils';
+import {
+  undashSelection,
+  dashSelection,
+  toSelectionType,
+  SelectionType,
+} from './selections/utils';
 import SelectionConfig from './SelectionConfig';
 import SelectionIDDropdown from './SelectionIDDropdown';
 import { InteractionModeType } from './utils';
@@ -178,15 +183,36 @@ function PlotToolbar(props: PropsWithChildren): JSX.Element {
 
   const bareModals: JSX.Element[] = [];
 
+  const dropdownOptions = useMemo(() => {
+    const selectionOptions = value.selectionOptions;
+    if (selectionOptions === undefined) {
+      return undefined;
+    }
+    return Object.keys(selectionOptions).map((k) => toSelectionType(k));
+  }, [value.selectionOptions]);
+
+  const canAddSelection =
+    dropdownOptions === undefined || dropdownOptions.length !== 0;
+
   if (canSelect && value.selectionType !== undefined) {
-    bareModals.push(
-      <SelectionTypeDropdown
-        key="Selection type"
-        value={value.selectionType}
-        onSelectionTypeChange={value.setSelectionType}
-        disabled={value.mode !== InteractionModeType.selectRegion}
-      />
-    );
+    let selectionType = value.selectionType;
+    if (
+      selectionType === SelectionType.unknown &&
+      dropdownOptions === undefined
+    ) {
+      selectionType = SelectionType.line;
+    }
+    if (canAddSelection) {
+      bareModals.push(
+        <SelectionTypeDropdown
+          key="Selection type"
+          value={selectionType}
+          onSelectionTypeChange={value.setSelectionType}
+          disabled={value.mode !== InteractionModeType.selectRegion}
+          options={dropdownOptions}
+        />
+      );
+    }
   }
 
   const allLineParams = value.allLineParams;
@@ -320,6 +346,7 @@ function PlotToolbar(props: PropsWithChildren): JSX.Element {
         value={value.mode}
         onModeChange={value.setMode}
         hasBaton={selectBaton}
+        canSelect={canAddSelection}
       />
       {canSelect && <Separator key="Interaction separator" />}
       {bareModals}
diff --git a/client/component/src/ScatterPlot.tsx b/client/component/src/ScatterPlot.tsx
index 73cee899..e29169f8 100644
--- a/client/component/src/ScatterPlot.tsx
+++ b/client/component/src/ScatterPlot.tsx
@@ -37,6 +37,7 @@ export function ScatterVisCanvas({ x, y, values }: Props) {
     mode,
     batonProps,
     canSelect,
+    selectionMax,
     selectionType,
     updateSelection,
     selections,
@@ -91,6 +92,7 @@ export function ScatterVisCanvas({ x, y, values }: Props) {
         <SelectionComponent
           modifierKey={[] as ModifierKey[]}
           disabled={mode !== InteractionModeType.selectRegion}
+          selectionMax={selectionMax}
           selectionType={selectionType}
           batonProps={batonProps}
           updateSelection={updateSelection}
diff --git a/client/component/src/SelectionComponent.tsx b/client/component/src/SelectionComponent.tsx
index a4385a0f..c4bc75f0 100644
--- a/client/component/src/SelectionComponent.tsx
+++ b/client/component/src/SelectionComponent.tsx
@@ -8,6 +8,7 @@ import MulticlickSelectionTool from './MulticlickSelectionTool';
 import {
   SelectionType,
   getClicks,
+  getSelectionType,
   makeShapes,
   pointsToSelection,
   pointsToShape,
@@ -18,6 +19,8 @@ import {
  * Props for the `SelectionComponent` component.
  */
 interface SelectionComponentProps extends PlotSelectionProps {
+  /** Maximum number of current type */
+  selectionMax: number;
   /** The selection type (optional) */
   selectionType?: SelectionType;
   /** The modifier key(s) */
@@ -34,6 +37,7 @@ interface SelectionComponentProps extends PlotSelectionProps {
 function SelectionComponent(props: SelectionComponentProps) {
   const {
     disabled = false,
+    selectionMax = 0,
     selectionType = SelectionType.rectangle,
     selections = [],
     updateSelection,
@@ -61,33 +65,52 @@ function SelectionComponent(props: SelectionComponentProps) {
     return [v.x < 0, v.y < 0] as [boolean, boolean];
   }, [camera, dataToHtml]);
 
-  const clicks = getClicks(selectionType);
+  const maxReached = useMemo(() => {
+    if (selectionMax === 0) {
+      return false;
+    }
+    const n = selections.reduce(
+      (a, v) => a + (getSelectionType(v) === selectionType ? 1 : 0),
+      0
+    );
+    return n >= selectionMax;
+  }, [selectionMax, selectionType, selections]);
+
+  const clicks = useMemo(() => getClicks(selectionType), [selectionType]);
 
   return (
     <>
-      {updateSelection && (batonProps?.hasBaton ?? true) && !disabled && (
-        <MulticlickSelectionTool
-          modifierKey={props.modifierKey}
-          validate={({ html }) => validateHtml(html, selectionType)}
-          onValidSelection={({ data }) => {
-            const s = pointsToSelection(selections, selectionType, data, alpha);
-            return updateSelection(s);
-          }}
-          minPoints={clicks[0]}
-          maxPoints={clicks[1]}
-        >
-          {({ html }, _, isValid) =>
-            pointsToShape(
-              selectionType,
-              html,
-              isFlipped,
-              alpha,
-              size,
-              isValid ? undefined : '#cc6677' // orangered,
-            )
-          }
-        </MulticlickSelectionTool>
-      )}
+      {updateSelection &&
+        (batonProps?.hasBaton ?? true) &&
+        !disabled &&
+        !maxReached && (
+          <MulticlickSelectionTool
+            modifierKey={props.modifierKey}
+            validate={({ html }) => validateHtml(html, selectionType)}
+            onValidSelection={({ data }) => {
+              const s = pointsToSelection(
+                selections,
+                selectionType,
+                data,
+                alpha
+              );
+              return updateSelection(s);
+            }}
+            minPoints={clicks[0]}
+            maxPoints={clicks[1]}
+          >
+            {({ html }, _, isValid) =>
+              pointsToShape(
+                selectionType,
+                html,
+                isFlipped,
+                alpha,
+                size,
+                isValid ? undefined : '#cc6677' // orangered,
+              )
+            }
+          </MulticlickSelectionTool>
+        )}
       {shapes}
     </>
   );
diff --git a/client/component/src/models.ts b/client/component/src/models.ts
index 86a6d50e..bd69409f 100644
--- a/client/component/src/models.ts
+++ b/client/component/src/models.ts
@@ -4,6 +4,7 @@ import type {
   SelectionHandler,
   SelectionBase,
   SelectionsEventListener,
+  SelectionOptions,
 } from './selections/utils';
 import { AxisScaleType } from '@h5web/lib';
 
@@ -69,6 +70,8 @@ export interface PlotSelectionProps {
   batonProps?: BatonProps;
   /** Selections event listener */
   selectionsListener?: SelectionsEventListener;
+  /** Selection type options and limits (0 = limitless) */
+  selectionOptions?: SelectionOptions;
 }
 
 /**
diff --git a/client/component/src/selections/utils.tsx b/client/component/src/selections/utils.tsx
index 09c842aa..de214046 100644
--- a/client/component/src/selections/utils.tsx
+++ b/client/component/src/selections/utils.tsx
@@ -43,6 +43,18 @@ enum SelectionType {
   unknown = 'unknown',
 }
 
+type SelectionOptions = {
+  [K in SelectionType]?: number;
+};
+
+/**
+ * @param t string type
+ * @returns selection type
+ */
+function toSelectionType(t: string) {
+  return SelectionType[t as keyof typeof SelectionType];
+}
+
 /**
  * Function called when drag handles are moved
  */
@@ -647,6 +659,7 @@ export {
   SelectionsEventType,
   dashSelection,
   undashSelection,
+  toSelectionType,
 };
 
 export type {
@@ -654,4 +667,5 @@ export type {
   SelectionBase,
   SelectionHandler,
   SelectionsEventListener,
+  SelectionOptions,
 };
diff --git a/client/example/src/App.tsx b/client/example/src/App.tsx
index d972c518..77325aca 100644
--- a/client/example/src/App.tsx
+++ b/client/example/src/App.tsx
@@ -170,6 +170,9 @@ class AppMain extends React.Component<AppMainProps, AppMainStates> {
           <Tabs className={'inner-any-tabs'}>
             <TabList>
               <Tab>Line</Tab>
+              <Tab>Line (selection option)</Tab>
+              <Tab>Line (selection options)</Tab>
+              <Tab>Line (no selection options)</Tab>
               <Tab>Heatmap</Tab>
               <Tab>Heatmap (selection)</Tab>
             </TabList>
@@ -178,6 +181,27 @@ class AppMain extends React.Component<AppMainProps, AppMainStates> {
                 <AnyPlot {...lineProps} />
               </div>
             </TabPanel>
+            <TabPanel>
+              <div style={{ display: 'grid', height: '80vh' }}>
+                <AnyPlot
+                  {...lineProps}
+                  selectionOptions={{ verticalAxis: 1 }}
+                />
+              </div>
+            </TabPanel>
+            <TabPanel>
+              <div style={{ display: 'grid', height: '80vh' }}>
+                <AnyPlot
+                  {...lineProps}
+                  selectionOptions={{ verticalAxis: 2, line: 0 }}
+                />
+              </div>
+            </TabPanel>
+            <TabPanel>
+              <div style={{ display: 'grid', height: '80vh' }}>
+                <AnyPlot {...lineProps} selectionOptions={{}} />
+              </div>
+            </TabPanel>
             <TabPanel>
               <div style={{ display: 'grid', height: '80vh' }}>
                 <AnyPlot
diff --git a/client/example/src/index.css b/client/example/src/index.css
index ec2585e8..84640987 100644
--- a/client/example/src/index.css
+++ b/client/example/src/index.css
@@ -1,13 +1,13 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
+  font-family:
+    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
diff --git a/client/example/src/vite-env.d.ts b/client/example/src/vite-env.d.ts
index a2d8d510..46fd5005 100644
--- a/client/example/src/vite-env.d.ts
+++ b/client/example/src/vite-env.d.ts
@@ -1,11 +1,11 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
-  readonly VITE_WS_HOST: string
-  readonly VITE_WS_PORT: string
+  readonly VITE_WS_HOST: string;
+  readonly VITE_WS_PORT: string;
   // more env variables...
 }
 
 interface ImportMeta {
-  readonly env: ImportMetaEnv
-}
\ No newline at end of file
+  readonly env: ImportMetaEnv;
+}
diff --git a/client/example/vite.config.ts b/client/example/vite.config.ts
index bb221c1b..dbbe5af8 100644
--- a/client/example/vite.config.ts
+++ b/client/example/vite.config.ts
@@ -9,7 +9,7 @@ export default defineConfig({
     global: 'window', // this fixes global is not defined
   },
   build: {
-    outDir: "../../server/example-client/sdist",
+    outDir: '../../server/example-client/sdist',
     emptyOutDir: true,
   },
 });
diff --git a/storybook/stories/LinePlot.stories.tsx b/storybook/stories/LinePlot.stories.tsx
index 1783ad83..65ad4e81 100644
--- a/storybook/stories/LinePlot.stories.tsx
+++ b/storybook/stories/LinePlot.stories.tsx
@@ -88,6 +88,20 @@ export const DisableSelections: Story = {
   },
 };
 
+export const SingleSelectionOption: Story = {
+  args: {
+    ...Single.args,
+    selectionOptions: { verticalAxis: 2 },
+  },
+};
+
+export const MultipleSelectionOption: Story = {
+  args: {
+    ...Single.args,
+    selectionOptions: { verticalAxis: 2, line: 0 },
+  },
+};
+
 export const NoToolbar: Story = {
   args: {
     ...Single.args,