Tuition ucla (#205)

* started line chart vis

* added data to net cost line chart

* added financial aid data and chart

* fixed financial aid values

* Revert "Merge branch 'tuition-ucla' of https://github.com/dailybruin/the-stack into tuition-ucla"

This reverts commit 91879a9, reversing
changes made to 36b293d.

* finished net attendance line chart

* completed stacked bar/line chart comparing financial aid with coa

* fixed net cost line chart

* edited fin aid chart colors and fixed data for stacked chart

* edited titles and descriptions

* made code easier to read

* update fin aid line chart

* add difference line

* fixed difference data

* tree map with hover feature

* tree map

* fix tree-map display

* tooltip text wrapping

* minor changes

* minor edits

* fix tree map

* add line legend

* fixed legend error

* Fixed chart styling issues, ready for preview

* Change hyperlink

* changed titles for graphs

* minor edits

* Upper edits

* Final edits in + banner photo added

---------

Co-authored-by: Bethany Kim <[email protected]>
Co-authored-by: Caroline <[email protected]>

_data/authors.yml

@@ -685,7 +685,7 @@ robin_lee:
   current: no
 l_yang:
   name: L Yang
-  title: Stack Intern
+  title: Stack Developer
   bio: L is an economics student with a minor in digital humanities. She enjoys jazz, painting, and dinner parties.
   mug: no
   email: [email protected]
@@ -702,15 +702,15 @@ jun_ryu:
   github: jryu20
 kimi_cui:
   name: Kimberly Cui
-  title: Stack Intern
+  title: Stack Developer
   bio: Kimberly (Kimi) is a data theory student. She is a matcha and guinea pig enthusiast and enjoys blogging food on Instagram.
   mug: yes
   email: [email protected]
   github: kimiicui 
   current: yes
 joey_ling:
   name: Joey Ling
-  title: Stack Intern
+  title: Stack Developer
   bio: Joey is a cognitive science student specializing in computing and minoring in data science engineering. She likes movies, playing guitar, and cooking. 
   mug: yes
   email: [email protected]
@@ -743,15 +743,15 @@ mabel_huynh:
   current: yes
 caroline_sha:
   name: Caroline Sha
-  title: Stack Intern
+  title: Stack Developer
   bio: Caroline is a biology student. 
   mug: no
   email: [email protected]
   github: carolinesha
   current: yes
 naomi_suzuki:
   name: Naomi Suzuki
-  title: Stack Intern
+  title: Stack Developer
   bio: Naomi is a Statistics and Data Science student. 
   mug: no
   email: [email protected]
@@ -766,41 +766,41 @@ samantha_low:
   bio: Samantha Low is an environmental science student who enjoys hiking, exploring new places and taking pictures of food in her free time. 
 ayushi_kadakia:
   name: Ayushi Kadakia
-  title: Stack Intern
+  title: Stack Developer
   bio: Ayushi is a Business Economics student. She loves writing, coffee, and crosswords. 
   mug: no
   email: [email protected]
   github: ayukadakia
   current: yes
 sydney_tomsick:
   name: Sydney Tomsick
-  title: Stack Intern
+  title: Stack Developer
   bio: Sydney is a pre-Data Theory major. She loves to dance, cook, and hangout with friends. 
   mug: no
   email: [email protected]
   github: sydneytomsick
   current: yes
 cassidy_sadowski:
   name: Cassidy Sadowski
-  title: Stack Intern
+  title: Stack Developer
   bio: Cassidy is studying Ecology, Behavior, & Evolution and Statistics & Data Science. She enjoys working with animals, theater, and swimming.
   mug: yes
   email: [email protected]
   github: cassidysadowski
   current: yes
-sue_tang:
-  name: Shuqin (Sue) Tang
-  title: Stack Intern
-  bio: Sue is a Mathematics of Computation and Statistics & Data Science student.
-  mug: yes
-  email: sqtang37@ucla.edu
-  github: sqtang37
+bethany_kim:
+  name: Bethany Kim
+  title: Stack Developer
+  bio: 
+  mug: no
+  email: bkim@media.ucla.edu
+  github: bethanyyk
   current: yes
 hannah_um:
   name: Hannah Um
   title: Stack Intern
   bio: Hannah is a Statistics and Data Science student. She enjoys traveling, thrifting, and cafe-hopping in her free time.
   mug: yes
-  email: hannahum@g.ucla.edu
+  email: hum@media.ucla.edu
   github: hannahum
   current: yes

_posts/2024-04-23-bruinbill.md

@@ -0,0 +1,140 @@
+---
+title: Breaking Down the BruinBill
+teaser: How has UC cost of attendance and financial aid changed over the years? What exactly are UCLA undergraduates paying for in their BruinBill?
+authors:
+  - bethany_kim
+  - caroline_sha
+  - hannah_um
+key_takeaways:
+  - All UC campuses have similar increasing trends for their nominal costs of attendance.
+  - The average inflation-adjusted cost of attendance for UCLA students has remained relatively stable at $23,973 since 2002.
+  - The average amount of financial aid received by UCLA students has increased at a rate of $567 per year over the past two decades.
+  - Tuition and UC Student Health Insurance Plan are the largest components of the BruinBill.
+
+featured_image:
+  url: tuition-ucla/web.data.bruinbill.MC.jpg
+  caption: (Megan Cai/Photo editor)
+og_image:
+scripts:
+  - //cdn.jsdelivr.net/npm/chart.js
+  # - //cdnjs.cloudflare.com/ajax/libs/Chart.js/3.7.1/chart.min.js
+  - /js/posts/tuition-ucla/stacked.js
+  - /js/posts/tuition-ucla/difference.js
+  - /js/posts/tuition-ucla/net-cost-line-chart.js
+  - //cdn.anychart.com/releases/8.12.0/js/anychart-core.min.js
+  - //cdn.anychart.com/releases/8.12.0/js/anychart-treemap.min.js
+  - /js/posts/tuition-ucla/tree-map.js
+  - /js/posts/tuition-ucla/fin_aid_line_chart.js
+
+stylesheets:
+  - //cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css
+  - /css/posts/tuition-ucla/app.css
+---
+
+### Introduction
+
+Pursuing a college education is a venture that costs both significant time and money. As of late, the high price of attending a four-year university has garnered attention, with issues such as student loan forgiveness and rising costs of attendance becoming major talking points among politicians.
+
+Every two years, the UC Office of the President estimates the cost of attendance (COA), which encompasses tuition and housing along with expenses such as transportation, textbook and health insurance costs, using responses from the biennial Cost of Attendance Survey sent to a sample of undergraduate students across the UC campuses. To help pay for these costs, students can receive financial aid from multiple sources, including the UC system, the state of California and the federal government. The Stack explores the cost of attendance at UCLA over time and how this trend compares to other UC campuses, as well as investigating changes in financial aid received by UCLA students.
+
+### Cost of Attendance Across UCs
+
+<div class="cust_chart">
+    <canvas id="fin-aid-stacked-bar"></canvas>
+</div>
+<!-- <p class = 'caption'>The bars depict the total amount of financial aid received per capita. The bars are broken down by the type of financial aid with the blue sections representing gift aid and the yellow sections representing loans. The line depicts the unadjusted net cost of attendance.</p> -->
+<p class = 'byline'>Graphic reporting by Bethany Kim, Stack Contributor</p>
+
+The line on the chart above depicts the inflation-adjusted cost of attendance across all of the UC campuses. The cost of attendance has increased by almost $10,000 between 2002 and 2022. With the exception of 2012, 2014, and 2020, the COA has always increased from the previous year. Notably, the COA increased by almost $2,000 between 2020 and 2021, which marked a notable change compared to the fact that it took the previous 10 years for the COA to increase by $2,000.
+
+The bars on the visualization above depict the average financial aid received by students in the UC system.
+
+- Cal Grants are awarded based on a student’s verified high school or community college GPA, the type of California colleges you list on your FAFSA or CA Dream Act Application (i.e. UC, California State University, community college) and whether the student is a recent high school graduate.
+- Federal Pell Grants are awarded to undergraduate students who display exceptional financial need and have not earned a bachelor's, graduate or professional degree.
+- The Middle Class Scholarship is awarded to California residents who are not in default on a student loan, maintain satisfactory academic progress and have income and asset levels below a threshold. The Middle Class Scholarship was not created until 2014.
+
+At first glance, it seems like financial aid increases when tuition increases and decreases when tuition decreases. To see the clear relationship between financial aid and tuition, we can take a look at the difference between the two. By taking the difference between the point on the cost of attendance line and the total height of the financial aid bars, we can calculate the out-of-pocket costs the average UC student pays.
+
+<div class="cust_chart">
+    <canvas id='difference-line'></canvas>
+</div>
+<!-- <p class = 'caption'>The points were calculated by taking the difference between Cost of Attendance and Financial Aid, which results in the cost that students have to cover themselves.</p> -->
+<p class = 'byline'>Graphic reporting by Bethany Kim, Stack Contributor</p>
+
+As shown in the line chart above, the out-of-pocket costs for the average UC student decreased from 2007 to 2014 before increasing until 2021. Additionally, there was a sharp decrease between 2021 and 2022, which can be attributed to a large increase in other scholarships and Middle Class Scholarships.
+
+Over the years, there has been an increased focus on making UCLA affordable, said Marvin Smith, the executive director of UCLA Financial Aid & Scholarships. 
+
+“I would say that you see more of an increase in financial aid programs,” Smith said. “I think there's a recognition by the regents of the state of California, the University of California system, the state of California, that college access is critical and that funding is critical for students to be successful.”
+
+Hailey Mendelsohn, a third-year molecular, cell and developmental biology student, said she has looked at many different scholarships and resources to help pay for college.
+
+“It would be nice if higher education was more accessible for everyone, but there are a lot of opportunities out there to find,” said Mendelsohn.
+
+
+### Comparing Cost of Attendance at UCLA with Costs of Attendance at Other UCs
+
+<div class="cust_chart">
+    <canvas id='net-cost-for-all-ucs-line-chart' style='width: 100%; height: 500px;'></canvas>
+</div>
+<!-- <p class = 'caption'>A comparison of the net cost for attendance across all UCs when the cost is not adjusted for inflation and when the cost is adjusted for inflation.</p> -->
+<p class = 'byline'>Graphic reporting by Bethany Kim, Stack Contributor</p>
+
+<div class="cust_chart">
+    <canvas id='net-cost-by-campus-line-chart' style='width: 100%; height: 500px;'></canvas>
+</div>
+<!-- <p class = 'caption'>The inflation-adjusted net cost of attendance for each of the UC campuses from 2002 to 2022.</p> -->
+<p class = 'byline'>Graphic reporting by Bethany Kim, Stack Contributor</p>
+
+Since 2002, the overall trend for COA shares similarities across all UC schools. Adjusting for inflation reveals that tuition costs have remained relatively stable, staying within a range of $21,000 and $25,000 for the past 20 years. After increasing from 2002 to 2010, inflation-adjusted COA continued to fall over the next decade. In fact, after adjusting for inflation, the COA in 2022 was only about $200 greater than the cost of tuition in 2002.
+
+Comparing the COA at UCLA to other UC schools reveals that UCLA has had lower COAs than UC Santa Barbara and UC Santa Cruz for all years spanning from 2002 to 2022 and has consistently had lower COA than UC Berkeley since 2014.
+
+### UCLA BruinBill Breakdown
+
+As students pay their tuition, the BruinBill receipt lists all of the various fees and categories along with respective pricings. It is a transparent process to understand how the total payment amount is calculated. However, students must go the extra mile to look into each component and understand its purpose and relevance. 
+
+Anthony Chen, a second-year data theory student, said he is familiar with the components based on what is on the receipt and assumes documentation is available online to learn more about where the money actually goes. While he is correct, it proves to be difficult to find specifics about the fees and charges besides that they are related to housing, transportation and registration. Thus, the best way to better understand what exactly the money is going towards is by looking at an actual BruinBill receipt posted to a student’s account.
+
+
+<p class = 'caption'>Click on one of the four categories to see the fees that fall under it. Click on the grey bar to go back to the four categories.</p>
+<div class="cust_chart">
+    <div id='tree-map'></div>
+</div>
+<p class = 'byline'>Graphic reporting by Bethany Kim, Stack Contributor</p>
+
+The treemap above is based on a winter 2024 BruinBill for a sample in-state student, which should be reflective of the general costs for other in-state students. The base chart contains the major categories and clicking on a category will display the fees associated with that category.
+
+Although not included in the above charts, housing is one of the largest expenses for most students. For students living in the dorms at UCLA, the cost is between $13,566 to stay in a three-person room in a classic residence hall with the cheapest meal plan available and $23,498 to stay in a single room in a plaza residence hall with the most expensive meal plan available. For students living in the undergraduate university apartments managed by UCLA, the cost for one academic year is between $6,883 to stay in a 1 bedroom/4 person unit and $18,561 to stay in a studio unit with one occupant. As for students living in apartments in Westwood, the average rent for one academic year in 2022 was $26,995 for a one-bedroom apartment, $36,000 for a two-bedroom apartment and $58,050 for a three-bedroom apartment.
+
+The $9,918 Nonresident Supplemental Tuition that out-of-state students must pay is not pictured in the tree map.
+
+### Financial Aid at UCLA
+
+<div class="cust_chart">
+    <canvas id='fin_aid_line_chart'></canvas>
+</div>
+<!-- <p class = 'caption'>The inflation-adjusted amount of financial aid recieved by UCLA students from 2002 to 2022.</p> -->
+<p class = 'byline'>Graphic Reporting by Caroline Sha, Stack Contributor</p>
+
+While the amount of loans received by UCLA students has decreased since 2002, the total gift aid received by UCLA students has seen an increasing trend for the past 20 years. The amounts of UC and state aid, given by UC grants and Cal Grant, respectively, have increased by nearly $50 million each. The total amount students received from UC grants increased the most, more than doubling since 2002. Over the same period, the amount of federal aid administered through the Pell Grant has remained relatively constant. 
+
+The amount of financial aid awarded each year is dependent on a variety of factors, such as federal, state and institutional regulations, said Smith. After students fill out the Free Application for Federal Student Aid (FAFSA), UCLA uses a formula-based procedure to determine whether a student is eligible for need-based financial aid.
+
+“We're really ... trying to focus on scholarship opportunities and the funding that we can provide to students so they might be able to attend UCLA debt free,” Smith said.
+
+For some, the process for receiving financial aid can be confusing, especially given the number of entities that are involved with receiving financial information, calculating how much aid a student should receive and disbursing the aid. 
+
+“For my process of getting financial aid, I had to go to a lot of different people in order to get the information that I needed for the forms. It was like a wild goose chase trying to get all of the information I needed. So if there was a way to do that, a more centralized way to do that, that would be nice,” said Mendelsohn.
+
+Ricardo Vazquez, director of media relations, said the university has outreach programs focused on providing financial aid information to underserved students, such as collaborations with community colleges that help transfer students access this information.
+
+### Conclusion:
+
+When adjusted for inflation, the net cost of attendance of UCLA has remained about the same in the past two decades; the amount of financial aid received has increased over the same period. Despite this trend, students had concerns about whether the cost of attendance would increase.
+
+“I think, generally in the future, tuition is probably going to get more expensive just due to inflation,” Chen said. “And hopefully, the California government can do some things to keep it at a rate where everyone can afford to go to college.”
+
+### About the Data:
+
+All visualizations were created using a dataset from the [net cost of attendance](https://www.universityofcalifornia.edu/about-us/information-center/net-cost) published by the University of California. Only data for undergraduates were examined.

css/posts/tuition-ucla/app.css

@@ -0,0 +1,98 @@
+/*@media only screen and (min-width: 1000px) {
+.UCLA {
+    float: left;
+    min-width: 50%;
+    margin-bottom: 10px;
+}
+
+.UCM {
+    float: right;
+    min-width: 50%;
+    margin-bottom: 10px;
+}
+}
+*/
+
+
+/* #UCLA {
+    width: 200px;
+    text-align: left;
+    margin-left: auto;
+    margin-right: auto
+} */
+.byline {
+    font-size:smaller;
+    color:gray;
+  }
+
+.caption {
+    font-size:15px;
+    color:rgb(61, 60, 60);
+  }
+
+/* .pie-charts {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+} */
+
+/* .emission-chart {
+    width: 350px;
+    margin-bottom: 30px;
+} */
+
+#tree-map {
+    width: 100%;
+    height: 100%;
+  }
+
+@media only screen and (max-width: 480px) {
+    .cust_chart {
+        width: 100%;
+        height: 500px;
+        overflow-x: scroll;
+    }
+}
+@media only screen and (min-width: 480px) {
+    .cust_chart {
+        width: 100%;
+        height: 500px;
+        /* overflow-x: scroll; */
+    }
+}
+/* 
+.my-legend .legend-title {
+    text-align: left;
+    margin-bottom: 5px;
+    font-weight: bold;
+    font-size: 90%;
+}
+
+.my-legend .legend-scale ul {
+    margin: 0;
+    margin-bottom: 5px;
+    padding: 0;
+    float: left;
+    list-style: none;
+}
+
+.my-legend .legend-scale ul li {
+    display: inline-block;
+    font-size: 80%;
+    list-style: none;
+    line-height: 18px;
+    vertical-align: text-top;
+}
+
+.my-legend ul.legend-labels li span {
+    display: inline-block;
+    height: 16px;
+    width: 20px;
+    margin-right: 5px;
+    margin-left: 10px;
+    border: 1px solid #999;
+}
+
+.my-legend a {
+    color: #777;
+} */