Compare commits

...

4 Commits

Author SHA1 Message Date
Shahan Nedadahandeh f49dd3e3f5 Adjusted Demographics Text (#181)
continuous-integration/drone/push Build is passing Details
Co-authored-by: shahanneda <shahan.neda@gmail.com>
Reviewed-on: #181
2023-02-19 15:24:05 -05:00
Shahan Nedadahandeh 6d96fd50fc Adjusted demographics text (#180)
continuous-integration/drone/push Build is passing Details
Co-authored-by: shahanneda <shahan.neda@gmail.com>
Reviewed-on: #180
Reviewed-by: Mark Chiu <e26chiu@csclub.uwaterloo.ca>
2023-02-19 15:09:24 -05:00
Shahan Nedadahandeh 3841f7ef6d Fixed text in question (#179)
continuous-integration/drone/push Build is passing Details
Co-authored-by: shahanneda <shahan.neda@gmail.com>
Reviewed-on: #179
2023-02-15 21:43:25 -05:00
Shahan Nedadahandeh f4555da118 Final edits (#178)
continuous-integration/drone/push Build is passing Details
https://docs.google.com/document/d/1LL4NdFXjt-rqF_w4W5nu7CWxmV6IWcDv7TSpRPqh47w/edit

https://shahanneda-final-changes-csc-class-profile-s-snedadah.k8s.csclub.cloud/
Co-authored-by: shahanneda <shahan.neda@gmail.com>
Co-authored-by: e26chiu <e26chiu@csc.uwaterloo.ca>
Reviewed-on: #178
Reviewed-by: Mark Chiu <e26chiu@csclub.uwaterloo.ca>
2023-02-15 18:30:49 -05:00
18 changed files with 226 additions and 137 deletions

View File

@ -27,8 +27,7 @@ export function About() {
courses with electives from areas such as accounting, economics, and
financial management. This is a joint offering by the Faculty of
Mathematics and the School of Accounting and Finance. The program is
offered only as a co-op program with 6 co-op terms. The program is
offered only as a co-op program with 6 co-op terms.
offered only as a co-op program with 6 co-op terms.{" "}
</p>
<h4>Computer Science/Business Administration</h4>
<p>

View File

@ -25,12 +25,12 @@ export function BottomNav(props: PagesInfo) {
>
{props.leftPage ? (
<div className={styles.subBox + " " + styles.subBoxLeft}>
<Link href={props.leftPage.url}>
<Link href={props.leftPage.url} scroll={true}>
<a>
<Arrow />
</a>
</Link>
<Link href={props.leftPage.url}>
<Link href={props.leftPage.url} scroll={true}>
<a className={styles.item + " " + styles.leftItem}>
{props.leftPage.name}
</a>
@ -39,10 +39,10 @@ export function BottomNav(props: PagesInfo) {
) : null}
{props.rightPage ? (
<div className={styles.subBox}>
<Link href={props.rightPage.url}>
<Link href={props.rightPage.url} scroll={true}>
<a className={styles.item}>{props.rightPage.name}</a>
</Link>
<Link href={props.rightPage.url}>
<Link href={props.rightPage.url} scroll={true}>
<a>
<Arrow isPointingRight />
</a>

View File

@ -13,15 +13,18 @@ export function ComponentSwitcher({
}: ComponentSwitcherProps) {
const [selectedButton, setSelectedButton] = useState(buttonList[0]);
const [currentGraph, setCurrentGraph] = useState(graphList[0]);
const [currentGraphNumber, setCurrentGraphNumber] = useState(0);
const handleSwitch = (buttonName: string) => {
const graphIndex = buttonList.indexOf(buttonName);
setSelectedButton(buttonName);
setCurrentGraph(graphList[graphIndex]);
setCurrentGraphNumber(graphIndex);
};
useEffect(() => {
setCurrentGraph(graphList[0]);
setCurrentGraph(graphList[currentGraphNumber]);
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [graphList]);
return (

View File

@ -187,15 +187,15 @@ export const A5 = [
export const A6 = [
{
category: "WINDOWS",
category: "Windows",
value: 37,
},
{
category: "MACOS",
category: "Macos",
value: 40,
},
{
category: "LINUX",
category: "Linux",
value: 23,
},
];
@ -226,7 +226,7 @@ export const A7 = [
value: 4,
},
{
category: "Combinatorics & Optimization",
category: "C&O",
value: 1,
},
{
@ -936,13 +936,13 @@ export const A12i = [
"8-10": 19,
},
{
category: "STAT240E",
category: "STAT240",
"1-4": 0,
"5-7": 4,
"8-10": 6,
},
{
category: "STAT241E",
category: "STAT241",
"1-4": 1,
"5-7": 6,
"8-10": 9,

View File

@ -19,6 +19,18 @@ export const communityReps = [
name: "Juthika Hoque",
link: "https://www.linkedin.com/in/juthikahoque/",
},
{
name: "Ivy Lei",
link: "https://www.linkedin.com/in/ivy-lei/",
},
{
name: "Kevin Cui",
link: "https://www.linkedin.com/in/kevincui1/",
},
{
name: "Nikki Guo",
link: "https://www.linkedin.com/in/nikkiguo",
},
];
export const designers = [
@ -45,14 +57,6 @@ export const webDevs = [
name: "Amy Wang",
link: "",
},
{
name: "Beihao Zhou",
link: "https://www.linkedin.com/in/beihaozhou/",
},
{
name: "Jared He",
link: "https://www.linkedin.com/in/jaredhe/",
},
{
name: "Mark Chiu",
link: "https://linkedin.com/in/markchiu02",
@ -61,6 +65,14 @@ export const webDevs = [
name: "Shahan Nedadahandeh",
link: "https://shahan.ca/",
},
{
name: "Beihao Zhou",
link: "https://www.linkedin.com/in/beihaozhou/",
},
{
name: "Jared He",
link: "https://www.linkedin.com/in/jaredhe/",
},
];
export const sysCom = [

View File

@ -327,7 +327,7 @@ export const I9 = [
"It takes a lot of work and patience",
"My understanding of dating and relationships got a lot more detailed. The reality takes a lot more work and emotional maturity.",
"I stopped simping",
"I didn't know that soul mates exist, but I guess I do now.",
"I didn't know that soulmates exist, but I guess I do now.",
"Learning to co-exist intimately with (an)other human being(s) is almost always difficult. However, if you can make it work, it is absolutely worth it.",
"I have become lost in the sauce",
"nill",
@ -337,9 +337,9 @@ export const I9 = [
"Much deeper understanding ",
"Communication is the most important things in a relationship. You gotta figure out how to get to the root of a problem in order to truly tackle it. Sometimes what people say isn't what they're actually concerned about. Also, people often don't understand you and they don't understand themselves.",
"I know I am not yet wanting to be in a relationship.",
"Hasnt",
"Hasn't",
"I've changed. ",
"tbh it hasnt",
"tbh it hasn't",
"I've become more understanding/open to long-distance relationships, especially after graduation since me and my partner are not living in the same city",
"I now understand relationships are different for everyone, and that there isn't a particular way to be in a relationship. As long as you are happy in your relationship, it is good for you and works for you.",
"Communication is very important",

View File

@ -289,6 +289,7 @@ export const H9 = [
];
export const H9i = [
"If you ever feel your mental health is declining, don't be afraid to talk to your profs and TA's about it, they're all there to help you. Don't isolate yourself from your friend group, as that'll only make things worse. The most important thing is to not keep everything bottled up.",
"Mental health at Waterloo is pretty bad. The environment generates a lot of pressure and people crack very much under that pressure.",
"Everyone deals with mental health. You aren't some special snowflake, and you also aren't immune. It will always get better once you accept that and are able to talk about it at least to yourself. ",
"Take breaks",
@ -296,7 +297,6 @@ export const H9i = [
"Don't be afraid to reach out for help, therapy is worth it!",
"Competition at Waterloo can be tough on mental health sometimes.",
"It is pretty scary that you could just be totally unknown in university, nobody would never know anything that happens to you. I feel that a lot of people with mental health problems can go down like this.",
"If you ever feel your mental health is declining, don't be afraid to talk to your profs and TA's about it, they're all there to help you. Don't isolate yourself from your friend group, as that'll only make things worse. The most important thing is to not keep everything bottled up.",
"Consider reaching out to professionals if you are struggling with mental health. However, it is completely normal to try multiple therapists until you can find the one that really vibes with you.",
"UW has terrible support nets for students who are struggling. This is the biggest differentiator between UW and say a liberator arts college. Recognizing that you are on your own is an important step to taking control of your own mental health.",
"I think the support systems for mental health in university are definitely less structured, and it's easier to 'fall through the cracks', especially being away from long-time friends and family from your hometown.",

View File

@ -3,6 +3,16 @@ html {
scroll-padding-top: calc(92rem / 16);
}
@-moz-document url-prefix() {
/* Firefox has a bug relating to smooth scrolling
https://github.com/vercel/next.js/issues/22858
*/
html {
scroll-behavior: auto;
}
}
body {
/* Theme colours */
--pink: #EF839D;

View File

@ -80,8 +80,7 @@ export default function Academics() {
<ComponentWrapper
heading="How many years of coding experience did you have prior to 1A?"
bodyText="Almost 70% of the students that participated had minimal to no coding experience (0 - 2 years), prior to coming into UW. It goes to show that years of programming knowledge is not required to be admitted into CS / CFM / CS/BBA at UW.
"
bodyText="Almost 70% of the students that participated had minimal to no coding experience (0 - 2 years), prior to coming into UW. It goes to show that years of programming knowledge is not required to be admitted into CS / CFM / CS/BBA at UW."
>
<div className={styles.graphContainer}>
<PieChart data={A1} {...pieChartProps(isMobile, pageWidth)} />
@ -113,9 +112,8 @@ export default function Academics() {
</ComponentWrapper>
<ComponentWrapper
heading=" What is your favourite programming language?"
bodyText="The favourite programming language award for the class of 2022 goes toPYTHON! No surprise here - it reads the most like English. C++ is a very notable language as a part of the CS program; thus, its no surprise it comes in second. It looks like weve come a long way from the days of Racket in first year!
"
heading="What is your favourite programming language?"
bodyText="The favourite programming language award for the class of 2022 goes to… PYTHON! No surprise here - it reads the most like English. C++ is a very notable language as a part of the CS program; thus, its no surprise it comes in second. It looks like weve come a long way from the days of Racket in first year!"
align="center"
noBackground
>
@ -131,7 +129,7 @@ export default function Academics() {
<ComponentWrapper
heading="What operating system(s) do you mainly use?"
bodyText="MacOS and Windows are the predominant operating systems used by our respondents. Each OS provides its own benefits, capabilities, and downsides. As such, choosing the right operating system largely boils down to personal preference and comfort for daily use or programming. We can establish that UNIX based OS (MacOS and Linux) are favoured by our respondents, due to the various tools and features that cater to programmers. "
bodyText="MacOS and Windows are the predominant operating systems used by our respondents. Each OS provides its own benefits, capabilities, and downsides. As such, choosing the right operating system largely boils down to personal preference and comfort for daily use or programming. We can establish that UNIX based OS (MacOS and Linux) are favoured by our respondents, due to the various tools and features that cater to programmers."
align="right"
noBackground
>
@ -144,8 +142,7 @@ export default function Academics() {
<ComponentWrapper
heading="What category of electives for your degree did you enjoy most?"
bodyText="It seems like the class really enjoyed their humanities courses! Perhaps this is due to the stark contrast between the content of courses that belong in this category compared to their mandatory math and computer science courses. The refreshing subject matter, combined with the overall ease of the courses, makes for some of students' favourite electives. For context, these electives are a part of the computer science degrees at UW due to breadth and depth requirements for graduation.
"
bodyText="It seems like the class really enjoyed their humanities courses! Perhaps this is due to the stark contrast between the content of courses that belong in this category compared to their mandatory math and computer science courses. The refreshing subject matter, combined with the overall ease of the courses, makes for some of students' favourite electives. For context, these electives are a part of the computer science degrees at UW due to breadth and depth requirements for graduation."
>
<BarGraphHorizontal
data={A7}
@ -156,7 +153,7 @@ export default function Academics() {
</ComponentWrapper>
<ComponentWrapper
heading=" Which non-math elective was your favourite?"
heading="Which non-math elective was your favourite?"
bodyText={
<p>
There are lots of amazing non-math electives mentioned in the list,
@ -164,15 +161,15 @@ export default function Academics() {
<BodyLink href="https://uwflow.com/course/music140">
MUSIC 140
</BodyLink>
,
,{" "}
<BodyLink href="https://uwflow.com/course/music246">
MUSIC 246 l
MUSIC 246
</BodyLink>
, and{" "}
<BodyLink href="https://uwflow.com/course/clas104">
CLAS 104
</BodyLink>{" "}
being crowd favourites`
being crowd favourites!
</p>
}
align="center"
@ -232,9 +229,8 @@ export default function Academics() {
Coming in second place is{" "}
<BodyLink href="https://uwflow.com/course/cs348">CS 348</BodyLink>,
Introduction to Database Management, which has a 36% liked rating on
UWFlow. Some common complaints of these courses include
applicability to non-academic settings, organization of the course,
and how interesting the course content is.
UWFlow. Some common complaints of these courses include organization
of the course and how interesting the course content is.
</p>
}
noBackground
@ -286,8 +282,8 @@ export default function Academics() {
</ComponentWrapper>
<ComponentWrapper
heading=" If you took any advanced or enriched courses, how much did you enjoy each course?"
bodyText="Advanced/enriched CS courses are rated pretty high overall, and it looks like most respondents decide to take them in earlier terms. Trying out advanced courses early and seeing if they're right for you can be a good strategy to figure out what you're comfortable with before the workload starts ramping up."
heading="If you took any advanced or enriched courses, how much did you enjoy each course?"
bodyText="Advanced/enriched CS courses are rated pretty high overall, and it looks like most respondents decide to take them in earlier terms. Trying out advanced courses early and seeing if theyre right for you can be a good strategy to figure out what youre comfortable with before the workload starts ramping up."
align="right"
>
<StackedBarGraphHorizontal
@ -306,7 +302,31 @@ export default function Academics() {
<ComponentWrapper
heading="Who is your favourite professor in all of UW?"
bodyText="The class of 2022 would like to give a shout out to Alice Gao, Carmen Bruni, Lesley Istead, and Brad Lushman as some of the best professors at UW! Go read their ratings on UWFlow! We would also like to give an honourable mention to every professor who has poured their passion into teaching. This has helped the CS Class of 2022 grow and succeed! You guys are all amazing! ❤️"
bodyText={
<p>
The class of 2022 would like to give a shout out to &nbsp;
<BodyLink href="https://uwflow.com/professor/alice_gao">
Alice Gao
</BodyLink>
,&nbsp;
<BodyLink href="https://uwflow.com/professor/carmen_bruni">
Carmen Bruni
</BodyLink>
,&nbsp;
<BodyLink href="https://uwflow.com/professor/lesley_istead">
Lesley Istead
</BodyLink>
, and&nbsp;
<BodyLink href="https://uwflow.com/professor/brad_lushman">
Brad Lushman
</BodyLink>
&nbsp; as some of the best professors at UW! Go read their ratings
UWFlow! We would also like to give an honourable mention to every
professor who has poured their passion into teaching. This has
helped the CS Class of 2022 grow and succeed! You guys are all
amazing!
</p>
}
align="right"
noBackground
>
@ -362,7 +382,7 @@ export default function Academics() {
<ComponentWrapper
heading="Did you complete an option, specialization or minor?"
bodyText="50% of the students have completed some form of option, specialization, or minor during their undergrad. These three are ways you can add qualifications to your degree using the electives that you have. That's what they mean when they say you can customize your CS degree! 😛"
bodyText="50% of the students have completed some form of option, specialization, or minor during their undergrad. These are ways you can add qualifications to your degree using the electives that you have. That's what they mean when they say you can customize your CS degree!"
noBackground
>
<div className={styles.graphContainer}>
@ -370,10 +390,7 @@ export default function Academics() {
</div>
</ComponentWrapper>
<ComponentWrapper
heading="What made you want to complete the option, specialization or minor?"
bodyText="The most common ones are Combinatorics & Optimization (C&O), Business, and Pure Mathematics. However, many people have combined these, making their degree tailored towards their specific interests."
>
<ComponentWrapper heading="Which option(s), specialization(s), or minor(s) did you complete?">
<WordCloud
data={A18i}
width={wordCloudWidth(isMobile, pageWidth)}
@ -415,7 +432,7 @@ export default function Academics() {
<SectionWrapper title="Transfer" />
<ComponentWrapper
heading="Did you transfer into your current program?"
bodyText="23% of respondants transferred into their current program which is a surprisingly high number. CS is a pretty flexible degree though, so transferring your credits shouldn't be too hard! ;)"
bodyText="23% of respondents transferred into their current program, which is a surprisingly high number. We can assume that the majority, if not all, of the people that transferred programs transferred into CS as getting into CS/BBA and CFM after initial applications can be exceedingly difficult."
>
<div className={styles.graphContainer}>
<PieChart data={A13} {...pieChartProps(isMobile, pageWidth)} />
@ -424,7 +441,7 @@ export default function Academics() {
<ComponentWrapper
heading="What program did you transfer from?"
bodyText="Most transfers came from MATH and CFM. One can note that people who didn't get CS as their first choice most likely got deferred into MATH. CFM transfers may be due to students not ending up liking the financial aspect of their original program."
bodyText="Most transfers came from Math and CFM. Math and CS share a lot of courses through the first year of the degree, which might have resulted in many of those students pursuing their passion for CS directly by transferring. CFM transfers may be due to students disliking the finance side of their degree."
noBackground
>
<BarGraphVertical data={A13i} {...barGraphProps(isMobile, pageWidth)} />
@ -432,7 +449,7 @@ export default function Academics() {
<ComponentWrapper
heading="What term did you transfer into your program?"
bodyText="Most of the transfers occurred during 2A and 2B terms, which makes sense since people have time to re-evaluate their academic/career path after spending a year in their original program."
bodyText="Most of the transfers occurred during 2A and 2B terms, which makes sense since students have time to re-evaluate their academic/career path after spending a year in their original program."
align="right"
>
<BarGraphVertical
@ -443,7 +460,8 @@ export default function Academics() {
<ComponentWrapper
heading="What was your reasoning behind transferring?"
bodyText="Having a flexible schedule is one of the most important reasons that people transfer into CS/CSBBA. Many respondants also justified their transfer due to not being in the program of their choice or realizing their interest for CS later."
bodyText="Program interest, flexible course requirements, and a flexible schedule were the most common reasons people transferred into their current program. Many respondents also justified their transfer due to future job prospects and to avoid mandatory courses in their original program. With so many industries relying on technology, it's no wonder computing degrees are so in demand!
"
noBackground
>
<BarGraphVertical
@ -459,7 +477,7 @@ export default function Academics() {
<ComponentWrapper
heading="Did you take any exchange terms?"
bodyText="Students can apply to the exchange program starting in their 2nd year to experience studying abroad for a study term! Exchange does not necessarily imply changing school with another student. Not many students took exchange terms from this sample."
bodyText="Students can apply to the exchange program starting in their second year to experience studying abroad for a term! Note that exchange does not necessarily imply switching schools with another student. It seems that not many students took exchange terms from this sample."
>
<div className={styles.graphContainer}>
<PieChart data={A21} {...pieChartProps(isMobile, pageWidth)} />
@ -468,7 +486,7 @@ export default function Academics() {
<ComponentWrapper
heading="What term did you take an exchange in?"
bodyText="Only 7% of students decided to take an exchange term during their undergrad with most students going during their 3A and 4B terms. Interestingly, 21% of students were interested in going on an exchange term, but were unable to go due to Covid."
bodyText="Only 7% of students decided to take an exchange term during their undergrad with most students going during their 3A and 4B terms. Unfortunately, 21% of students were interested in going on an exchange term but were interrupted and unable to go due to the COVID-19 pandemic."
noBackground
>
<div className={styles.graphContainer}>
@ -487,8 +505,8 @@ export default function Academics() {
</ComponentWrapper>
<ComponentWrapper
heading="Were you unable to complete an exchange term an exchange term due to COVID-19?"
bodyText="Pretty unfortunate that a lot more people would have gone on exchange if it wasnt for the pandemic. :("
heading="Were you unable to complete an exchange term due to the COVID-19 pandemic?"
bodyText="With the severity of the pandemic restrictions in Canada extending from the beginning of 2020 until 2022, it is understandable that most 2022 graduates exchange terms were interrupted. Unfortunately, our results show that a lot more people would have gone on exchange if it wasnt for the pandemic."
noBackground
>
<div className={styles.graphContainer}>
@ -504,7 +522,7 @@ export default function Academics() {
<ComponentWrapper
heading="What is your favourite memory from your time during the exchange?"
bodyText="Hopefully more students in future classes have the opportunity to have cool experiences like these as well. :)"
bodyText="Hopefully more students in future classes will have the chance to experience cool opportunities like these as well."
noBackground
>
<div className={styles.quotationCarouselContainer}>

View File

@ -52,7 +52,6 @@ export default function Contributors() {
title="Contributors"
subtitle="Huge thanks to all CSC members who have contributed to creating the first ever uWaterloo CS class profile!"
/>
<CenterWrapper>
<p>
The 2022 CS Class Profile was completed by members of the UW Computer
@ -84,8 +83,29 @@ export default function Contributors() {
<ContributorGroup group={sysCom} />
</li>
</ul>
<p>
Furthermore, special thanks to former CSC President and Vice
President,{" "}
<a
href="https://www.linkedin.com/in/kallentu/"
target="_blank"
rel="noreferrer"
>
Kallen Tu
</a>{" "}
and{" "}
<a
href=" https://www.linkedin.com/in/gordonle/"
target="_blank"
rel="noreferrer"
>
Gordon Le
</a>
, for kickstarting the existence of the CS Class Profile and for
providing feedback! Note there may be other anonymous contributors on
any of the teams or committees, but their names are not listed here.
</p>
</CenterWrapper>
<BottomNav
leftPage={pageRoutes.personal}
rightPage={pageRoutes.home}

View File

@ -222,8 +222,8 @@ export default function CoopPage() {
{/* C7v */}
<ComponentWrapper
heading="What was your coop evaluation rating?"
bodyText="Ratings were pretty positive overall! It seems that getting an outstanding rating is not out of reach!"
heading="What was your co-op evaluation rating?"
bodyText="Ratings were pretty positive overall, with “Outstanding” and “Excellent” making up the vast majority of evaluations! Respondents did not receive any ratings below “Very Good” in their 3rd, 4th, and 5th co-op terms."
>
<div>
<StackedBarGraphHorizontal
@ -239,14 +239,14 @@ export default function CoopPage() {
data={C7v}
margin={barGraphMargin}
displayPercentage
tooltipBottomLabel="Coop Term: "
tooltipBottomLabel="Co-op Term: "
/>
</div>
</ComponentWrapper>
{/* C7vi */}
<ComponentWrapper
heading="How happy were you with your coop during the work term specified?"
heading="How happy were you with your co-op during the work term specified?"
bodyText="The ratio of people rating 4+ in happiness stayed roughly the same throughout the terms. There seems to be more 5s towards the last work term, likely due to students being more satisfied with better jobs that suit their interests."
align="right"
noBackground
@ -265,7 +265,7 @@ export default function CoopPage() {
]}
data={C7vi}
margin={barGraphMargin}
tooltipBottomLabel="Coop Term: "
tooltipBottomLabel="Co-op Term: "
displayPercentage
/>
</div>
@ -273,7 +273,7 @@ export default function CoopPage() {
{/* C7vii */}
<ComponentWrapper
heading="How did you find your job?"
heading="How did you find your co-op?"
bodyText="People found more co-ops externally and through return offers as the terms progressed, which makes sense as people gain more experience as they learn and grow. WaterlooWorks was still really good in helping people find jobs in the main and continuous rounds."
align="right"
>
@ -295,7 +295,7 @@ export default function CoopPage() {
{/* C7viii */}
<ComponentWrapper
heading="Were you referred for the job?"
heading="Were you referred for the co-op?"
bodyText="Interestingly, the referral to non-referral ratio stayed roughly the same as the co-op terms progressed, apart from the first one which had the most referrals. This goes to show that, without a doubt, networking can really give you some great opportunities!"
noBackground
>
@ -308,7 +308,7 @@ export default function CoopPage() {
data={C7viii}
margin={barGraphMargin}
displayPercentage={true}
tooltipBottomLabel="Coop term: "
tooltipBottomLabel="Co-op term: "
/>
</div>
</ComponentWrapper>

View File

@ -62,22 +62,22 @@ export default function Demographics() {
heading="Please select the gender identity option(s) with which you identify."
bodyText={
<p>
About 33% of students identified as women or gender non-conforming
(women+). This statistic has been steadily increasing throughout the
years, as seen at{" "}
Unsurprisingly, most respondents were men at around 69%. About 31%
of students identified as women or gender non-conforming. This
statistic has been steadily increasing throughout the years, as seen{" "}
<BodyLink href="https://uwaterloo.ca/women-in-computer-science/statistics">
this link
</BodyLink>
. According to the same source, in 2017/2018 (when many 2022
graduates were admitted), around 24% of CS admits, 34% of CFM
admits, and 41% of CS/BBA admits were women+. Underrepresented
gender identities is a popular topic in the tech community, and so
it is promising that a more diverse range of people are becoming
interested in CS! Take a look at clubs such as
here.
</BodyLink>{" "}
According to the same source, in 2017/2018 (when many 2022 graduates
were admitted), around 24% of CS admits, 34% of CFM admits, and 41%
of CS/BBA admits were women or queer. Underrepresented gender
identities is a popular topic in the tech community, and so it is
promising that a more diverse range of people are becoming
interested in CS! Take a look at clubs such as{" "}
<BodyLink href="https://wics.uwaterloo.ca/"> WiCS </BodyLink> and
<BodyLink href="https://www.techplusuw.com/"> Tech+ </BodyLink>
that address these issues and work to provide an inclusive
environment in UW&apos;s tech scene.
<BodyLink href="https://www.techplusuw.com/"> Tech+</BodyLink> that
address these issues and work to provide an inclusive environment in
UW&apos;s tech scene.
</p>
}
align="right"
@ -108,7 +108,7 @@ export default function Demographics() {
have chosen two or more of the listed categories. We have counted
each of them as a separate entry rather than a category itself.
Check out clubs such as
<BodyLink href="https://www.techplusuw.com/"> Tech+ </BodyLink>,
<BodyLink href="https://www.techplusuw.com/"> Tech+</BodyLink>,
which supports ethnic minorities in tech!
</p>
}
@ -203,7 +203,7 @@ export default function Demographics() {
</ComponentWrapper>
<ComponentWrapper
heading="How many close relatives have attended UW (i.e. siblings, cousins, aunts & uncles, parents, etc.)?"
heading="How many close relatives have attended UW?"
bodyText="Wow! The vast majority of students are the first in the family to be a UW graduate. This could be explained by older relatives receiving education in other countries, or simply the vast number of other universities in Canada."
align="left"
noBackground

View File

@ -56,8 +56,7 @@ export default function Demographics() {
<ComponentWrapper
heading="Rate how social you are."
bodyText="It looks like most people were neither antisocial or extremely sociable."
align="center"
noBackground
align="right"
>
<BarGraphVertical
data={F1}
@ -69,7 +68,8 @@ export default function Demographics() {
<ComponentWrapper
heading="How would you describe yourself?"
bodyText="Introverts dominate CS at UW. Still, contrary to popular opinion, it seems that introverted people do not necessarily comprise such a large majority of the CS student population. Extroverts and ambiverts make up almost half of the CS student population!"
align="right"
align="left"
noBackground
>
<div className={styles.graphContainer}>
<PieChart
@ -84,7 +84,7 @@ export default function Demographics() {
<ComponentWrapper
heading="How many of your friendships were made after starting university?"
bodyText="For a lot of people, most or at least some friendships are made during university. This goes to show how university is an important point in life where people form their most valuable relationships!"
align="right"
align="left"
>
<BarGraphVertical
data={F12}
@ -121,8 +121,8 @@ export default function Demographics() {
<ComponentWrapper
heading="How often do you stay in touch with friends that you made during co-op?"
bodyText="Many people dont keep in touch with friends made during co-op. This makes sense as each co-op term only lasts a short period of time and a remote co-op experience can also affect friendships. It can also be difficult for many students to keep in touch."
align="right"
bodyText="Many people dont keep in touch with friends made during co-op. This makes sense as each co-op term only lasts a short period of time and a remote co-op experience can also affect friendships. It can also be difficult for many students to keep in touch afterwards due to the fact that interns can be from different programs and universities."
align="left"
>
<div className={styles.graphContainer}>
<PieChart
@ -147,7 +147,7 @@ export default function Demographics() {
<ComponentWrapper
heading="Which term(s) did you meet most of your friends?"
bodyText="Establishing friendships is generally easier during the beginning of the university experience. Due to all math faculty sequences having their 1A and 1B terms aligned, students take their shared core introductory courses at the same time. However, it is still possible to make friends in later terms. 😉"
bodyText="Establishing friendships is generally easier during the beginning of the university experience. Due to all math faculty sequences having their 1A and 1B terms aligned, students take their shared core introductory courses at the same time. However, it is still possible to make friends in later terms."
align="right"
>
<BarGraphHorizontal
@ -173,7 +173,7 @@ export default function Demographics() {
<ComponentWrapper
heading="What is the average size of your friend groups?"
bodyText="Our respondents friend groups typically consist of 3-4 people."
align="right"
align="left"
>
<BarGraphVertical
data={F10}
@ -222,7 +222,7 @@ export default function Demographics() {
<ComponentWrapper
heading="Where do you and your friends usually hang out on campus? "
bodyText="There are many buildings on campus for students to chill and hang out. Looking at our data, hanging out at someones residence seems to be the most popular option. It makes sense as having fun outside of school buildings enables people to take their mind off schoolwork. In addition, MC and DC are fairly popular spots since MC has a variety of club offices, computer labs, and classrooms for studying, while DC has a library where many students study."
align="right"
align="left"
>
<BarGraphVertical data={F14} {...barGraphProps(isMobile, pageWidth)} />
</ComponentWrapper>

View File

@ -51,20 +51,20 @@ export default function Demographics() {
<Title>Intimacy and Drugs</Title>
<SectionHeader
title="Intimacy and Drugs"
subtitle="What have people tried/already done during university?👀"
subtitle="What have people tried during university?"
/>
<ComponentWrapper
heading="Which drugs have you tried/used?"
heading="Which drugs have you used?"
bodyText="Many students experiment with substances during university. However, we can see that most students have not tried drugs that are stronger than marijuana, such as LSD, cigarettes, or magic mushrooms."
>
<GroupedBarGraphHorizontal
className={styles.barGraphDemo}
data={I2}
barColors={[Color.primaryAccentLight, Color.secondaryAccentLight]}
barColors={[Color.primaryAccentLight, Color.primaryAccentDark]}
barHoverColorsMap={{
[Color.primaryAccentLight]: Color.primaryAccent,
[Color.secondaryAccentLight]: Color.secondaryAccent,
[Color.primaryAccentLight]: Color.primaryAccentLighter,
[Color.primaryAccentDark]: Color.primaryAccentDarker,
}}
width={barGraphWidth(isMobile, pageWidth)}
minWidth={700}
@ -74,7 +74,7 @@ export default function Demographics() {
</ComponentWrapper>
<ComponentWrapper
heading="What level of intimacy have you reached?"
heading="What level of intimacy have you experienced?"
bodyText="Undergrad is a time when we are surrounded by many people of our age and are given more freedom to seek out relationships. This is reflected in our data by how many respondents first experienced different levels of intimacy during university. However, it is also worth noting that a large portion of people did not respond for all of the intimacy levels, showing how they have not had these experiences or are uncomfortable sharing.
"
align="center"
@ -83,10 +83,10 @@ export default function Demographics() {
<GroupedBarGraphVertical
className={styles.barGraphDemo}
data={I1}
barColors={[Color.primaryAccentLight, Color.secondaryAccentLight]}
barColors={[Color.primaryAccentLight, Color.primaryAccentDark]}
barHoverColorsMap={{
[Color.primaryAccentLight]: Color.primaryAccent,
[Color.secondaryAccentLight]: Color.secondaryAccent,
[Color.primaryAccentLight]: Color.primaryAccentLighter,
[Color.primaryAccentDark]: Color.primaryAccentDarker,
}}
width={barGraphWidth(isMobile, pageWidth)}
height={700}
@ -100,8 +100,7 @@ export default function Demographics() {
<ComponentWrapper
heading="How many committed relationships have you been in during university?"
bodyText="Our respondents most commonly have been in either 0 or 1 committed relationships during their undergraduate careers. On the other end, 5 is the highest number of committed relationships indicated.
"
bodyText="Our respondents most commonly have been in either 0 or 1 committed relationships during their undergraduate careers. On the other end, 5 is the highest number of committed relationships indicated."
>
<BarGraphVertical
data={I3}
@ -125,7 +124,7 @@ export default function Demographics() {
<ComponentWrapper
heading="Have you ever cheated on someone, been cheated on, or helped someone cheat?"
bodyText="14 out of 96 people have selected yes to having been involved in cheating."
bodyText="14 out of 96 people have selected yes to having been involved in cheating situations."
>
<div className={styles.graphContainer}>
<PieChart data={I5} {...pieChartProps(isMobile, pageWidth)} />

View File

@ -51,12 +51,12 @@ export default function Demographics() {
<Title>Lifestyle and Interests</Title>
<SectionHeader
title="Lifestyle and Interests"
subtitle="What do CS people do in their free time?"
subtitle="What did the class of 2022 do in their free time?"
/>
<ComponentWrapper
heading="Did you move back home during the beginning of COVID-19?"
bodyText="The vast majority of respondents did move back home during the beginning of Covid, which makes sense given the situation. "
heading="Did you move back home during the beginning of the COVID-19 pandemic?"
bodyText="The vast majority of respondents moved back home during the beginning of the COVID-19 pandemic, which makes sense given the situation."
>
<div className={styles.graphContainer}>
<PieChart data={L1} {...pieChartProps(isMobile, pageWidth)} />
@ -64,8 +64,8 @@ export default function Demographics() {
</ComponentWrapper>
<ComponentWrapper
heading="Have many doses of COVID-19 vaccination have you gotten?"
bodyText="Complete proof of vaccination used to be a requirement for entering campus, unless there are special circumstances. Here, we can see that everyone except for 2 people had 2 or more doses. The large majority had 3+ doses."
heading="How many doses of the COVID-19 vaccination have you received?"
bodyText="Proof of vaccination used to be a requirement for entering campus, barring special circumstances. Here, we can see that everyone except for 2 people had 2 or more doses. The large majority had 3+ doses."
align="right"
noBackground
>
@ -76,7 +76,7 @@ export default function Demographics() {
<ComponentWrapper
heading="How did your outlook on religion change during university?"
bodyText="Interestingly, most of our respondents were never religious."
bodyText="Although most of our respondents were never religious, most religious students continued to stay religious throughout their undergraduate years."
>
<BarGraphVertical
data={L3}
@ -87,7 +87,8 @@ export default function Demographics() {
<ComponentWrapper
heading="Did you learn how to cook during university?"
bodyText="Only 12 people indicated that they have not learned to cook. As for the rest, more stated that they learned to cook during university rather than before. This could correlate to university being the first time that many students move out from their parent/gardians place."
bodyText="Only 12 people indicated that they have not learned to cook. As for the rest, more of them stated that they learned to cook during university as opposed to before. This may be because going to university is the first time that many students move out from their parents/guardians home and live on their own.
"
align="right"
noBackground
>
@ -98,7 +99,7 @@ export default function Demographics() {
<ComponentWrapper
heading="How many days are you physically active in a week now?"
bodyText="Its nice to see that most Waterloo student are active at least a few days a week! CS is an especially sedentary major so its important to stay active and take care of your bodies."
bodyText="Contrary to stereotypes, most UW students are active at least a few days a week! CS is an especially sedentary major so its important to stay active and take care of your body."
>
<BarGraphVertical
data={L5}
@ -109,7 +110,7 @@ export default function Demographics() {
<ComponentWrapper
heading="How often did you pull all-nighters throughout university?"
bodyText="84 people have either never pulled an all-nighter or only once every few months. With decent time management skills, work is definitely manageable and sleep does not have to be sacrificed."
bodyText="84 people have either never pulled an all-nighter or do so only once every few months. With decent time management skills, work is definitely doable and sleep does not have to be sacrificed."
noBackground
>
<BarGraphVertical data={L6} {...barGraphProps(isMobile, pageWidth)} />
@ -117,7 +118,7 @@ export default function Demographics() {
<ComponentWrapper
heading='Rate how strongly you agree with the following statement: "Throughout my university experience, I felt like I had enough time to pursue my own hobbies."'
bodyText="However, it seems like many people did not find enough time for their hobbies. Workloads can often pile up."
bodyText="52 respondents agree or strongly agree with this statement, contrasted to the 33 who disagree or strongly disagree. Based on our data, It seems like many people did not find enough time for their hobbies. Workload can often pile up."
align="right"
>
<BarGraphVertical data={L7} {...barGraphProps(isMobile, pageWidth)} />
@ -125,7 +126,7 @@ export default function Demographics() {
<ComponentWrapper
heading="How often did you attend parties/gatherings?"
bodyText="A lot of students attend social events to relieve some stress and build relationships. Many Waterloo students our no exception. Although we are not know for our parties, they can still frequently be found in residence areas around campus."
bodyText="A lot of students attend social events to relieve some stress and build relationships. Many UW students are no exception. Although we are not known for our parties, they can still frequently be found in residential areas around campus."
align="left"
noBackground
>
@ -139,7 +140,7 @@ export default function Demographics() {
<ComponentWrapper
heading="What time do you usually sleep?"
bodyText="Looks like we have a lot of nightowls!"
bodyText="Looks like we have a lot of night owls!"
align="right"
>
<BarGraphVertical data={L9} {...barGraphProps(isMobile, pageWidth)} />
@ -147,7 +148,7 @@ export default function Demographics() {
<ComponentWrapper
heading="How many hours of sleep do you get on average per night?"
bodyText="Although many of our respondents sleep late, most people are getting 7+ hours every night. Our class schedules are typically somewhat flexible and morning classes are usually not super popular amoung students."
bodyText="Although many of our respondents sleep late, most people are getting 7+ hours every night. Our class schedules are typically somewhat flexible and morning classes are usually not super popular among students."
align="left"
noBackground
>
@ -155,8 +156,8 @@ export default function Demographics() {
</ComponentWrapper>
<ComponentWrapper
heading="While on campus, how many days out of the week do you go out to eat at a restaurant?"
bodyText="Waterloos campus is surrounded by great food places. We have a plaza filled with restaurants that serve all sorts of food such as Mexican, East Asian, Persian, Indian, etc. Although most students have learned to cook, we still enjoy eating out ever so often."
heading="While on campus, how many days of the week do you eat out at a restaurant?"
bodyText="Waterloo students have a wide variety of options when it comes to food. We have a plaza filled with restaurants that serve all sorts of food such as Mexican, East Asian, Persian, Indian, etc. Although most students have learned to cook, we still enjoy eating out every so often."
align="right"
>
<BarGraphVertical
@ -168,7 +169,7 @@ export default function Demographics() {
<ComponentWrapper
heading="What is your favourite restaurant to go to on/around campus?"
bodyText="With all the diverse restaurant around campus, it seems like the most popular choices of food are sushi, noodles, and shawarma."
bodyText="With all the diverse restaurants around campus, it seems like the most popular food choices are sushi, noodles, and shawarma."
noBackground
>
<WordCloud
@ -182,8 +183,8 @@ export default function Demographics() {
</ComponentWrapper>
<ComponentWrapper
heading="What is your Leetcode proficiency level?"
bodyText="Most respondents can consistently solve medium leetcode questions, which are often asked by large tech companies during interviews. Some people also responded with being able to solve hard level questions on leetcode, going above and beyond."
heading="What is your LeetCode proficiency level?"
bodyText="Most respondents can consistently solve medium LeetCode questions, which are often asked by large tech companies during interviews. Some people also responded with being able to solve hard level questions on LeetCode, going above and beyond."
align="right"
>
<BarGraphHorizontal
@ -196,7 +197,8 @@ export default function Demographics() {
<ComponentWrapper
heading="How many side projects have you completed during university, if any?"
bodyText="Students invest time into side projects to show companies their software experiences and skills. Building side projects is a great way to compensate for lack of actual work experience. Many of our respondents are shown to have completed a few side projects, however, a large amount of them have indicated that they have not down any at all. This shows that side projects are not the only factor to landing a job."
bodyText="Students invest time into side projects to show companies their software experiences and skills. Building side projects is a great way to compensate for a lack of relevant work experience. Many of our respondents have completed a few side projects. However, a large number of them have indicated that they have not done any at all during university. This could be explained by the time-consuming academic obligations that take away time to do projects. Furthermore, this also demonstrates that recent side projects are not the only factor to landing a job.
"
noBackground
>
<BarGraphVertical
@ -208,7 +210,7 @@ export default function Demographics() {
<ComponentWrapper
heading="How often do you attend hackathons now?"
bodyText="Similar to side projects, hackathons allow students to show companies their software skills and passion in technology. Many creative projects stem from hackathons as well. But, hackathons are definitely not a necessity. In fact, we see that the vast majority of our respondents have never or very rarely attended hackathons."
bodyText="Similar to side projects, hackathons allow students to show companies their software skills and passion in technology. Despite this, hackathons are definitely not a necessity for graduating students. In fact, we see that the vast majority of our respondents never or very rarely attend hackathons currently."
align="right"
>
<div className={styles.graphContainer}>
@ -222,8 +224,8 @@ export default function Demographics() {
</ComponentWrapper>
<ComponentWrapper
heading="Which extracurricular activities (e.g., design teams, sports, intramurals, clubs, societies) did you participate in? "
bodyText="Many of our respondents are involved with one or more extracurricular activities during university. These include sports, clubs, societies, and more."
heading="Which extracurricular activities did you participate in?"
bodyText="Many of our respondents are involved with one or more extracurricular activities during university. These include sports, programming, council positions, and many more!"
noBackground
>
<WordCloud
@ -238,7 +240,7 @@ export default function Demographics() {
<ComponentWrapper
heading="Where is your favourite place to study on campus?"
bodyText="The most popular study locations according to our respondents are the Mathematics & Computer Building (MC) and the William G. Davis Computer Research Centre (DC), each having 23 and 22 votes respectively. Other popular places include on residence, QNC, and E7."
bodyText="The most popular study locations according to our respondents are the Mathematics & Computer Building (MC) and the William G. Davis Computer Research Centre (DC), having 23 and 22 votes respectively. Other popular places include on residence, QNC, and E7."
align="right"
>
<BarGraphHorizontal
@ -250,8 +252,8 @@ export default function Demographics() {
</ComponentWrapper>
<ComponentWrapper
heading="Have you done a URA (Undergraduate Research Assistantship)?"
bodyText="URA provide students with the opportunity to gain research experience, usually with a professor, while earning some money."
heading="Have you done an Undergraduate Research Assistantship (URA)?"
bodyText="URAs are great for students interested in gaining research experience. Students work under a professor of their choice and also get paid! Almost a quarter of the respondents had completed a URA."
noBackground
>
<PieChart data={L19} {...pieChartProps(isMobile, pageWidth)} />

View File

@ -182,7 +182,21 @@ export default function Demographics() {
<ComponentWrapper
heading="Have you used UW Health Services for your mental health?"
bodyText="UW Health Services is a program that provides accessible medical services. Its great to see a chunk of our respondents were able to utilize it for their benefit and we hope that these services continue to be used even more in the future. University life is stressful, and turning to UW Health Services is something you would not be alone in doing. To book an appointment with them, you can call (519) 888-4096 or email hsforms@uwaterloo.ca if you are unable to book by phone."
bodyText={
<p>
UW Health Services is a program that provides accessible medical
services. Its great to see a chunk of our respondents were able to
utilize it for their benefit and we hope that these services
continue to be used even more in the future. University life is
stressful, and turning to UW Health Services is something you would
not be alone in doing. To book an appointment with them, you can
call (519) 888-4096 or{" "}
<BodyLink href="mailto:hsforms@uwaterloo.ca">
email hsforms@uwaterloo.ca
</BodyLink>{" "}
if you are unable to book by phone.
</p>
}
>
<div className={styles.graphContainer}>
<PieChart data={H5} {...pieChartProps(isMobile, pageWidth)} />
@ -191,7 +205,7 @@ export default function Demographics() {
<ComponentWrapper
heading="How was your experience with UW Health Services?"
bodyText="Our respondents have a wide range of opinions and feedback about their experiences with UW Health Services. Here is some of the feedback that was provided:"
bodyText="Our respondents have a wide range of opinions and feedback about their experiences with UW Health Services. Here is some of the feedback that was provided."
noBackground
>
<div className={styles.quotationCarouselContainer}>
@ -257,7 +271,7 @@ export default function Demographics() {
<ComponentWrapper
heading="Please give any general comments about mental health in university."
bodyText="With mental health being such a large concern in university, many of our respondents have commented on this topic. Here are some quotes from students that describe how UWs environment affects students mental health as well as suggestions for improving mental health:"
bodyText="With mental health being such a large concern in university, many of our respondents have commented on this topic. Here are some quotes from students that describe how UWs environment affects students mental health as well as suggestions for improving mental health."
align="right"
>
<div className={styles.quotationCarouselContainer}>

View File

@ -13,6 +13,7 @@ import { useWindowDimensions } from "utils/getWindowDimensions";
import { useIsMobile } from "utils/isMobile";
import { BarGraphVertical, BarGraphHorizontal } from "@/components/BarGraph";
import { BodyLink } from "@/components/BlankLink";
import { BottomNav } from "@/components/BottomNav";
import { ComponentWrapper } from "@/components/ComponentWrapper";
import { Header } from "@/components/Header";
@ -47,7 +48,18 @@ export default function Demographics() {
<ComponentWrapper
heading="How many hours per week do you spend on the UW subreddit?"
bodyText="Theres a reason why r/uwaterloo (link to: https://www.reddit.com/r/uwaterloo/) is one of the most popular university Reddit communities. It is very highly propelled by students, with over 87k members as of January 2023, and even has some profs on there too! Check it out if you havent heard of it!"
bodyText={
<p>
Theres a reason why{" "}
<BodyLink href="https://www.reddit.com/r/uwaterloo/">
r/uwaterloo{" "}
</BodyLink>
is one of the most popular university Reddit communities. It is very
highly propelled by students, with over 87k members as of January
2023, and even has some profs on there too! Check it out if you
havent heard of it!
</p>
}
align="right"
>
<BarGraphVertical
@ -82,7 +94,7 @@ export default function Demographics() {
<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 youre 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."
bodyText="Around one in six respondents thought about leaving or transferring, so youre 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, or disliking the UW campus/campus life."
noBackground
>
<div className={styles.graphContainer}>

View File

@ -33,11 +33,11 @@ export default function Demographics() {
<Title>Post-grad</Title>
<SectionHeader
title="Post-grad"
subtitle="Further Computer Science Academic Journey"
subtitle="Furthering your Computer Science Academic Journey"
/>
<ComponentWrapper
heading="Do you plan on pursuing post-graduate education?"
heading="Do you plan on pursuing postgraduate education?"
bodyText="There are a total of 103 respondents to this section. There is a large number of students not pursuing postgraduate studies. Postgraduate education is not necessarily for everyone!"
align="center"
noBackground
@ -110,7 +110,7 @@ export default function Demographics() {
<ComponentWrapper
heading="What will be your first-year total compensation in CAD?"
bodyText="The tech field has interesting levels of annual compensation - these numbers speak for themselves… 😜 Compensation can include a combination of salary, signing, first-year stock, and bonus. Many numbers are converted from USD to CAD. The conversion rate was approximately 1 USD = 1.26 CAD during the time frame of the survey."
bodyText="The tech field has interesting levels of annual compensation - these numbers speak for themselves… Compensation can include a combination of salary, signing, first-year stock, and bonus. Many numbers are converted from USD to CAD. The conversion rate was approximately 1 USD = 1.26 CAD during the time frame of the survey."
noBackground
>
<BarGraphVertical