diff --git a/_data/authors.yml b/_data/authors.yml index 111e04af..fb0a6277 100644 --- a/_data/authors.yml +++ b/_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: lyang02@ucla.edu @@ -702,7 +702,7 @@ 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: kcui@ucla.edu @@ -710,7 +710,7 @@ kimi_cui: 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: joeyling@g.ucla.edu @@ -743,7 +743,7 @@ mabel_huynh: current: yes caroline_sha: name: Caroline Sha - title: Stack Intern + title: Stack Developer bio: Caroline is a biology student. mug: no email: csha@media.ucla.edu @@ -751,7 +751,7 @@ caroline_sha: 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: nfsuzuki07@ucla.edu @@ -766,7 +766,7 @@ 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: ayukadakia@ucla.edu @@ -774,7 +774,7 @@ ayushi_kadakia: 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: sydneytomsick@g.ucla.edu @@ -782,25 +782,25 @@ sydney_tomsick: 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: cassidysadowski@g.ucla.edu 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 \ No newline at end of file diff --git a/_posts/2024-04-23-bruinbill.md b/_posts/2024-04-23-bruinbill.md new file mode 100644 index 00000000..6a5cae94 --- /dev/null +++ b/_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 + +
+ +
+ +

Graphic reporting by Bethany Kim, Stack Contributor

+ +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. + +
+ +
+ +

Graphic reporting by Bethany Kim, Stack Contributor

+ +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 + +
+ +
+ +

Graphic reporting by Bethany Kim, Stack Contributor

+ +
+ +
+ +

Graphic reporting by Bethany Kim, Stack Contributor

+ +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. + + +

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.

+
+
+
+

Graphic reporting by Bethany Kim, Stack Contributor

+ +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 + +
+ +
+ +

Graphic Reporting by Caroline Sha, Stack Contributor

+ +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. diff --git a/css/posts/tuition-ucla/app.css b/css/posts/tuition-ucla/app.css new file mode 100644 index 00000000..ed64c23b --- /dev/null +++ b/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; +} */ \ No newline at end of file diff --git a/datasets/tuition/fin_aid_data_UCLA.csv b/datasets/tuition/fin_aid_data_UCLA.csv new file mode 100644 index 00000000..e143ba14 --- /dev/null +++ b/datasets/tuition/fin_aid_data_UCLA.csv @@ -0,0 +1,23 @@ +,2002-03,2003-04,2004-05,2005-06,2006-07,2007-08,2008-09,2009-10,2010-11,2011-12,2012-13,2013-14,2014-15,2015-16,2016-17,2017-18,2018-19,2019-20,2020-21,2021-22,2022-23 +Cal grant,23732510.34,33401215.00,40925990.00,44220999.00,42758970.00,45721978.70,48367496.00,54674523.00,67823209.00,79580198.00,86351402.00,94458564.00,102108418.00,105911999.00,112349926.00,120095757.00,117261216.00,118896574.00,113302189.00,111771283.00,115756498.00 +Pell grant,23952107.37,24781435.15,23816676.99,23285643.19,22786780.39,24603526.01,26827458.01,37662980.95,39683728.05,41076152.00,39965479.00,40730395.00,41630000.00,41308068.00,42369100.00,48476614.00,47828329.00,46312330.00,44305457.00,43560873.00,46542633.00 +UC grant (all),25281633.77,33350189.59,38195870.68,48306321.52,42555378.70,44575232.90,56024122.78,54289826.48,70650771.91,90013584.51,91847323.38,91267624.70,98134126.94,90691843.37,92373954.67,90042314.88,98218396.67,96391374.87,87651552.86,89333189.71,98645456.47 +UC grant (need based),25195427.77,33317975.59,38126555.68,48199689.19,42476616.70,44521883.90,55906815.78,54182334.48,70650771.91,90013584.51,91782540.38,91039744.70,97814311.94,90292702.37,91984432.67,89744231.88,98208656.67,96010793.37,87638299.86,89095204.71,98274835.47 +UC scholarships,10932528.45,11088389.18,12142288.37,13050174.40,14798505.24,13752838.64,16624032.46,14241669.20,15582210.16,19177796.95,20614536.48,19958536.63,21656135.23,21609403.99,23603201.05,25540010.42,25162768.85,27224283.59,24118402.12,22268611.40,22951864.52 +CA middle class scholarship,0.00,0.00,0.00,0.00,0.00,0.00,0.00,0.00,0.00,0.00,0.00,0.00,1953530.00,1419513.00,2664756.00,3414318.00,3657367.00,4240669.00,6319833.00,4794677.00,20813495.00 +Other scholarships,6666799.31,9142655.10,8910993.42,8557885.78,10912343.36,10944394.06,11216740.32,13526145.69,11429626.19,7328364.85,6718053.57,7288692.73,8981641.69,8696311.45,10542170.80,12356501.26,12904789.76,13712790.17,15492618.52,14351046.31,30435340.52 +Total gift aid,91188582.23,113481722.36,125710983.48,139324606.23,135701213.39,141930015.65,160872879.99,176218313.72,207030707.18,239526508.95,247360391.43,255493451.06,274354810.86,270035051.81,283056459.52,298388437.56,303299290.28,314639916.14,304108053.82,320433740.09,317317066.04 +Total loans (excl. PLUS),50353698.00,53316044.00,51572501.00,47097559.00,51768747.00,52214563.00,53506501.00,61683102.00,60454127.00,67007341.00,66238771.00,64019728.00,60255710.00,59884531.00,60542583.00,59100920.00,53129898.00,49501564.00,18731752.00,39078217.00,39404770.00 +,,,,,,,,,,,,,,,,,,,,, +CPI,179.90,184.00,188.90,195.30,201.60,207.34,215.30,214.54,218.06,224.94,229.59,232.96,236.74,237.02,240.01,245.12,251.11,255.66,258.81,270.97,292.66 +,,,,,,,,,,,,,,,,,,,,, +Cal grant (Inflation Adjusted),38607214.08,53125177.04,63404952.90,66264702.83,62071559.35,64534757.44,65744506.77,74582811.02,91026164.06,103537149.39,110068945.84,118664693.69,126227270.33,130774062.90,136995035.95,143385377.63,136663180.11,136102969.46,128118403.48,120716038.04,115756498.00 +Pell grant (Inflation Adjusted),38964446.82,39415276.65,36898198.01,34893291.90,33078696.50,34726900.02,36465770.21,51376963.83,53259903.11,53441783.17,50942521.39,51168042.81,51463350.10,51004833.58,51663197.16,57877461.94,55741973.04,53014527.03,50099159.30,47046932.46,46542633.00 +UC grant (all) (Inflation Adjusted),41127273.66,53044020.30,59175291.34,72386515.74,61776013.66,62916171.27,76151933.10,74058037.39,94821062.72,117111419.43,117074394.03,114656038.27,121314218.88,111981087.52,112637130.18,107503809.00,114469548.35,110340877.87,99113504.46,96482284.51,98645456.47 +UC grant (need based) (Inflation Adjusted),40987036.77,52992783.40,59067904.46,72226728.31,61661677.88,62840871.28,75992481.16,73911405.01,94821062.72,117111419.43,116991817.53,114369761.31,120918860.93,111488251.10,112162162.53,107147920.12,114458196.78,109905219.63,99098518.40,96225254.21,98274835.47 +UC scholarships (Inflation Adjusted),17784653.22,17636263.78,18811547.92,19555549.36,21482423.37,19411585.65,22596555.64,19427398.07,20913030.20,24951111.93,26276588.99,25073148.85,26771493.38,26682052.87,28780805.57,30492867.78,29326184.13,31164109.39,27272298.98,24050708.45,22951864.52 +CA middle class scholarship (Inflation Adjusted),null,null,null,null,null,null,null,null,null,null,null,null,2414969.93,1752733.25,3249297.59,4076441.07,4262512.55,4854367.32,7146260.11,5178382.10,20813495.00 +Other scholarships (Inflation Adjusted),10845314.91,14541542.00,13805435.57,12823902.01,15841030.98,15447577.64,15246583.37,18451335.51,15339808.36,9534507.65,8563255.00,9156506.87,11103179.70,10737706.69,12854704.22,14752741.01,15040007.83,15697268.63,17518545.48,15499521.93,30435340.52 +Total gift aid (Inflation Adjusted),148342382.06,180494529.66,194758855.85,208776459.99,196992254.98,200328581.43,218669747.72,240383573.00,277857851.24,311633956.21,315301163.59,320966684.50,339159684.93,333423796.97,345147800.53,356253541.91,353482992.50,360173766.64,343875424.50,346077190.12,317317066.04 +Total loans (excl. PLUS) (Inflation Adjusted),81913626.95,84800037.27,79899154.47,70575197.79,75150707.61,73698782.37,72729804.28,84143379.54,81136050.08,87179339.20,84432117.25,80425544.19,74488606.76,73941984.84,73823220.27,70562090.99,61920736.18,56665298.48,21181251.50,42205541.56,39404770.00 + diff --git a/img/posts/tuition-ucla/web.data.bruinbill.MC.jpg b/img/posts/tuition-ucla/web.data.bruinbill.MC.jpg new file mode 100644 index 00000000..5a3a5ad3 Binary files /dev/null and b/img/posts/tuition-ucla/web.data.bruinbill.MC.jpg differ diff --git a/js/posts/tuition-ucla/difference.html b/js/posts/tuition-ucla/difference.html new file mode 100644 index 00000000..a9f5c958 --- /dev/null +++ b/js/posts/tuition-ucla/difference.html @@ -0,0 +1,80 @@ + + + + + + + + Out-of-pocket costs across all UC system + + + + + + + + + + + +
+
Out-of-pocket costs across the UC system
+
+
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.
+
+
+
+
+
+
+ Source: University of California
Graphic Reporting by Bethany Kim, Stack Intern
+
+ + \ No newline at end of file diff --git a/js/posts/tuition-ucla/difference.js b/js/posts/tuition-ucla/difference.js new file mode 100644 index 00000000..9c348d01 --- /dev/null +++ b/js/posts/tuition-ucla/difference.js @@ -0,0 +1,112 @@ +Chart.defaults.font.family = 'PT Sans'; + +const linedata_difference = { + labels: [ + '2002', + '2003', + '2004', + '2005', + '2006', + '2007', + '2008', + '2009', + '2010', + '2011', + '2012', + '2013', + '2014', + '2015', + '2016', + '2017', + '2018', + '2019', + '2020', + '2021', + '2022', + ], + datasets: [ + { + data: [ + 6947, + 7259, + 8034, + 8430, + 8667, + 8824, + 8340, + 7258, + 5647, + 4423, + 3805, + 3563, + 2914, + 3294, + 3727, + 3194, + 3966, + 4484, + 5251, + 6302, + 4912, + ], + backgroundColor: '#000000', + borderColor: '#000000', + borderWidth: 1, + }, + ], +}; + +//THIS CODE MAKES THE CHART, MAKE SURE THE CTX VARIABLE DOES NOT MATCH ANY OTHER CTX VARIABLE +//CHANGE ID-HERE TO WHATEVER YOU MADE YOUR ID IN THE HTML FILE, CHOOSE SOMETHING DESCRIPTIVE +const ctxLINE_difference = document.getElementById('difference-line'); +//THE CHART VARIABLE NEEDS TO HAVE A UNIQUE NAME RENAME IT SOMETHING DESCRIPTIVE +const chart_difference = new Chart(ctxLINE_difference, { + type: 'line', + data: linedata_difference, + options: { + scales: { + x: { + title: { + display: true, + text: 'Year', + }, + }, + y: { + title: { + display: true, + text: 'U.S. Dollars', + }, + ticks: { + callback: function(value, index, values) { + return '$' + value; + }, + }, + }, + }, + maintainAspectRatio: false, + plugins: { + title: { + display: true, + text: 'Acoss all UCs: Out-of-pocket cost', + font: { + size: 20, // You can change the font size here + }, + }, + subtitle: { + display: true, + text: + '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.', + // align: 'start', // Add this line + font: { + size: 15, + }, + padding: { + bottom: 20, // Add space above the subtitle + }, + }, + legend: { + display: false, + }, + }, + }, +}); diff --git a/js/posts/tuition-ucla/fin_aid.html b/js/posts/tuition-ucla/fin_aid.html new file mode 100644 index 00000000..b96da639 --- /dev/null +++ b/js/posts/tuition-ucla/fin_aid.html @@ -0,0 +1,79 @@ + + + + + + + + Financial aid recieved + + + + + + + + + + + +
+
Financial aid recieved
+
+
The inflation-adjusted amount of financial aid recieved by UCLA students from 2002 to 2022
+
+
+
+
+
+
Source: University of California
Graphic Reporting by Caroline Sha, Stack Intern.
+
+ + \ No newline at end of file diff --git a/js/posts/tuition-ucla/fin_aid_line_chart.js b/js/posts/tuition-ucla/fin_aid_line_chart.js new file mode 100644 index 00000000..5badc4fd --- /dev/null +++ b/js/posts/tuition-ucla/fin_aid_line_chart.js @@ -0,0 +1,355 @@ +Chart.defaults.font.family = 'PT Sans'; //FONT FOR CHART CHANGE IF NEEDED +const labels_finaid = [ + '2002', + '2003', + '2004', + '2005', + '2006', + '2007', + '2008', + '2009', + '2010', + '2011', + '2012', + '2013', + '2014', + '2015', + '2016', + '2017', + '2018', + '2019', + '2020', + '2021', + '2022', +]; //THIS SHOULD BE A LIST OF WHAT YOU WANT ON THE X-AXIS +const colors_finaid = [ + '#ffebd2', + '#e89c81', + '#eac4d5', + '#d6eadf', + '#b1cfe6', + '#809bce', + '#60759b', + 'black', + 'white', +]; //CHANGE THESE TO WHAT MATCHES THE SUBJECT +const data_finaid = { + labels: labels_finaid, + //DATA SETS IN A LIST. EACH OBJECT IN LIST IS A CATEGORY OF DATA CHANGE THESE OUT WITH YOUR DATA + //IF YOU HAVE MORE DATA TO DISPLAY ADD ADDITIONAL {...} + datasets: [ + { + label: 'Cal Grant', + data: [ + 38607214.08, + 53125177.04, + 63404952.9, + 66264702.83, + 62071559.35, + 64534757.44, + 65744506.77, + 74582811.02, + 91026164.06, + 103537149.39, + 110068945.84, + 118664693.69, + 126227270.33, + 130774062.9, + 136995035.95, + 143385377.63, + 136663180.11, + 136102969.46, + 128118403.48, + 120716038.04, + 115756498.0, + ], //VALUE FOR EACH POINT + backgroundColor: colors_finaid[0], + borderColor: colors_finaid[0], + borderWidth: 1, + }, + { + label: 'Pell Grant', + data: [ + 38964446.82, + 39415276.65, + 36898198.01, + 34893291.9, + 33078696.5, + 34726900.02, + 36465770.21, + 51376963.83, + 53259903.11, + 53441783.17, + 50942521.39, + 51168042.81, + 51463350.1, + 51004833.58, + 51663197.16, + 57877461.94, + 55741973.04, + 53014527.03, + 50099159.3, + 47046932.46, + 46542633.0, + ], //DATA HERE + backgroundColor: colors_finaid[1], + borderColor: colors_finaid[1], + borderWidth: 1, + }, + { + label: 'UC Grant (All)', + data: [ + 41127273.66, + 53044020.3, + 59175291.34, + 72386515.74, + 61776013.66, + 62916171.27, + 76151933.1, + 74058037.39, + 94821062.72, + 117111419.43, + 117074394.03, + 114656038.27, + 121314218.88, + 111981087.52, + 112637130.18, + 107503809.0, + 114469548.35, + 110340877.87, + 99113504.46, + 96482284.51, + 98645456.47, + ], + backgroundColor: colors_finaid[2], + borderColor: colors_finaid[2], + borderWidth: 1, + }, + { + label: 'UC Grant (Need Based)', + data: [ + 40987036.77, + 52992783.4, + 59067904.46, + 72226728.31, + 61661677.88, + 62840871.28, + 75992481.16, + 73911405.01, + 94821062.72, + 117111419.43, + 116991817.53, + 114369761.31, + 120918860.93, + 111488251.1, + 112162162.53, + 107147920.12, + 114458196.78, + 109905219.63, + 99098518.4, + 96225254.21, + 98274835.47, + ], //DATA HERE + backgroundColor: colors_finaid[3], + borderColor: colors_finaid[3], + borderWidth: 1, + }, + { + label: 'UC Scholarships', + data: [ + 17784653.22, + 17636263.78, + 18811547.92, + 19555549.36, + 21482423.37, + 19411585.65, + 22596555.64, + 19427398.07, + 20913030.2, + 24951111.93, + 26276588.99, + 25073148.85, + 26771493.38, + 26682052.87, + 28780805.57, + 30492867.78, + 29326184.13, + 31164109.39, + 27272298.98, + 24050708.45, + 22951864.52, + ], //DATA HERE + backgroundColor: colors_finaid[4], + borderColor: colors_finaid[4], + borderWidth: 1, + }, + { + label: 'CA Middle Class Scholarships', + data: [ + null, + null, + null, + null, + null, + null, + null, + null, + null, + null, + null, + null, + 2414969.93, + 1752733.25, + 3249297.59, + 4076441.07, + 4262512.55, + 4854367.32, + 7146260.11, + 5178382.1, + 20813495.0, + ], //DATA HERE + backgroundColor: colors_finaid[5], + borderColor: colors_finaid[5], + borderWidth: 1, + }, + { + label: 'Other Scholarships', + data: [ + 10845314.91, + 14541542.0, + 13805435.57, + 12823902.01, + 15841030.98, + 15447577.64, + 15246583.37, + 18451335.51, + 15339808.36, + 9534507.65, + 8563255.0, + 9156506.87, + 11103179.7, + 10737706.69, + 12854704.22, + 14752741.01, + 15040007.83, + 15697268.63, + 17518545.48, + 15499521.93, + 30435340.52, + ], //DATA HERE + backgroundColor: colors_finaid[6], + borderColor: colors_finaid[6], + borderWidth: 1, + }, + { + label: 'Total Gift Aid', + data: [ + 148342382.06, + 180494529.66, + 194758855.85, + 208776459.99, + 196992254.98, + 200328581.43, + 218669747.72, + 240383573.0, + 277857851.24, + 311633956.21, + 315301163.59, + 320966684.5, + 339159684.93, + 333423796.97, + 345147800.53, + 356253541.91, + 353482992.5, + 360173766.64, + 343875424.5, + 346077190.12, + 317317066.04, + ], //DATA HERE + backgroundColor: colors_finaid[8], + borderColor: colors_finaid[7], + borderWidth: 1, + }, + { + label: 'Total Loans (excl. PLUS)', + data: [ + 81913626.95, + 84800037.27, + 79899154.47, + 70575197.79, + 75150707.61, + 73698782.37, + 72729804.28, + 84143379.54, + 81136050.08, + 87179339.2, + 84432117.25, + 80425544.19, + 74488606.76, + 73941984.84, + 73823220.27, + 70562090.99, + 61920736.18, + 56665298.48, + 21181251.5, + 42205541.56, + 39404770.0, + ], //DATA HERE + backgroundColor: colors_finaid[8], + borderColor: colors_finaid[7], + borderDash: [5, 5], + borderWidth: 1, + }, + ], +}; +//OPTIONS FOR THE DISPLAY OF THE CHART, FOR MORE OPTIONS GO TO CHART.JS +const options_finaid = { + scales: { + y: { + beginAtZero: true, + title: { + display: true, + text: 'Dollars($)', + }, + }, + x: { + beginAtZero: false, + title: { + display: true, + text: 'Year', + }, + }, + }, + maintainAspectRatio: false, + plugins: { + title: { + display: true, + text: 'Financial aid recieved', + font: { + size: 20, // You can change the font size here + }, + }, + subtitle: { + display: true, + text: + 'The inflation-adjusted amount of financial aid recieved by UCLA students from 2002 to 2022.', + // align: 'start', // Add this line + font: { + size: 15, + }, + padding: { + bottom: 20, // Add space above the subtitle + }, + }, + }, +}; +//THIS CODE MAKES THE CHART, MAKE SURE THE CTX VARIABLE DOES NOT MATCH ANY OTHER CTX VARIABLE +//CHANGE ID-HERE TO WHATEVER YOU MADE YOUR ID IN THE HTML FILE, CHOOSE SOMETHING DESCRIPTIVE +const ctxLINE_finaid = document.getElementById('fin_aid_line_chart'); +//THE CHART VARIABLE NEEDS TO HAVE A UNIQUE NAME RENAME IT SOMETHING DESCRIPTIVE +//MAKE SURE ctxBAR MATCHES THE CONST VARIABLE YOU JUST SET +const chart_finaid = new Chart(ctxLINE_finaid, { + type: 'line', + data: data_finaid, + options: options_finaid, +}); diff --git a/js/posts/tuition-ucla/net-cost-line-chart.html b/js/posts/tuition-ucla/net-cost-line-chart.html new file mode 100644 index 00000000..2fc72e72 --- /dev/null +++ b/js/posts/tuition-ucla/net-cost-line-chart.html @@ -0,0 +1,86 @@ + + + + + + + + Net cost of attendance + + + + + + + + + + + +
+
Net cost of attendance
+
+
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.
+
+
+
+
+
+
The inflation-adjusted net cost of attendance for each of the UC campuses from 2002 to 2022.
+
+
+
+
+
+
+ Source: University of California
Graphic Reporting by Bethany Kim, Stack Intern
+
+ + \ No newline at end of file diff --git a/js/posts/tuition-ucla/net-cost-line-chart.js b/js/posts/tuition-ucla/net-cost-line-chart.js new file mode 100644 index 00000000..0762e1b8 --- /dev/null +++ b/js/posts/tuition-ucla/net-cost-line-chart.js @@ -0,0 +1,489 @@ +Chart.defaults.font.family = 'PT Sans'; + +const labels = [ + '2002', + '2003', + '2004', + '2005', + '2006', + '2007', + '2008', + '2009', + '2010', + '2011', + '2012', + '2013', + '2014', + '2015', + '2016', + '2017', + '2018', + '2019', + '2020', + '2021', + '2022', +]; //THIS SHOULD BE A LIST OF WHAT YOU WANT ON THE X-AXIS + +const colors = [ + '#ffebd2', + '#ffd6a5', + '#e89c81', + '#d1625c', + '#e6828c', + '#eac4d5', + '#d6eadf', + '#b1cfe6', + '#809bce', + '#60759b', + '#ffffff', + '#000000', +]; + +const campusdata = { + labels: labels, + + datasets: [ + { + label: 'Berkeley', + data: [ + 20499, + 21958, + 23495, + 24156, + 23877, + 23368, + 23290, + 24853, + 25656, + 25862, + 25398, + 24199, + 23603, + 24817, + 26571, + 26734, + 26507, + 26451, + 26547, + 26158, + 24131, + ], //DATA HERE + backgroundColor: colors[1], + borderColor: colors[1], + pointBorderColor: colors[11], + borderWidth: 1, + }, + { + label: 'Davis', + data: [ + 20979, + 22754, + 24900, + 24730, + 24040, + 23317, + 23241, + 23997, + 24368, + 24393, + 24251, + 24595, + 23815, + 23713, + 23626, + 22493, + 21750, + 22224, + 22209, + 22334, + 21648, + ], //DATA HERE + backgroundColor: colors[2], + borderColor: colors[2], + pointBorderColor: colors[11], + borderWidth: 1, + }, + { + label: 'Irvine', + data: [ + 21537, + 22262, + 24348, + 24820, + 24672, + 25411, + 25195, + 25868, + 25851, + 24962, + 23321, + 22441, + 21980, + 21680, + 21334, + 21768, + 22341, + 21611, + 18654, + 20657, + 19403, + ], //DATA HERE + backgroundColor: colors[3], + borderColor: colors[3], + pointBorderColor: colors[11], + borderWidth: 1, + }, + { + label: 'Los Angeles', + data: [ + 21489, + 23093, + 23037, + 23319, + 24241, + 23720, + 23354, + 25848, + 26047, + 25899, + 25117, + 24687, + 23574, + 23645, + 24323, + 24014, + 23958, + 23781, + 22090, + 25033, + 23164, + ], //DATA HERE + backgroundColor: colors[4], + borderColor: colors[4], + pointBorderColor: colors[11], + borderWidth: 1, + }, + { + label: 'Merced', + data: [ + null, + null, + null, + 24405, + 22556, + 21108, + 20838, + 20923, + 20944, + 20248, + 19339, + 19191, + 18641, + 18447, + 18073, + 16512, + 16278, + 15668, + 14120, + 15820, + 15938, + ], //DATA HERE + backgroundColor: colors[5], + borderColor: colors[5], + pointBorderColor: colors[11], + borderWidth: 1, + }, + { + label: 'Riverside', + data: [ + 18433, + 20290, + 22080, + 23090, + 21742, + 23109, + 22018, + 22256, + 22162, + 21043, + 20385, + 20705, + 20105, + 20658, + 20706, + 19527, + 19385, + 19027, + 19239, + 19583, + 18598, + ], //DATA HERE + backgroundColor: colors[6], + borderColor: colors[6], + pointBorderColor: colors[11], + borderWidth: 1, + }, + { + label: 'San Diego', + data: [ + 21666, + 22910, + 23906, + 23674, + 23744, + 24356, + 24074, + 24045, + 24320, + 23631, + 23413, + 23452, + 23471, + 23964, + 23907, + 23081, + 23334, + 22949, + 22165, + 23043, + 20446, + ], //DATA HERE + backgroundColor: colors[7], + borderColor: colors[7], + pointBorderColor: colors[11], + borderWidth: 1, + }, + { + label: 'Santa Barbara', + data: [ + 22799, + 25161, + 27033, + 27158, + 26979, + 27499, + 27267, + 28077, + 27985, + 26370, + 26308, + 27061, + 25639, + 25703, + 26317, + 25989, + 25209, + 25174, + 25366, + 25351, + 23640, + ], //DATA HERE + bbackgroundColor: colors[8], + borderColor: colors[8], + pointBorderColor: colors[11], + borderWidth: 1, + }, + { + label: 'Santa Cruz', + data: [ + 23771, + 25636, + 26405, + 26650, + 26534, + 27402, + 26989, + 27806, + 28291, + 28084, + 26064, + 25680, + 25822, + 25776, + 26366, + 26430, + 26041, + 27185, + 27817, + 25880, + 24236, + ], //DATA HERE + backgroundColor: colors[9], + borderColor: colors[9], + pointBorderColor: colors[11], + borderWidth: 1, + }, + ], +}; + +const ucdata = { + labels: labels, + datasets: [ + { + label: 'Not adjusted for inflation', + data: [ + 12310, + 13575, + 14795, + 15519, + 15986, + 16613, + 17004, + 17550, + 17967, + 18116, + 17994, + 18087, + 17924, + 18293, + 18909, + 19063, + 19636, + 20100, + 19848, + 21449, + 21559, + ], + backgroundColor: colors[10], + borderColor: colors[11], + borderWidth: 1, + }, + { + label: 'Inflation adjusted', + data: [ + 21348, + 22927, + 24313, + 24592, + 24410, + 24571, + 24253, + 25188, + 25384, + 24843, + 24117, + 23897, + 23285, + 23501, + 23843, + 23368, + 23172, + 23040, + 22359, + 23071, + 21559, + ], + backgroundColor: colors[10], + borderColor: colors[11], + borderDash: [5, 5], + borderWidth: 1, + }, + ], +}; + +const options1 = { + plugins: { + title: { + display: true, + text: 'Inflation-adjusted net cost of attendance', + font: { + size: 20, // You can change the font size here + }, + }, + subtitle: { + display: true, + text: + 'The inflation-adjusted net cost of attendance for each of the UC campuses from 2002 to 2022.', + align: 'start', // Add this line + font: { + size: 15, + }, + padding: { + bottom: 20, // Add space above the subtitle + }, + }, + }, + scales: { + y: { + title: { + display: true, + text: 'U.S. Dollars', + }, + ticks: { + callback: function(value, index, values) { + return '$' + value; + }, + }, + }, + x: { + beginAtZero: false, + title: { + display: true, + text: 'Year', + }, + }, + }, + maintainAspectRatio: true, +}; + +const options2 = { + scales: { + y: { + title: { + display: true, + text: 'U.S. Dollars', + }, + ticks: { + callback: function(value, index, values) { + return '$' + value; + }, + }, + }, + x: { + beginAtZero: false, + title: { + display: true, + text: 'Year', + }, + }, + }, + plugins: { + title: { + display: true, + text: 'Net cost of attendance', + font: { + size: 20, // You can change the font size here + }, + }, + subtitle: { + display: true, + text: + '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.', + // align: 'start', // Add this line + font: { + size: 15, + }, + padding: { + bottom: 20, // Add space above the subtitle + }, + }, + }, + maintainAspectRatio: true, +}; + +//THIS CODE MAKES THE CHART, MAKE SURE THE CTX VARIABLE DOES NOT MATCH ANY OTHER CTX VARIABLE +//CHANGE ID-HERE TO WHATEVER YOU MADE YOUR ID IN THE HTML FILE, CHOOSE SOMETHING DESCRIPTIVE +const ctxLINE = document.getElementById('net-cost-by-campus-line-chart'); +//THE CHART VARIABLE NEEDS TO HAVE A UNIQUE NAME RENAME IT SOMETHING DESCRIPTIVE +const chart = new Chart(ctxLINE, { + type: 'line', + data: campusdata, + options: options1, +}); + +const ctxLINE2 = document.getElementById('net-cost-for-all-ucs-line-chart'); +const chart2 = new Chart(ctxLINE2, { + type: 'line', + data: ucdata, + options: options2, +}); diff --git a/js/posts/tuition-ucla/stacked.html b/js/posts/tuition-ucla/stacked.html new file mode 100644 index 00000000..7b19da30 --- /dev/null +++ b/js/posts/tuition-ucla/stacked.html @@ -0,0 +1,80 @@ + + + + + + + + Net cost of attendance versus financial aid received across the UC + + + + + + + + + + + +
+
Net cost of attendance and financial aid received across the UC system
+
+
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.
+
+
+
+
+
+
+ Source: University of California
Graphic Reporting by Bethany Kim, Stack Intern.
+
+ + \ No newline at end of file diff --git a/js/posts/tuition-ucla/stacked.js b/js/posts/tuition-ucla/stacked.js new file mode 100644 index 00000000..15993c37 --- /dev/null +++ b/js/posts/tuition-ucla/stacked.js @@ -0,0 +1,336 @@ +Chart.defaults.font.family = 'PT Sans'; + +const labels_stacked = [ + '2002', + '2003', + '2004', + '2005', + '2006', + '2007', + '2008', + '2009', + '2010', + '2011', + '2012', + '2013', + '2014', + '2015', + '2016', + '2017', + '2018', + '2019', + '2020', + '2021', + '2022', +]; //THIS SHOULD BE A LIST OF WHAT YOU WANT ON THE X-AXIS + +const colors_stacked = [ + '#c6e0f5', + '#74befa', + '#229cff', + '#016ac5', + '#014f9b', + '#013470', + '#ffca3a', + '#ffffff', + '#000000', +]; //CHANGE THESE TO WHAT MATCHES THE SUBJECT + +const bardata_stacked = { + labels: labels_stacked, + datasets: [ + { + label: 'Cal Grant', + data: [ + 955, + 1325, + 1593, + 1750, + 1725, + 1878, + 2092, + 2580, + 3399, + 4185, + 4424, + 4787, + 4988, + 5120, + 5205, + 5449, + 5368, + 5419, + 5292, + 5203, + 5210, + ], //DATA HERE + backgroundColor: colors_stacked[0], + }, + { + label: 'Pell Grant', + data: [ + 941, + 973, + 964, + 929, + 932, + 1042, + 1194, + 1643, + 1924, + 2011, + 2054, + 2143, + 2181, + 2189, + 2122, + 2235, + 2243, + 2202, + 2178, + 2138, + 2187, + ], //DATA HERE + backgroundColor: colors_stacked[1], + }, + { + label: 'UC Grant', + data: [ + 853, + 1253, + 1332, + 1578, + 1698, + 1788, + 1986, + 2360, + 3200, + 3711, + 3959, + 3916, + 4090, + 4056, + 4205, + 4469, + 4367, + 4332, + 4212, + 4735, + 4796, + ], //DATA HERE + backgroundColor: colors_stacked[2], + }, + { + label: 'UC Scholarships', + data: [ + 331, + 352, + 413, + 407, + 425, + 436, + 449, + 429, + 419, + 453, + 475, + 495, + 525, + 530, + 548, + 594, + 649, + 690, + 715, + 724, + 776, + ], //DATA HERE + backgroundColor: colors_stacked[3], + }, + { + label: 'CA Middle Class Scholarship', + data: [ + null, + null, + null, + null, + null, + null, + null, + null, + null, + null, + null, + null, + 87, + 62, + 104, + 142, + 157, + 187, + 206, + 173, + 818, + ], //DATA HERE + backgroundColor: colors_stacked[4], + }, + { + label: 'Other Scholarships', + data: [ + 241, + 327, + 323, + 311, + 423, + 402, + 396, + 456, + 450, + 215, + 210, + 222, + 310, + 295, + 339, + 399, + 433, + 460, + 457, + 440, + 1100, + ], //DATA HERE + backgroundColor: colors_stacked[5], + }, + { + label: 'Total Loans (excl. PLUS)', + data: [ + 2042, + 2086, + 2136, + 2114, + 2116, + 2243, + 2547, + 2824, + 2928, + 3118, + 3067, + 2961, + 2829, + 2747, + 2659, + 2581, + 2453, + 2326, + 1537, + 1734, + 1760, + ], //DATA HERE + backgroundColor: colors_stacked[6], + }, + { + label: '', + data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], //DATA HERE + backgroundColor: colors_stacked[7], + }, + ], +}; + +const linedata_stacked = { + labels: labels_stacked, + datasets: [ + { + label: 'Cost of Attendance', + data: [ + 12310, + 13575, + 14795, + 15519, + 15986, + 16613, + 17004, + 17550, + 17967, + 18116, + 17994, + 18087, + 17924, + 18293, + 18909, + 19063, + 19636, + 20100, + 19848, + 21449, + 21559, + ], + backgroundColor: colors_stacked[7], + borderColor: colors_stacked[8], + borderWidth: 1, + type: 'line', + }, + ], +}; + +const options_stacked = { + responsive: true, + scales: { + x: { + stacked: true, + title: { + display: true, + text: 'Year', + }, + }, + y: { + stacked: true, + title: { + display: true, + text: 'U.S. Dollars', + }, + ticks: { + callback: function(value, index, values) { + return '$' + value; + }, + }, + }, + }, + plugins: { + title: { + display: true, + text: 'Across all UCs: Net cost of attendance & financial aid received', + font: { + size: 20, // You can change the font size here + }, + }, + subtitle: { + display: true, + text: [ + '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.', + ], + align: 'start', // Add this line + font: { + size: 15, + }, + padding: { + bottom: 20, + }, + }, + }, + maintainAspectRatio: false, +}; + +//THIS CODE MAKES THE CHART, MAKE SURE THE CTX VARIABLE DOES NOT MATCH ANY OTHER CTX VARIABLE +//CHANGE ID-HERE TO WHATEVER YOU MADE YOUR ID IN THE HTML FILE, CHOOSE SOMETHING DESCRIPTIVE +const ctxBAR_stacked = document.getElementById('fin-aid-stacked-bar'); +//THE CHART VARIABLE NEEDS TO HAVE A UNIQUE NAME RENAME IT SOMETHING DESCRIPTIVE +const chart_stacked = new Chart(ctxBAR_stacked, { + type: 'bar', + data: bardata_stacked, + options: options_stacked, +}); + +chart_stacked.data.datasets.push(...linedata_stacked.datasets); +chart_stacked.update(); diff --git a/js/posts/tuition-ucla/tree-map.html b/js/posts/tuition-ucla/tree-map.html new file mode 100644 index 00000000..e5b610c5 --- /dev/null +++ b/js/posts/tuition-ucla/tree-map.html @@ -0,0 +1,80 @@ + + + + + + + + BruinBill breakdown + + + + + + + + + + + + +
+
BruinBill breakdown
+
+
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.
+
+
+
+
+
+
Source: UCLA Registrar's Office
Graphic Reporting by Bethany Kim, Stack Intern
+
+ + \ No newline at end of file diff --git a/js/posts/tuition-ucla/tree-map.js b/js/posts/tuition-ucla/tree-map.js new file mode 100644 index 00000000..9039fed4 --- /dev/null +++ b/js/posts/tuition-ucla/tree-map.js @@ -0,0 +1,174 @@ +anychart.onDocumentReady(function() { + var data_tree = [ + { + name: 'BruinBill Components', + children: [ + { + name: 'Universitywide Fees', + fill: '#ff8ba0', + desc: + 'Universitywide fees are established by the Regents of the University of California and apply to students at all ten campuses in the system. These fees are the same at all UC campuses.', + children: [ + { + name: 'Student Services Fee', + value: 372, + fill: '#ff8ba0', + desc: + 'The Student Services Fee covers services that benefit the student and that are complementary to, but not part of, instructional programs. The fee supports operating and capital expenses for services related to the physical and psychological health and well-being of students, social and cultural activities and programs, services related to campus life and campus community, and educational and career support services. Income generated from this fee paid by UCLA students funds UCLA programs.', + }, + { + name: 'Tuition', + value: 3976, + fill: '#ff8ba0', + desc: + 'Tuition is used to help fund various academic and nonacademic programs as determined by the Office of the President. These programs include financial aid, instructional equipment, faculty salaries, operation and maintenance of plant, admissions, and registration.', + }, + { + name: 'UCSA Fee', + value: 2, + fill: '#ff8ba0', + desc: + 'The UCSA Fee is a UC-wide optional fee that undergraduate students at every UC campus can choose to pay for the purpose of funding the University of California Student Association, the student-run and state-recognized organization that advocates on behalf of all 230,000+ UC undergraduate students’ by pushing policies at the University, state, and federal levels that benefit current and prospective students.', + }, + ], + }, + { + name: 'Referenda Fees', + fill: '#98c0ff', + desc: + 'Compulsory campus-based referenda fees may only be established, increased, or renewed following a referendum in which students vote in favor of the fee.', + children: [ + { + name: 'Undergraduate Student Association Fee', + value: 96.62, + fill: '#98c0ff', + desc: + 'The fee supports the undergraduate student government organization. It is collected by the University and passed on to Associated Students of UCLA (ASUCLA) for use by the undergraduate student government. Funds are used primarily to support student government and for programming such as community service, films, cultural events, and concerts.', + }, + { + name: 'Ackerman Student Union Fee', + value: 23, + fill: '#98c0ff', + desc: + 'The Ackerman Student Union Fee covers payment of the capital construction loans for various projects in facilities operated by ASUCLA.', + }, + { + name: 'Wooden Center Fee', + value: 12, + fill: '#98c0ff', + desc: + 'The fee covers repayment of the construction bond, plus ongoing maintenance and utilities costs, for the John Wooden Recreation Center.', + }, + { + name: 'Green Initiative Fee', + value: 4.8, + fill: '#98c0ff', + desc: + 'The fee is assessed to undergraduates to raise funds for projects focused on environmental sustainability at UCLA. The funded projects focus on minimizing the UCLA contribution to global climate change; conserving water, energy, and other resources; increasing use of renewable energy at UCLA; promoting local and organic food; educating the campus community about environmental sustainability; and providing paid student internships. Twenty-five percent of the revenue collected is used for student financial aid.', + }, + { + name: 'PLEDGE Fee', + value: 22.88, + fill: '#98c0ff', + desc: + "The Practicing Leadership and Empowerment to Develop Growth through Education (PLEDGE) Fee supports Undergraduate Student Association efforts in student-initiated outreach, community, retention, and media programs that increase student access to university resources and services at UCLA and in the surrounding community. The fee provides supplemental funding to the Community Programs Office, Student-Initiated Access Committee, and the Campus Retention Committee to support more than 30 projects and activities. The fee also provides supplemental funding to the UCLA Marching Band, the Communications Board and its student-run media, and the USAC External Vice President's office for advocacy on behalf of undergraduate students.", + }, + { + name: 'Student Seismic Fee', + value: 38, + fill: '#98c0ff', + desc: + 'The Student Seismic Fee is assessed, to fund debt service related to the seismic and life safety renovations for Ackerman Union and Kerckhoff Hall.', + }, + { + name: 'S.P.A.R.C. Fee', + value: 45, + fill: '#98c0ff', + desc: + "The Student Programs, Activities, and Resource Center (SPARC) Fee is assessed to all students for the construction of nonseismic renovations in the Men's Gymnasium building; for the construction and expansion of the John Wooden Recreation Center; and for the building maintenance, utilities costs, and future repair and improvement needs of these two projects as well as similar needs of other student-fee supported activity and recreational facilities on campus.", + }, + { + name: 'Bruin Bash Fee', + value: 1.75, + fill: '#98c0ff', + desc: + 'The Bruin Bash Fee funds the cost of the annual Fall student event that welcomes new and returning students. The event includes activities such as concerts, film screenings, a lounge, dance, and the Enormous Activities Fair. Twenty-five percent of revenue collected is returned to support financial aid.', + }, + { + name: 'Arts Restoring Community Fee', + value: 2.01, + fill: '#98c0ff', + desc: + 'The fee helps fund the cost of student-group cultural and arts-related programs through the student Cultural Arts Commission. Twenty-five percent of the revenue collected is used for student financial aid.', + }, + { + name: 'Universal Transit Pass', + value: 3.3, + fill: '#98c0ff', + desc: + 'The Universal Access Transit Pass fee gives undergraduate students unlimited access to Los Angeles County public transportation. Twenty-five percent of revenue collected is used for undergraduate student financial aid.', + }, + { + name: 'GCGP Basic Needs Fee', + value: 0.37, + fill: '#98c0ff', + desc: + 'The Good Clothes Good People Basic Needs Fee funds school supplies and hygiene products, to be distributed to students in need at no charge, through the USAC-GCGP redistribution center. Twenty-five percent of revenue collected is used for undergraduate financial aid.', + }, + ], + }, + { + name: 'Course Materials and Services Fees', + fill: '#96ffbb', + desc: + 'Campus-based course materials fees are approved by the Chancellor and reported to the Office of the President. They cover the cost of providing course materials to be consumed, retained, or used by the student.', + children: [ + { + name: 'IEI Fee', + value: 108, + fill: '#96ffbb', + desc: + 'The Instructional Enhancement Fee supports the use of technology in teaching undergraduates. The fee funds online learning support including course websites and syllabi, computer labs and wireless access, course software, and staffing of computer labs for student use.', + }, + ], + }, + { + name: 'Other Campus-based Fees', + fill: '#ffd293', + desc: + 'Other campus-based fees are approved at the campus level for specific services.', + children: [ + { + name: 'Undergraduate Health Insurance', + value: 1067.4, + fill: '#ffd293', + desc: + 'Medical insurance is a condition of registration for both graduate and undergraduate students at the University of California. The UCSHIP fee is waivable if a waiver is submitted online by the fee-payment deadline for each term.', + }, + ], + }, + ], + }, + ]; + + // create a chart and set the data + var chart = anychart.treeMap(data_tree, 'as-tree'); + + // set the container id + chart.container('tree-map'); + + // enable HTML for labels + chart.labels().useHtml(true); + + // configure labels + chart.labels().format('{%name}
{%value}'); + + // configure tooltips + chart.tooltip().format('Amount: {%value}\nDescription: {%desc}'); + + chart.tooltip().width(800); + chart.tooltip().wordWrap('normal'); + + // initiate drawing the chart + chart.draw(); +});