Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Ucpd budget arrests #123

Open
wants to merge 83 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
83 commits
Select commit Hold shift + click to select a range
bd73dc8
ucpd datasets -- budget
laurelrwoods Nov 22, 2020
92d5119
stacked bar chart for ucla pd budget expenses
laurelrwoods Nov 23, 2020
4f693ce
ucpd datasets -- budget
laurelrwoods Nov 22, 2020
7ec6e1c
stacked bar chart for ucla pd budget expenses
laurelrwoods Nov 23, 2020
67e3c61
Merge branch 'master' of https://github.com/dailybruin/the-stack into…
samxlow Nov 25, 2020
288b24d
Merge branch 'ucpd-budget-arrests' of https://github.com/dailybruin/t…
laurelrwoods Sep 29, 2021
4997240
Merge branch 'master' into ucpd-budget-arrests
laurelrwoods Sep 29, 2021
e05c610
merge fixes
laurelrwoods Sep 29, 2021
5a536a8
change date
laurelrwoods Sep 29, 2021
0c7a3d8
bail chart
vivianluk Oct 19, 2021
c7d2bf0
bail viz
vivianluk Oct 19, 2021
6ea9c36
demographics chart stuff
Oct 19, 2021
6927001
adding chart stuff to post
Oct 19, 2021
025a8a5
accepting changes on post so i can merge
Oct 19, 2021
879a35a
moving file into correct folder
Oct 19, 2021
80bad48
adding script for piechart
Oct 19, 2021
f793a95
minor changes to charts
Oct 19, 2021
a1673e4
fixed pie charts
Lindseyp314 Oct 19, 2021
bf62c98
added barchart
Oct 26, 2021
4dbbd84
add gender barchart
Oct 26, 2021
716ab0a
add barcharts to post
Oct 26, 2021
b60283e
added barchart script
Oct 26, 2021
e5f8282
made some changes to the scrolly telling component
Lindseyp314 Oct 26, 2021
52a4a0a
updated scrolly telling and merged into branch
Lindseyp314 Oct 26, 2021
afb65ce
scrolly-telling updates
Lindseyp314 Oct 29, 2021
b455ee3
Made it so that demographics charts show on page
Lindseyp314 Nov 2, 2021
ddd507f
added age chart
Nov 2, 2021
c1bae7c
ahhhhh
Nov 2, 2021
c6c50e0
Added scrolly telling feature to the markdown.
Lindseyp314 Nov 8, 2021
8bbaa02
started chart for demographic breakdown of charges
Lindseyp314 Nov 9, 2021
87307e7
adding bail violin chart
mattiesansev Nov 9, 2021
69fde18
working on outliars dropdown
mattiesansev Nov 9, 2021
26ff5c4
outliars working
mattiesansev Nov 9, 2021
13a008b
Update bail_charges_without_outliars.csv
mattiesansev Nov 9, 2021
98491c1
outliars dropdown works
mattiesansev Nov 9, 2021
3679649
Merge branch 'ucpd-budget-arrests' of https://github.com/dailybruin/t…
mattiesansev Nov 9, 2021
96d9cdb
barcharts
Nov 9, 2021
f677a22
changes
Nov 9, 2021
240aec3
markdown file
Nov 9, 2021
6bf48da
Made updates to the scrolly telling.
Lindseyp314 Nov 10, 2021
61187cd
Merge branch 'ucpd-budget-arrests' of https://github.com/dailybruin/t…
Lindseyp314 Nov 10, 2021
6f58468
Worked on adding a second axis to budget/arrest/stop chart
Lindseyp314 Nov 11, 2021
7840867
Made category by demographic chart and fixed sizing on scrolly telling
Lindseyp314 Nov 11, 2021
f1f9cf1
updated all charts to d3 v5
Lindseyp314 Nov 11, 2021
898babc
made some modifications for mobile, added captions for charts in scro…
Lindseyp314 Nov 12, 2021
c9fd853
Working on mobile for scroly telling
Lindseyp314 Nov 12, 2021
fa6586f
worked on formatting and colors for charts
Lindseyp314 Nov 13, 2021
5a4761d
changes to post
Nov 18, 2021
5604f51
post changes
Nov 18, 2021
9fedcd2
made changes to gridlines and size
Nov 18, 2021
81e2ff8
changing size of demographic charts
Nov 18, 2021
6611e33
legend on side
samxlow Nov 19, 2021
b2cf87d
mobile changes
Lindseyp314 Nov 19, 2021
4531baf
fixed merge conflicts
Lindseyp314 Nov 19, 2021
2fd7fa5
Mostly debugged mobile version of scrolly telling
Lindseyp314 Nov 19, 2021
d6be93c
fixed some bugs from mobile adjustments
Lindseyp314 Nov 19, 2021
8cd408f
stuff
Nov 22, 2021
ce02328
changes
Nov 22, 2021
d438b45
writing
Nov 22, 2021
59e9627
added more writing
Nov 22, 2021
3703d94
minor writing edits
Nov 22, 2021
8222784
css progress
samxlow Nov 22, 2021
e1b211b
more css commit
samxlow Nov 22, 2021
21104d3
css for age,race, gender mobile
samxlow Nov 22, 2021
ff50250
made updates to the mobile legend for scrolly telling barchart
Lindseyp314 Jan 4, 2022
c9c8818
Fixing merge conflicts
Lindseyp314 Jan 4, 2022
665b87c
making barcharts smaller
Jan 14, 2022
3566d09
one style and also dropdown
mattiesansev Jan 15, 2022
9dadca6
in progress mobile work
Lindseyp314 Jan 15, 2022
2536735
Accepted merges
Lindseyp314 Jan 15, 2022
12b68ed
fix violin plots, turn off debug mode
laurelrwoods Jan 17, 2022
55d942e
ucpd article teaser + introduction + format
vivianluk Jan 17, 2022
5ddcb14
Updated text in scrolly telling element and shifted steps to match ne…
Lindseyp314 Jan 19, 2022
8a0e7eb
fixed the transitions on mobile
Lindseyp314 Jan 19, 2022
484d2f1
Update bail_charges_without_outliars.csv
mattiesansev Jan 21, 2022
b9eda4b
Update bail_charges_with_outliars.csv
mattiesansev Jan 21, 2022
76c4567
style changes for violin
mattiesansev Jan 21, 2022
57f6ef7
merge conflicts
mattiesansev Jan 21, 2022
b580f57
got rid of weird zoom
mattiesansev Jan 21, 2022
4ee98f8
initial should include outliers i think
mattiesansev Jan 21, 2022
69d598d
trying to fix function error
mattiesansev Jan 21, 2022
d5f154d
bump ruby version
laurelrwoods Jan 21, 2022
c96d523
fix violin plot d3 issues
laurelrwoods Jan 21, 2022
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .ruby-version
Original file line number Diff line number Diff line change
@@ -1 +1 @@
2.3.6
2.7.4
1 change: 1 addition & 0 deletions Gemfile
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@ group :jekyll_plugins do
gem "rouge"
gem "tzinfo"
gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw]
gem "webrick"
gem "wdm", platforms: [:mingw, :mswin, :x64_mingw]
end

Expand Down
6 changes: 4 additions & 2 deletions _posts/2020-05-12-covid-model.md
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,9 @@ UCLA is a large school with a very well-connected student network posing numerou
For more updates on coronavirus news relevant to UCLA, visit the [Daily Bruin’s coronavirus dashboard](https://features.dailybruin.com/2020/covid-19/). For more information about how students have been affected by the pandemic, visit the Daily Bruin’s “[Unfinished Stories](https://covidstories.dailybruin.com/)” project. To schedule a free COVID-19 test in LA County or learn more about testing, [click here](https://lacovidprod.service-now.com/rrs?id=rrs_apply). More information about the coronavirus and COVID-19 from [UCLA Health](https://www.uclahealth.org/coronavirus) can be found here.

<script src="//yihui.org/js/math-code.js"></script>

<!-- Just one possible MathJax CDN below. You may use others. -->

<script async
src="//mathjax.rstudio.com/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
Expand All @@ -127,7 +129,7 @@ Sciences&Business&Humanities\\
0.1&0.2&0.7
\end{pmatrix}$$

This example has simulated probabilities, but the real probabilities in our model are based on the number of GE, diversity and language courses in each major. So if a College of Letters and Science student in the mathematics department takes 140 units of major courses and 40 units of GEs, then the probability of the student being enrolled in the mathematics department is $$\frac{140}{180}$$, and, in the other GE-offering departments, is $$\frac{40}{180}$$, which in turn are distributed by department. So if there are three GE courses offered in total, with two of them being offered in department A and one being offered in department B, department A will have probability $$\frac{2}{3} * \frac{40}{180}$$, and department B will have probability $$\frac{1}{3} * \frac{40}{180}$$.
This example has simulated probabilities, but the real probabilities in our model are based on the number of GE, diversity and language courses in each major. So if a College of Letters and Science student in the mathematics department takes 140 units of major courses and 40 units of GEs, then the probability of the student being enrolled in the mathematics department is $$\frac{140}{180}$$, and, in the other GE-offering departments, is $$\frac{40}{180}$$, which in turn are distributed by department. So if there are three GE courses offered in total, with two of them being offered in department A and one being offered in department B, department A will have probability $$\frac{2}{3} _ \frac{40}{180}$$, and department B will have probability $$\frac{1}{3} _ \frac{40}{180}$$.

$$A=\begin{pmatrix}
Sciences&Business&Humanities\\
Expand All @@ -136,7 +138,7 @@ Sciences&Business&Humanities\\
0.1&0.2&0.7
\end{pmatrix}$$

This example has simulated probabilities, but the real probabilities in our model are based on the number of GE, diversity and language courses in each major. So if a College of Letters and Science student in the mathematics department takes 140 units of major courses and 40 units of GEs, then the probability of the student being enrolled in the mathematics department is $$\frac{140}{180}$$, and, in the other GE-offering departments, is $$\frac{40}{180}$$, which in turn are distributed by department. So if there are three GE courses offered in total, with two of them being offered in department A and one being offered in department B, department A will have probability $$\frac{2}{3} * \frac{40}{180}$$, and department B will have probability $$\frac{1}{3} * \frac{40}{180}$$.
This example has simulated probabilities, but the real probabilities in our model are based on the number of GE, diversity and language courses in each major. So if a College of Letters and Science student in the mathematics department takes 140 units of major courses and 40 units of GEs, then the probability of the student being enrolled in the mathematics department is $$\frac{140}{180}$$, and, in the other GE-offering departments, is $$\frac{40}{180}$$, which in turn are distributed by department. So if there are three GE courses offered in total, with two of them being offered in department A and one being offered in department B, department A will have probability $$\frac{2}{3} _ \frac{40}{180}$$, and department B will have probability $$\frac{1}{3} _ \frac{40}{180}$$.

_To learn more about how this article was made, watch the video below:_

Expand Down
10 changes: 10 additions & 0 deletions _posts/2021-2-5-class-fill-ups-2.md
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,7 @@ Some classes may not show up in the drop-down menu because they were not offered
To find out the rate at which undergraduate classes fill up, explore the interactive graph below and select the academic term that you wish to look into. For the sake of visualization, only up to three classes can be selected at a time in the graph below.

<!-- Chart container -->

<select id="selectMe" class = "selectgroup" disabled>
<option value="chartMD_winter">2021 Winter</option>
<option value="chartMD_fall">2020 Fall</option>
Expand Down Expand Up @@ -151,14 +152,23 @@ Still, the data above begs the question – can the enrollment process at UCLA b
“I think the enrollment process should be standardized and regularized by statisticians and people who understand how to do it,” Langdon said. “It has to be done in a much more equitable fashion.”

<script src="https://unpkg.com/react-vis/dist/dist.min.js"></script>

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>

<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

<script src="https://unpkg.com/react-bootstrap@next/dist/react-bootstrap.min.js" crossorigin></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<script type="text/babel" src="/js/posts/class-fill-ups-2/graphs/src/ChartMD.jsx"></script>

<script type="text/babel" src="/js/posts/class-fill-ups-2/graphs/src/ChartMD2.jsx"></script>

<script type="text/babel" src="/js/posts/class-fill-ups-2/graphs/src/ChartMD3.jsx"></script>

<script type="text/babel" src="/js/posts/class-fill-ups-2/graphs/src/DropDownChart.js"></script>

<script type="text/babel" src="/js/posts/class-fill-ups-2/graphs/src/insightsMD.jsx"></script>
124 changes: 124 additions & 0 deletions _posts/2021-9-28-ucpd-budget-arrests.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
---
title: UCPD Arrests and Budget
teaser: Amidst a national reckoning with policing, The Stack dives into an analysis of UCPD’s arrests, stops, and budget.

authors:
- priya_kanneboyina
- sydney_kovach
- samantha_low
- vivian_luk
- lindsey_parungo
- mattie_sanseverino

key_takeaways:
- In comparison to Westwood demographic data, Black, American Indian and male individuals are disproportionately overrepresented in the UCPD arrest data.
- Although the number of stops have shown a downward trend since 2014, the number of arrests have been consistently increasing with a higher rate of increase beginning in 2018.
- UCPD’s budget was steadily increasing from 2012-2017, then began increasing at a faster rate in 2017. In particular, the Travel category increased by about 4000% between 2012 and 2019.

featured_image:
url:
og_image:

stylesheets:
- /css/posts/ucpd-budget-arrests/scrollama.css
- /css/posts/ucpd-budget-arrests/app.css
scripts:
- //cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js
- //cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js
- //cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.js
- //cdn.jsdelivr.net/npm/[email protected]
- //cdn.plot.ly/plotly-2.4.2.min.js
- /js/posts/ucpd-budget-arrests/stacked-barchart.js
- //cdn.anychart.com/releases/8.0.1/js/anychart-core.min.js
- //cdn.anychart.com/releases/8.0.1/js/anychart-pie.min.js
- /js/posts/ucpd-budget-arrests/bail-barchart.js
- /js/posts/ucpd-budget-arrests/demographics-barchart.js
- //unpkg.com/intersection-observer
- //unpkg.com/scrollama
- /js/posts/ucpd-budget-arrests/scrolly.js
- //unpkg.com/[email protected]/intersection-observer.js
- //code.jquery.com/jquery-3.6.0.min.js
- /js/posts/ucpd-budget-arrests/scrolly_charts.js
- /js/posts/ucpd-budget-arrests/demographic_charges.js
- /js/posts/ucpd-budget-arrests/bail-violin.js
---

### Introduction

<p> Over the past two years, a number of national events have shed light on the state of police departments all over the country. During May of 2020 all the way through August, there were a number of protests, both at UCLA and in California, calling for the reform and abolition of police departments across the nation. Protests that occurred on UCLA’s campus were centered around UCPD and their involvement in student affairs and Westwood as a whole. Protestors cited bias and discrimination within UCPD and drew attention to the amount of money going towards UCPD and how it has been spent in recent years. </p>

<p> Upon request, The Stack obtained records of UCPD’s arrests, stops, and budget for 2012 through 2019. We analyzed the demographic makeup of the arrests by race, gender, and age, as well as the type of arrests and the associated bail. Beyond arrests, we also analyzed the distribution of the budget and researched UCPD policies over the last decade. </p>

<p> Previous analyses of police departments by UCLA include Million Dollar Hood’s reports on LAPD and incarceration in Los Angeles. The Stack also published an article in 2018 about the demographics of stops and arrests by UCPD in Westwood, which can be found here. </p>

### Arrest Demographics

<p> Many critics of UCPD cite evidence of bias and discrimination as major issues within the police department, especially in terms of treatment of individuals and rates of arrests and stops for certain demographics. While data on treatment of individuals is not readily or easily available, the demographic of arrests show disproportionate rates of arrest for certain demographics. </p>

<div class= raceclass>
<canvas id="race_chart"></canvas>
</div>

The Black and American Indian groups were the most disproportionately overrepresented in the arrest data. The Hispanic and White groups had the least disproportionate arrest rates. The Asian group was the most disproportionately underrepresented in the arrest data.

According to UCPD Administrative Bureau Captain Scott Scheffler, (CQ 7) since race is not listed on driver’s licenses, the information regarding race in police data is most often based on the perception of the arresting officers.

<div class= genderclass>
<canvas id="gender_chart"></canvas>
</div>
<p>
When observing arrest rates by gender, men make up a disproportionate amount of the arrests (80%) despite only being around half the population in westwoood.
</p>

<div class=ageclass>
<canvas id="age_chart"></canvas>
</div>
When looking at arrest rates by age, we find the least variation between the demographic of rates and the demographics of Westwood, in comparison to the previous two graphs. Arrest rates vs Westwood demographics are generally proportionate, with the 30-39 age range having the largest difference. THe age range of 10-19 was excluded from this analysis since a majority of the age range is not subject to arrests and reports.

<div class = demographic_charges>
<canvas id="demographic_charges"></canvas>
<p class = 'caption'> Insert Caption here</p>
</div>

### What changes can be seen in UCPD data and policy in the last 10 years?

<section class = 'scrollama'>
<section id="stick">
<article id = 'scrolly_area'>
<div class="step first" id = "2010" data-step="1">
<p>The Universitywide Police Policies And Administrative Procedures, the University of California Office of the President’s guide to policing, went into effect in January of 2011 (CQ 6). As of 2021, UCOP was working on finalizing new policies that would provide guidelines for the use of body cameras. (CQ 8) In addition to formal policy, UCPD at UCLA says it is committed to modeling a community oriented approach. This includes being influenced by programs such as #8CantWait and CampaignZero (CQ 4). The most recent UCPD policies are from 2010. The most current UC policy on policing is from 2011. While there haven’t been any formal policy changes since 2010, UCPD says it is committed to modeling a community oriented approach. This includes being influenced by programs such as #8CantWait and CampaignZero. </p>
</div>
<figure>
<div class = "BudgetStopChart" id = "BudgetStop">
<canvas id="myChart"></canvas>
<p class = 'caption'>UCPD’s annual budget from 2012 to 2019 was acquired through a CPRA. Values are given for fiscal years. The 2019-2020 data was the proposed budget, which at the time, had not yet been approved.</p>
</div>
</figure>
<div class="step later" data-step="2">
<p>There has been a consistent increase in UCPD’s budget, and beginning in 2017, there was an increase in the rate at which UCPD’s budget grew. Compensation, which includes salaries and benefits, accounts for roughly 80% of the annual budget. According to Scheffler, “economic impacts to salaries have had a large impact in the budget increases over the past few years.” </p>
</div>
<div class="step bars" data-step="3">
<p>The “General Services” category includes general expenses such as vehicle costs, marketing, refuse, insurance, training, custodial, UCLA Facilities, non-University professional services, and other miscellaneous costs, Scheffler said. <br> Scheffler added that the “Materials” portion of the budget includes supplies such as gasoline, office supplies, online subscriptions, uniforms and badges. Firearms and other weapons supplies are also included in this category. <br> The UCPD spent around $40,000 on firearms and ammunition and $7,000 on body armor in the 2019-2020 fiscal year, Scheffler said. He added that the department also spent $255,000 on new tasers in the same fiscal year.
</p>
</div>
<div class="step later" data-step="4">
<p>In addition to an increase in funding, there have also been changes to the distribution of funds. For instance the travel budget was only $4,200 in 2012, but reached a peak of $167,482 in 2018, a 4000% increase. <br> In regard to the sharp growth of the travel budget, Scheffler explained, “The increase from [2012-2013] to [2014-2015] is due to a variety of training classes and mutual aid assignments in which UCLA PD officers travelled to assist other UC campuses. For example, in [2014-2015], UCLA PD provided extensive assistance to UCSB PD after the 2014 Isla Vista killings.” <br> Scheffler added that other than compensation and basic operating expenses, the UCPD has discretion to spend remaining funds as it sees fit.</p>
</div>
<div class="step later" data-step="5">
<p>Stop and arrest data was collected via a CPRA submitted to UCPD for the same period as the budget data, 2012-2019. Over this time period, arrests have been increasing fairly consistently with a shallow dip from 2017 to 2018. However this dip was quickly overcome by the largest increase in arrests which occurred from 2018 to 2019. </p>
</div>
<div class="step penult" data-step="6">
<p>In contrast, stops have been on a downward trend since 2014. <br> Scheffler said that UCPD did not implement any formal or informal policy changes that led to the decrease in stops in 2014 and the increase in arrests in 2018. Scheffler added that many factors determine whether a stop results in an arrest, including whether there is a warrant, the reason for the stop, crime trends, staffing levels, among other things outside of UCPD’s control.
</p>
</div>
</article>
</section>
</section>

<div id="dropdown">
<select onchange="update_bail_data(this.value);">
<option value='ExcludingOutliars'>Excluding Outliers >= $150k</option>
<option value='IncludingOutliars'>Including Outliers >= $150k</option>
</select>
</div>
<div id='bailViolin'></div>
54 changes: 54 additions & 0 deletions css/posts/ucpd-budget-arrests/app.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@



/* DESKTOP SETTINGS */


@media only screen and (min-width: 1000px) {

#caption {
font-size:smaller;
color:gray;
background-color: white;
}
#dropdown {
margin-top: 10px;
}
/*.raceclass{
float: right;
width: 50%;
height: 200%;

}
.genderclass{
float: left;
width: 50%;
height: 600px;
}*/


}



@media only screen and (max-width: 1000px) {
#race_chart{
width: 95%;
height: 400px;

}
#gender_chart{
width: 95%;
height: 300px;
}
#age_chart{
width: 95%;
height: 400px;

}
#demographic_charges {
width: 95%;
height: 400px;
}

}
Loading