Skip to content

Commit

Permalink
2024 staff census update (#122)
Browse files Browse the repository at this point in the history
<!--- 
This Pull Request should contain all visuals related to one story.

Please write your PR name in the present imperative tense. Examples of
that tense are:
"Create visuals for _____ story", "Improve our handling of…", etc."

For more information on Pull Requests, you can reference here: 

https://success.vanillaforums.com/kb/articles/228-using-pull-requests-to-contribute
-->
## What does this PR do?

Resolved comments from Slate and DEI on Staff Survey pieces,
specifically:
 - Remove "Prefer not to disclose" from graphs and totals
- Combine nonbinary and agender into one category in gender identity
graph

<!---
If this PR is for data visualizations you made, please follow these
steps. Otherwise, please delete all of the text below.
-->
## How was the functionality tested and verified?
All steps should be completed in the order presented, and you should not
move on to the next step until the previous is completed.
- [x] The title of each visual's `html` page is the same as the chart
title.
- [x] The `meta_data.json` file for each visual is filled in correctly
(the description is a complete sentence, and the title is the same as
the visual).
- [x] Each visual and associated files has been minified using the `npm
run process-visual` command.
- [x] Each visual was styled according to style guidelines (centered
title/subtitle, uses our color scheme, etc.).
- [x] Each visual was approved by the lead developer.
- [x] Each visual was approved by the story's authors and/or
stakeholders.

<img width="856" alt="image"
src="https://github.com/user-attachments/assets/c6503a95-93ed-4842-bd6d-f84b9deb6e15">

<img width="856" alt="image"
src="https://github.com/user-attachments/assets/fa9642e9-fdc5-49d0-80e6-087c13dfee32">
  • Loading branch information
Nik4002 authored Nov 17, 2024
1 parent 8716182 commit 9db191e
Show file tree
Hide file tree
Showing 14 changed files with 41 additions and 76 deletions.
12 changes: 4 additions & 8 deletions 2024/staff-survey-fed-aid/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
// https://www.highcharts.com/demo
Highcharts.chart('chart-div', {
// Setting default colors
colors: ['#800000', '#FD4C4C', '#7D2525', '#FC0000', '#FFA319', '#C90000'],
colors: ['#FFA319', '#FD4C4C', '#7D2525', '#FC0000', '#800000', '#C90000'],

// All code for your chart goes here
chart: {
Expand Down Expand Up @@ -43,11 +43,11 @@ Highcharts.chart('chart-div', {
data: [
{
name: '75-100% of tuition',
y: 2
y: 3
},
{
name: '50-75% of tuition',
y: 2
y: 3
},
{
name: '25-50% of tuition',
Expand All @@ -57,13 +57,9 @@ Highcharts.chart('chart-div', {
name: '0-25% of tuition',
y: 0
},
{
name: 'Prefer not to disclose',
y: 10
},
{
name: 'Do not receive federal aid',
y: 86
y: 94
}
]
}
Expand Down
2 changes: 1 addition & 1 deletion 2024/staff-survey-fed-aid/staff-survey-fed-aid.min.html
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<html lang=en><title>Amount of Federal Aid Received</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#800000","#FD4C4C","#7D2525","#FC0000","#FFA319","#C90000"],chart:{plotBackgroundColor:null,plotBorderWidth:null,plotShadow:!1,type:"pie"},title:{text:"Amount of Federal Aid Received",align:"center"},tooltip:{headerFormat:"",pointFormat:"<b>{point.name}</b>: {point.y}%"},accessibility:{point:{valueSuffix:"%"}},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!0,format:"<b>{point.name}</b>: {point.y}%"}}},series:[{name:"Federal Aid",colorByPoint:!0,data:[{name:"75-100% of tuition",y:2},{name:"50-75% of tuition",y:2},{name:"25-50% of tuition",y:0},{name:"0-25% of tuition",y:0},{name:"Prefer not to disclose",y:10},{name:"Do not receive federal aid",y:86}]}]})</script>
<html lang=en><title>Amount of Federal Aid Received</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#FFA319","#FD4C4C","#7D2525","#FC0000","#800000","#C90000"],chart:{plotBackgroundColor:null,plotBorderWidth:null,plotShadow:!1,type:"pie"},title:{text:"Amount of Federal Aid Received",align:"center"},tooltip:{headerFormat:"",pointFormat:"<b>{point.name}</b>: {point.y}%"},accessibility:{point:{valueSuffix:"%"}},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!0,format:"<b>{point.name}</b>: {point.y}%"}}},series:[{name:"Federal Aid",colorByPoint:!0,data:[{name:"75-100% of tuition",y:3},{name:"50-75% of tuition",y:3},{name:"25-50% of tuition",y:0},{name:"0-25% of tuition",y:0},{name:"Do not receive federal aid",y:94}]}]})</script>
8 changes: 2 additions & 6 deletions 2024/staff-survey-fgli/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
// https://www.highcharts.com/demo
Highcharts.chart('chart-div', {
// Setting default colors
colors: ['#FD4C4C', '#FFA319', '#7D2525', '#FC0000', '#800000', '#C90000'],
colors: ['#FD4C4C', '#FFA319', '#7D2525', '#800000', '#FC0000', '#C90000'],

// All code for your chart goes here
chart: {
Expand Down Expand Up @@ -40,10 +40,6 @@ Highcharts.chart('chart-div', {
name: 'FGLI Status',
colorByPoint: true,
data: [
{
name: 'Prefer not to disclose',
y: 2
},
{
name: 'Low-income only',
y: 8
Expand All @@ -58,7 +54,7 @@ Highcharts.chart('chart-div', {
},
{
name: 'Neither',
y: 90
y: 92
}
]
}
Expand Down
2 changes: 1 addition & 1 deletion 2024/staff-survey-fgli/staff-survey-fgli.min.html
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<html lang=en><title>First-Generation, Low Income Status</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#FD4C4C","#FFA319","#7D2525","#FC0000","#800000","#C90000"],chart:{plotBackgroundColor:null,plotBorderWidth:null,plotShadow:!1,type:"pie"},title:{text:"First-Generation, Low-Income Status",align:"center"},tooltip:{headerFormat:"",pointFormat:'<span style="font-size:11px;font-weight:bold;">{point.name}</span>: {point.y}%'},accessibility:{point:{valueSuffix:"%"}},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!0,format:"<b>{point.name}</b>: {point.y}%"}}},series:[{name:"FGLI Status",colorByPoint:!0,data:[{name:"Prefer not to disclose",y:2},{name:"Low-income only",y:8},{name:"First-generation only",y:0},{name:"First-generation and low-income",y:0},{name:"Neither",y:90}]}]})</script>
<html lang=en><title>First-Generation, Low Income Status</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#FD4C4C","#FFA319","#7D2525","#800000","#FC0000","#C90000"],chart:{plotBackgroundColor:null,plotBorderWidth:null,plotShadow:!1,type:"pie"},title:{text:"First-Generation, Low-Income Status",align:"center"},tooltip:{headerFormat:"",pointFormat:'<span style="font-size:11px;font-weight:bold;">{point.name}</span>: {point.y}%'},accessibility:{point:{valueSuffix:"%"}},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!0,format:"<b>{point.name}</b>: {point.y}%"}}},series:[{name:"FGLI Status",colorByPoint:!0,data:[{name:"Low-income only",y:8},{name:"First-generation only",y:0},{name:"First-generation and low-income",y:0},{name:"Neither",y:92}]}]})</script>
16 changes: 3 additions & 13 deletions 2024/staff-survey-gender/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -44,27 +44,17 @@ Highcharts.chart('chart-div', {
{
name: 'Man',
pointText: '% identify as a <b>Man</b>',
y: 36
y: 37
},
{
name: 'Woman',
pointText: '% identify as a <b>Woman</b>',
y: 57
y: 58
},
{
name: 'Nonbinary',
pointText: '% identify as <b>Nonbinary</b>',
y: 4
},
{
name: 'Agender',
pointText: '% identify as <b>Agender</b>',
y: 2
},
{
name: 'Prefer not to disclose',
pointText: '% prefer not to disclose',
y: 2
y: 7
}
]
}
Expand Down
2 changes: 1 addition & 1 deletion 2024/staff-survey-gender/staff-survey-gender.min.html
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<html lang=en><title>Gender Identity</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#800000","#FD4C4C","#FC0000","#7D2525","#C90000"],chart:{type:"column"},title:{text:"Gender Identity",align:"center"},legend:{enabled:!1},xAxis:{accessibility:{description:"Gender"},type:"category"},yAxis:{title:{text:"Percent of Responses"}},tooltip:{headerFormat:"",pointFormat:"{point.y}{point.pointText}"},series:[{name:"Gender",colorByPoint:!0,data:[{name:"Man",pointText:"% identify as a <b>Man</b>",y:36},{name:"Woman",pointText:"% identify as a <b>Woman</b>",y:57},{name:"Nonbinary",pointText:"% identify as <b>Nonbinary</b>",y:4},{name:"Agender",pointText:"% identify as <b>Agender</b>",y:2},{name:"Prefer not to disclose",pointText:"% prefer not to disclose",y:2}]}]})</script>
<html lang=en><title>Gender Identity</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#800000","#FD4C4C","#FC0000","#7D2525","#C90000"],chart:{type:"column"},title:{text:"Gender Identity",align:"center"},legend:{enabled:!1},xAxis:{accessibility:{description:"Gender"},type:"category"},yAxis:{title:{text:"Percent of Responses"}},tooltip:{headerFormat:"",pointFormat:"{point.y}{point.pointText}"},series:[{name:"Gender",colorByPoint:!0,data:[{name:"Man",pointText:"% identify as a <b>Man</b>",y:37},{name:"Woman",pointText:"% identify as a <b>Woman</b>",y:58},{name:"Nonbinary",pointText:"% identify as <b>Nonbinary</b>",y:7}]}]})</script>
12 changes: 2 additions & 10 deletions 2024/staff-survey-neurodivergent/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -43,19 +43,11 @@ Highcharts.chart('chart-div', {
data: [
{
name: 'No',
y: 73
y: 86
},
{
name: 'Yes',
y: 11
},
{
name: 'Unsure',
y: 11
},
{
name: 'Prefer not to answer',
y: 5
y: 14
}
]
}
Expand Down
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<html lang=en><title>Do you identify as neurodivergent?</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#800000","#FD4C4C","#FFA319","#FC0000","#7D2525","#C90000"],chart:{plotBackgroundColor:null,plotBorderWidth:null,plotShadow:!1,type:"pie"},title:{text:"Do you identify as neurodivergent?",align:"center"},tooltip:{headerFormat:"",pointFormat:"<b>{point.name}</b>: {point.y}%"},accessibility:{point:{valueSuffix:"%"}},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!0,format:"<b>{point.name}</b>: {point.y}%"}}},series:[{name:"Do you identify as neurodivergent?",colorByPoint:!0,data:[{name:"No",y:73},{name:"Yes",y:11},{name:"Unsure",y:11},{name:"Prefer not to answer",y:5}]}]})</script>
<html lang=en><title>Do you identify as neurodivergent?</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#800000","#FD4C4C","#FFA319","#FC0000","#7D2525","#C90000"],chart:{plotBackgroundColor:null,plotBorderWidth:null,plotShadow:!1,type:"pie"},title:{text:"Do you identify as neurodivergent?",align:"center"},tooltip:{headerFormat:"",pointFormat:"<b>{point.name}</b>: {point.y}%"},accessibility:{point:{valueSuffix:"%"}},plotOptions:{pie:{allowPointSelect:!0,cursor:"pointer",dataLabels:{enabled:!0,format:"<b>{point.name}</b>: {point.y}%"}}},series:[{name:"Do you identify as neurodivergent?",colorByPoint:!0,data:[{name:"No",y:86},{name:"Yes",y:14}]}]})</script>
14 changes: 3 additions & 11 deletions 2024/staff-survey-race/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -43,19 +43,15 @@ Highcharts.chart('chart-div', {
data: [
{
name: 'African American or Black',
y: 7
y: 8
},
{
name: 'African/Afro-Caribbean/Afro-Latin',
y: 5
},
{
name: 'Ashkenazi Jewish',
y: 2
},
{
name: 'East Asian',
y: 26
y: 28
},
{
name: 'South Asian',
Expand All @@ -67,11 +63,7 @@ Highcharts.chart('chart-div', {
},
{
name: 'White',
y: 50
},
{
name: 'Prefer not to disclose',
y: 5
y: 52
}
]
}
Expand Down
2 changes: 1 addition & 1 deletion 2024/staff-survey-race/staff-survey-race.min.html
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<html lang=en><title>Racial Identity</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#800000","#FD4C4C","#FC0000","#7D2525","#C90000"],chart:{type:"column"},title:{text:"Racial Identity",align:"center"},legend:{enabled:!1},xAxis:{accessibility:{description:"Race"},type:"category"},yAxis:{title:{text:"Percent of Responses"}},tooltip:{headerFormat:"",pointFormat:"<b>{point.name}</b>: {point.y}%"},series:[{name:"Race",colorByPoint:!0,data:[{name:"African American or Black",y:7},{name:"African/Afro-Caribbean/Afro-Latin",y:5},{name:"Ashkenazi Jewish",y:2},{name:"East Asian",y:26},{name:"South Asian",y:12},{name:"Southeast Asian",y:5},{name:"White",y:50},{name:"Prefer not to disclose",y:5}]}]})</script>
<html lang=en><title>Racial Identity</title><style>body{font-family:Georgia,'serif'}#chart-div{width:100%;height:400px}</style><div id=chart-div></div><script src=https://code.highcharts.com/11.0.0/highcharts.js></script><script src=https://code.highcharts.com/11.0.0/modules/series-label.js></script><script src=https://code.highcharts.com/11.0.0/modules/exporting.js></script><script src=https://code.highcharts.com/11.0.0/modules/export-data.js></script><script src=https://code.highcharts.com/11.0.0/modules/accessibility.js></script><script>Highcharts.chart("chart-div",{colors:["#800000","#FD4C4C","#FC0000","#7D2525","#C90000"],chart:{type:"column"},title:{text:"Racial Identity",align:"center"},legend:{enabled:!1},xAxis:{accessibility:{description:"Race"},type:"category"},yAxis:{title:{text:"Percent of Responses"}},tooltip:{headerFormat:"",pointFormat:"<b>{point.name}</b>: {point.y}%"},series:[{name:"Race",colorByPoint:!0,data:[{name:"African American or Black",y:8},{name:"African/Afro-Caribbean/Afro-Latin",y:5},{name:"East Asian",y:28},{name:"South Asian",y:12},{name:"Southeast Asian",y:5},{name:"White",y:52}]}]})</script>
28 changes: 16 additions & 12 deletions 2024/staff-survey-reported-family-income/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,15 @@
// https://www.highcharts.com/demo
Highcharts.chart('chart-div', {
// Setting default colors
colors: ['#800000', '#FD4C4C', '#FFA319', '#FC0000', '#7D2525', '#C90000'],
colors: [
'#800000',
'#FD4C4C',
'#C16622',
'#FC0000',
'#7D2525',
'#C90000',
'#FFA319'
],

// All code for your chart goes here
chart: {
Expand Down Expand Up @@ -44,35 +52,31 @@ Highcharts.chart('chart-div', {
data: [
{
name: '< $65K',
y: 4
y: 5
},
{
name: '$65K to $100K',
y: 7
y: 10
},
{
name: '$100K to $150K',
y: 14
y: 20
},
{
name: '$150K to $200K',
y: 4
y: 5
},
{
name: '$200K to $250K',
y: 7
y: 10
},
{
name: '$250K to $500K',
y: 14
y: 20
},
{
name: 'More than $500K',
y: 21
},
{
name: 'Prefer not to disclose',
y: 29
y: 30
}
]
}
Expand Down
Loading

0 comments on commit 9db191e

Please sign in to comment.