diff --git a/pages/samplePage.tsx b/pages/samplePage.tsx
index 504e666..57adb9f 100644
--- a/pages/samplePage.tsx
+++ b/pages/samplePage.tsx
@@ -1,11 +1,7 @@
 import {
   mockBoxPlotData,
   mockCategoricalData,
-  mockGroupedBarGraphData,
   mockLineData,
-  mockPieData,
-  mockStackedBarGraphData,
-  mockStackedBarKeys,
   moreMockCategoricalData,
 } from "data/mocks";
 import { pageRoutes } from "data/routes";
@@ -18,19 +14,10 @@ import { BarGraphVertical, BarGraphHorizontal } from "@/components/BarGraph";
 import { BottomNav } from "@/components/BottomNav";
 import { BoxPlot } from "@/components/Boxplot";
 import { ComponentWrapper } from "@/components/ComponentWrapper";
-import {
-  GroupedBarGraphHorizontal,
-  GroupedBarGraphVertical,
-} from "@/components/GroupedBarGraph";
 import { Header } from "@/components/Header";
 import { LineGraph } from "@/components/LineGraph";
-import { PieChart } from "@/components/PieChart";
 import { SectionHeader } from "@/components/SectionHeader";
 import { SectionWrapper } from "@/components/SectionWrapper";
-import {
-  StackedBarGraphVertical,
-  StackedBarGraphHorizontal,
-} from "@/components/StackedBarGraph";
 import { WordCloud } from "@/components/WordCloud";
 
 import styles from "./samplePage.module.css";
@@ -61,127 +48,6 @@ export default function SamplePage() {
     <div className={styles.page}>
       <Header />
       <SectionWrapper title="Transfer" />
-      <ComponentWrapper align="right" heading={""}>
-        <PieChart data={mockPieData} width={800} labelWidth={215} />
-        <BarGraphHorizontal
-          className={styles.barGraphDemo}
-          data={mockCategoricalData}
-          width={800}
-          height={500}
-          margin={{
-            top: 25,
-            bottom: 40,
-            left: 150,
-            right: 20,
-          }}
-        />
-        <BarGraphVertical
-          className={styles.barGraphDemo}
-          data={mockCategoricalData}
-          width={800}
-          height={500}
-          margin={{
-            top: 20,
-            bottom: 80,
-            left: 60,
-            right: 20,
-          }}
-        />
-        <StackedBarGraphVertical
-          width={600}
-          height={400}
-          keys={mockStackedBarKeys}
-          colorRange={[
-            Color.primaryAccent,
-            Color.secondaryAccentLight,
-            Color.primaryAccentLighter,
-          ]}
-          data={mockStackedBarGraphData}
-          margin={{
-            top: 20,
-            left: 20,
-          }}
-        />
-        <StackedBarGraphHorizontal
-          width={600}
-          height={400}
-          keys={mockStackedBarKeys}
-          colorRange={[
-            Color.primaryAccent,
-            Color.secondaryAccentLight,
-            Color.primaryAccentLighter,
-          ]}
-          data={mockStackedBarGraphData}
-          margin={{
-            top: 20,
-            left: 20,
-          }}
-        />
-
-        <LineGraph
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-          data={mockLineData}
-          width={600}
-          height={400}
-          margin={{
-            top: 20,
-            bottom: 80,
-            left: 30,
-            right: 20,
-          }}
-          colorRange={[Color.primaryAccent, Color.secondaryAccentLight]}
-        />
-        <GroupedBarGraphHorizontal
-          className={styles.barGraphDemo}
-          data={mockGroupedBarGraphData}
-          barColors={[Color.primaryAccentLight, Color.secondaryAccentLight]}
-          barHoverColorsMap={{
-            [Color.primaryAccentLight]: Color.primaryAccent,
-            [Color.secondaryAccentLight]: Color.secondaryAccent,
-          }}
-          width={600}
-          height={400}
-          margin={{
-            top: 20,
-            bottom: 40,
-            left: 60,
-            right: 20,
-          }}
-        />
-        <GroupedBarGraphVertical
-          className={styles.barGraphDemo}
-          data={mockGroupedBarGraphData}
-          barColors={[Color.primaryAccentLight, Color.secondaryAccentLight]}
-          barHoverColorsMap={{
-            [Color.primaryAccentLight]: Color.primaryAccent,
-            [Color.secondaryAccentLight]: Color.secondaryAccent,
-          }}
-          width={500}
-          height={400}
-          margin={{
-            top: 20,
-            bottom: 40,
-            left: 50,
-            right: 20,
-          }}
-        />
-        <BoxPlot
-          width={600}
-          height={400}
-          data={mockBoxPlotData}
-          margin={{
-            top: 20,
-            left: 20,
-          }}
-        />
-
-        <WordCloud
-          data={moreMockCategoricalData.map((word) => ({
-            text: word.key,
-            value: word.value,
-          }))}
-        />
-      </ComponentWrapper>
       <SectionHeader
         title="Demographics"
         subtitle="An insight into the demographics of UW’s CS programs"