:feat: add c7iv graph

data/coop.ts

@@ -146,3 +146,60 @@ export const c7iiiData = [
     outliers: [],
   },
 ];
+
+export const c7ivData = [
+  {
+    category: "1",
+    min: 0,
+    firstQuartile: 0,
+    median: 0,
+    thirdQuartile: 300,
+    max: 4000,
+    outliers: [10000],
+  },
+  {
+    category: "2",
+    min: 0,
+    firstQuartile: 0,
+    median: 0,
+    thirdQuartile: 2000,
+    max: 14000,
+    outliers: [],
+  },
+  {
+    category: "3",
+    min: 0,
+    firstQuartile: 0,
+    median: 250,
+    thirdQuartile: 10000,
+    max: 20500,
+    outliers: [],
+  },
+  {
+    category: "4",
+    min: 0,
+    firstQuartile: 0,
+    median: 0,
+    thirdQuartile: 4000,
+    max: 12000,
+    outliers: [],
+  },
+  {
+    category: "5",
+    min: 0,
+    firstQuartile: 0,
+    median: 1250,
+    thirdQuartile: 8000,
+    max: 20000,
+    outliers: [],
+  },
+  {
+    category: "6",
+    min: 0,
+    firstQuartile: 0,
+    median: 1000,
+    thirdQuartile: 15000,
+    max: 30493,
+    outliers: [],
+  },
+];

pages/coop.tsx

@@ -8,6 +8,7 @@ import {
   c6Data,
   c7iiData,
   c7iiiData,
+  c7ivData,
 } from "data/coop";
 import React from "react";
 import { useWindowDimensions } from "utils/getWindowDimensions";
@@ -116,7 +117,7 @@ export default function CoopPage() {
       <ComponentWrapper
         heading="Where were you located during work?"
         bodyText="Many students started in GTA or Waterloo region, then slowly progressed to California / USA. However, due to the pandemic, the last 3 co-op placements locations were dominantly remote."
-        align="left"
+        align="right"
       >
         <div style={{ padding: "10px" }}>
           <LineGraph
@@ -153,6 +154,25 @@ export default function CoopPage() {
         </div>
       </ComponentWrapper>
 
+      {/* c7iv */}
+      <ComponentWrapper
+        heading="How much did you receive in other forms of compensation in CAD? (i.e. bonuses, stock options, relocation, housing, etc.)"
+        bodyText="Additional compensation had increased as terms progressed. It’s great to see students having accommodations to make their lives easier."
+        align="left"
+      >
+        <div style={{ padding: "10px" }}>
+          <BoxPlot
+            width={600}
+            height={400}
+            data={c7ivData}
+            margin={{
+              top: 20,
+              left: 20,
+            }}
+          />
+        </div>
+      </ComponentWrapper>
+
       <BottomNav
         leftPageLink="/"
         leftPageName="Academics"