diff --git a/data/miscellaneous.ts b/data/miscellaneous.ts
new file mode 100644
index 0000000..c02a0e8
--- /dev/null
+++ b/data/miscellaneous.ts
@@ -0,0 +1,380 @@
+export const M1 = [
+  {
+    category: "Almost every day",
+    value: 8,
+  },
+  {
+    category: "A few times weekly",
+    value: 8,
+  },
+  {
+    category: "A few times monthly",
+    value: 25,
+  },
+  {
+    category: "Rarely",
+    value: 69,
+  },
+];
+
+export const M2 = [
+  {
+    category: "0",
+    value: 12,
+  },
+  {
+    category: "1",
+    value: 32,
+  },
+  {
+    category: "2",
+    value: 23,
+  },
+  {
+    category: "3",
+    value: 13,
+  },
+  {
+    category: "4",
+    value: 4,
+  },
+  {
+    category: "5",
+    value: 2,
+  },
+  {
+    category: "6",
+    value: 3,
+  },
+  {
+    category: "7",
+    value: 3,
+  },
+  {
+    category: "8",
+    value: 3,
+  },
+  {
+    category: "9",
+    value: 1,
+  },
+  {
+    category: "10",
+    value: 4,
+  },
+];
+
+export const M3 = [
+  {
+    category: "Computer Science!",
+    value: 84,
+  },
+  {
+    category: "Software Engineering",
+    value: 6,
+  },
+  {
+    category: "Psychology",
+    value: 2,
+  },
+  {
+    category: "FARM",
+    value: 1,
+  },
+  {
+    category: "BBA",
+    value: 1,
+  },
+];
+
+export const M4 = [
+  {
+    category: "Yes",
+    value: 27,
+  },
+  {
+    category: "No",
+    value: 73,
+  },
+];
+
+export const M5 = [
+  {
+    category: "Yes",
+    value: 16,
+  },
+  {
+    category: "No",
+    value: 84,
+  },
+];
+
+export const M6 = [
+  {
+    text: "Go to UofT",
+    value: 33,
+  },
+  {
+    text: "UBC",
+    value: 9,
+  },
+  {
+    text: "A different university...",
+    value: 15,
+  },
+  {
+    text: "UOttawa",
+    value: 1,
+  },
+  {
+    text: "Start a business",
+    value: 5,
+  },
+  {
+    text: "Take a gap year and try again",
+    value: 8,
+  },
+  {
+    text: "Learn a trade",
+    value: 3,
+  },
+  {
+    text: "UofWindsor",
+    value: 3,
+  },
+  {
+    text: "Start working",
+    value: 1,
+  },
+  {
+    text: "Travel",
+    value: 2,
+  },
+  {
+    text: "UAlberta",
+    value: 1,
+  },
+  {
+    text: "McGill",
+    value: 1,
+  },
+  {
+    text: "Stanford",
+    value: 1,
+  },
+  {
+    text: "UIUC",
+    value: 1,
+  },
+  {
+    text: "No idea",
+    value: 3,
+  },
+  {
+    text: "Die...",
+    value: 3,
+  },
+  {
+    text: "Teacher's College",
+    value: 2,
+  },
+  {
+    text: "Resting and Learing",
+    value: 1,
+  },
+  {
+    text: "Be a doctor",
+    value: 2,
+  },
+  {
+    text: "Study biology",
+    value: 2,
+  },
+];
+
+export const M7 = [
+  {
+    text: "Communication",
+    value: 4,
+  },
+  {
+    text: "Become more social",
+    value: 7,
+  },
+  {
+    text: "Cooking",
+    value: 12,
+  },
+  {
+    text: "Handling stress",
+    value: 3,
+  },
+  {
+    text: "Dance",
+    value: 4,
+  },
+  {
+    text: "Sing",
+    value: 3,
+  },
+  {
+    text: "Weight Lifting",
+    value: 2,
+  },
+  {
+    text: "Snowboard",
+    value: 2,
+  },
+  {
+    text: "Improved Relationship",
+    value: 5,
+  },
+  {
+    text: "Public Speaking",
+    value: 2,
+  },
+  {
+    text: "Self-confidence",
+    value: 6,
+  },
+  {
+    text: "Video games",
+    value: 5,
+  },
+  {
+    text: "Grown as a Person",
+    value: 2,
+  },
+  {
+    text: "Rock climbing",
+    value: 3,
+  },
+  {
+    text: "Guitar",
+    value: 2,
+  },
+  {
+    text: "Piano",
+    value: 2,
+  },
+  {
+    text: "Tennis",
+    value: 2,
+  },
+  {
+    text: "Fitness",
+    value: 2,
+  },
+  {
+    text: "Psychology",
+    value: 1,
+  },
+  {
+    text: "Responsibility",
+    value: 1,
+  },
+  {
+    text: "Swimming",
+    value: 1,
+  },
+  {
+    text: "Philosophy",
+    value: 2,
+  },
+  {
+    text: "Creative writing",
+    value: 2,
+  },
+  {
+    text: "Entrepreneurship & leadership",
+    value: 2,
+  },
+  {
+    text: "Biking",
+    value: 2,
+  },
+  {
+    text: "Debate",
+    value: 1,
+  },
+  {
+    text: "Life skills",
+    value: 2,
+  },
+  {
+    text: "Badminton",
+    value: 1,
+  },
+  {
+    text: "Ultimate frisbe",
+    value: 1,
+  },
+  {
+    text: "Volleyball",
+    value: 1,
+  },
+  {
+    text: "Body building",
+    value: 3,
+  },
+  {
+    text: "Mindfullness & Mature",
+    value: 4,
+  },
+  {
+    text: "Self regulation",
+    value: 1,
+  },
+  {
+    text: "Religion & Culture",
+    value: 2,
+  },
+  {
+    text: "Languages",
+    value: 3,
+  },
+  {
+    text: "Become a Youtuber",
+    value: 1,
+  },
+  {
+    text: "Draw gooderer",
+    value: 1,
+  },
+  {
+    text: "Photography",
+    value: 1,
+  },
+  {
+    text: "Teaching",
+    value: 1,
+  },
+  {
+    text: "Dating",
+    value: 2,
+  },
+  {
+    text: "Have Sex",
+    value: 1,
+  },
+  {
+    text: "Board games",
+    value: 2,
+  },
+  {
+    text: "Music",
+    value: 2,
+  },
+  {
+    text: "Improved fashion",
+    value: 1,
+  },
+  {
+    text: "Cheerleading",
+    value: 1,
+  },
+  {
+    text: "Figure skating",
+    value: 1,
+  },
+];
diff --git a/pages/miscellaneous.tsx b/pages/miscellaneous.tsx
new file mode 100644
index 0000000..9d6174e
--- /dev/null
+++ b/pages/miscellaneous.tsx
@@ -0,0 +1,127 @@
+import { M1, M2, M3, M4, M5, M6, M7 } from "data/miscellaneous";
+import { pageRoutes } from "data/routes";
+import React from "react";
+import {
+  barGraphProps,
+  DefaultProp,
+  pieChartProps,
+  barGraphMargin,
+  barGraphWidth,
+  wordCloudWidth,
+} from "utils/defaultProps";
+import { useWindowDimensions } from "utils/getWindowDimensions";
+import { useIsMobile } from "utils/isMobile";
+
+import { BarGraphVertical, BarGraphHorizontal } from "@/components/BarGraph";
+import { BottomNav } from "@/components/BottomNav";
+import { ComponentWrapper } from "@/components/ComponentWrapper";
+import { Header } from "@/components/Header";
+import { PieChart } from "@/components/PieChart";
+import { SectionHeader } from "@/components/SectionHeader";
+import { WordCloud } from "@/components/WordCloud";
+
+import styles from "./samplePage.module.css";
+
+export default function Demographics() {
+  const pageWidth = useWindowDimensions().width;
+  const isMobile = useIsMobile();
+
+  return (
+    <div className={styles.page}>
+      <Header />
+      <SectionHeader title="Miscellaneous" subtitle="" />
+
+      <ComponentWrapper
+        heading="How often did you cry per school term?"
+        bodyText="Crying is definitely okay and not unheard of in university. University is an experience where we can face all kinds of rough patches as we grow up and move away from our parents. To those reading this and feeling down, it does get better! Reach out to close ones and the mental health hotline when you're feeling down! We all need someone to talk to when things don't go well! Don't bury your feelings away with you."
+        noBackground
+      >
+        <BarGraphVertical
+          data={M1}
+          {...barGraphProps(isMobile, pageWidth)}
+          lowerLabelDy="0"
+        />
+      </ComponentWrapper>
+
+      <ComponentWrapper
+        heading="How many hours per week do you spend on the UW subreddit?"
+        bodyText="There’s a reason why r/uwaterloo is one of the most popular University Reddit communities, very highly propelled by students but even has some profs on there too! Check it out if you haven’t heard of it :D"
+        align="right"
+      >
+        <BarGraphVertical
+          data={M2}
+          {...barGraphProps(isMobile, pageWidth)}
+          lowerLabelDy="0"
+        />
+      </ComponentWrapper>
+
+      <ComponentWrapper
+        heading="If you had to restart university, what program would you enroll in?"
+        bodyText="Good to see that most CS postgrads don’t necessarily regret doing CS or a related degree!"
+        noBackground
+      >
+        <BarGraphHorizontal
+          data={M3}
+          width={barGraphWidth(isMobile, pageWidth)}
+          height={DefaultProp.graphHeight}
+          margin={{ ...barGraphMargin, ...{ left: 220 } }}
+        />
+      </ComponentWrapper>
+
+      <ComponentWrapper
+        heading="Have you considered dropping/transferring out of your program?"
+        bodyText="Roughly ¼ of respondents have considered dropping at some point... Staying in a program that doesn't align with your interests or is too demanding are probably the main reasons a student might consider to switch out to another program."
+        align="right"
+      >
+        <div className={styles.graphContainer}>
+          <PieChart data={M4} {...pieChartProps(isMobile, pageWidth)} />
+        </div>
+      </ComponentWrapper>
+
+      <ComponentWrapper
+        heading="Have you considered dropping out of university or transferring to another university?"
+        bodyText="Around one over six thought about leaving or transferring, so you’re not alone if you have also considered this option! Wanting to transfer to another university can be caused by students feeling lonely in their program, feeling overwhelmed by the schoolwork required in that program, disliking the UW campus/campus life, etc."
+        noBackground
+      >
+        <div className={styles.graphContainer}>
+          <PieChart data={M5} {...pieChartProps(isMobile, pageWidth)} />
+        </div>
+      </ComponentWrapper>
+
+      <ComponentWrapper
+        heading="If you couldn't go to UW, what would you have done instead?"
+        bodyText="UofT is very popular here, but for better or worse, you all went to UW instead. :) Meanwhile, UBC is known for its pretty campus which could explain its popularity. A lot of entrepreneurs are also present."
+        align="right"
+      >
+        <WordCloud
+          data={M6}
+          width={wordCloudWidth(isMobile, pageWidth)}
+          height={DefaultProp.graphHeight}
+          wordPadding={7}
+          desktopMaxFontSize={75}
+          mobileMaxFontSize={48}
+        />
+      </ComponentWrapper>
+
+      <ComponentWrapper
+        heading="In what areas have you grown that are unrelated to CS?"
+        bodyText="University is an unforgettable, life-changing, and learning experience that we only get once in a lifetime! Make the most out of it! :)"
+        align="center"
+      >
+        <WordCloud
+          data={M7}
+          width={wordCloudWidth(isMobile, pageWidth)}
+          height={DefaultProp.graphHeight}
+          wordPadding={7}
+          desktopMaxFontSize={75}
+          mobileMaxFontSize={48}
+        />
+      </ComponentWrapper>
+
+      <BottomNav
+        leftPage={pageRoutes.friends}
+        rightPage={pageRoutes.mentalHealth}
+      ></BottomNav>
+    </div>
+  );
+}