@ -18,7 +18,7 @@ export default function SamplePage() {

<divclassName={styles.page}>

<ComponentWrapper

heading="What program are you in?"

body="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

bodyText="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

>

<BarGraphVertical

data={mockCategoricalData}

@ -36,7 +36,7 @@ export default function SamplePage() {

<ComponentWrapper

heading="What program are you in?"

body="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

bodyText="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

align="center"

>

<WordCloud

@ -52,7 +52,7 @@ export default function SamplePage() {

<ComponentWrapper

heading="What program are you in?"

body="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

bodyText="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

align="right"

>

<BarGraphHorizontal

@ -71,7 +71,7 @@ export default function SamplePage() {

<ComponentWrapper

heading="What program are you in?"

body="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

bodyText="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

align="left"

noBackground

>

@ -91,7 +91,7 @@ export default function SamplePage() {

<ComponentWrapper

heading="What program are you in?"

body="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

bodyText="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

>

<BarGraphHorizontal

className={styles.barGraphDemo}

@ -109,7 +109,7 @@ export default function SamplePage() {

<ComponentWrapper

heading="What program are you in?"

body="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."

bodyText="There are a total of 106 respondents of the CS Class Profile. Interestingly, there are a huge number of students that are just in CS, partially due to the overwhelming number of people in CS as seen in the total demographics."