From bc296212b0bbe45d1a6917144ec5ddb085f856b7 Mon Sep 17 00:00:00 2001
From: Sarah Third <sarahthird@gmail.com>
Date: Thu, 22 Aug 2024 12:46:48 -0700
Subject: [PATCH] Committing stories

---
 .../interactive-graph-regression.stories.tsx  | 84 +++++++++++++++++--
 1 file changed, 79 insertions(+), 5 deletions(-)

diff --git a/packages/perseus/src/widgets/__stories__/interactive-graph-regression.stories.tsx b/packages/perseus/src/widgets/__stories__/interactive-graph-regression.stories.tsx
index 7454ea497a4..1c360a64eee 100644
--- a/packages/perseus/src/widgets/__stories__/interactive-graph-regression.stories.tsx
+++ b/packages/perseus/src/widgets/__stories__/interactive-graph-regression.stories.tsx
@@ -80,20 +80,76 @@ export const MafsWithLargeRange = (args: StoryArgs): React.ReactElement => (
 );
 
 export const MafsWithYAxisAtLeft = (args: StoryArgs): React.ReactElement => (
+    <>
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(0, 20)
+                .build()}
+        />
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(0, 20)
+                .addLockedLine([1, 1], [5, 2])
+                .build()}
+        />
+    </>
+);
+
+export const MafsWithYAxisNearLeft = (args: StoryArgs): React.ReactElement => (
+    <>
+        {" "}
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(-1, 20)
+                .build()}
+        />
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(-1, 20)
+                .addLockedLine([1, 1], [5, 2])
+                .build()}
+        />
+    </>
+);
+
+export const MafsWithYAxisJustOverLeft = (
+    args: StoryArgs,
+): React.ReactElement => (
+    <>
+        {" "}
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(-3, 20)
+                .build()}
+        />
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(-3, 20)
+                .addLockedLine([1, 1], [5, 2])
+                .build()}
+        />
+    </>
+);
+
+export const MafsWithYAxisOffLeft = (args: StoryArgs): React.ReactElement => (
     <MafsQuestionRenderer
-        question={interactiveGraphQuestionBuilder().withXRange(0, 20).build()}
+        question={interactiveGraphQuestionBuilder().withXRange(1, 20).build()}
     />
 );
 
-export const MafsWithYAxisNearLeft = (args: StoryArgs): React.ReactElement => (
+export const MafsWithYAxisOffFurtherLeft = (
+    args: StoryArgs,
+): React.ReactElement => (
     <MafsQuestionRenderer
-        question={interactiveGraphQuestionBuilder().withXRange(-1, 20).build()}
+        question={interactiveGraphQuestionBuilder().withXRange(6, 20).build()}
     />
 );
 
-export const MafsWithYAxisOffLeft = (args: StoryArgs): React.ReactElement => (
+export const MafsWithYAxisOffEvenFurtherLeft = (
+    args: StoryArgs,
+): React.ReactElement => (
     <MafsQuestionRenderer
-        question={interactiveGraphQuestionBuilder().withXRange(1, 20).build()}
+        question={interactiveGraphQuestionBuilder().withXRange(15, 30).build()}
     />
 );
 
@@ -129,6 +185,24 @@ export const MafsWithXAxisOffBottom = (args: StoryArgs): React.ReactElement => (
     />
 );
 
+export const MafsWithXAxisJustOverBottom = (
+    args: StoryArgs,
+): React.ReactElement => (
+    <>
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withYRange(-3, 20)
+                .build()}
+        />
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withYRange(-3, 20)
+                .addLockedLine([-3, 2], [5, 16])
+                .build()}
+        />
+    </>
+);
+
 export const MafsWithXAxisAtTop = (args: StoryArgs): React.ReactElement => (
     <MafsQuestionRenderer
         question={interactiveGraphQuestionBuilder().withYRange(-20, 0).build()}