Anna Duan Dashboard - Penn Football Athlete Benchmarking

css/styles.css

@@ -0,0 +1,145 @@
+body {
+  font-family: 'Poppins', sans-serif;
+  color: #011f5b;
+}
+
+.header {
+  display: flex;
+  flex-direction: row;
+  align-items: center;  
+  justify-content: flex-start;
+  color: #011f5b;
+}
+
+.header img {
+  margin-left: 1rem;
+  margin-right: 1rem;
+  width: 3rem;
+  align-self: center;
+}
+
+.benchmark-page {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  grid-template-rows: repeat(4, 1fr);
+  align-content: flex-start;
+  gap: 0rem;
+}
+
+.benchmark-menu {
+  grid-column: 1 / 2; 
+}
+
+fieldset {
+  border-color: transparent;
+  border-radius: 0.5em;
+  width: 70%;
+}
+
+.benchmark-menu input {
+  border-color: transparent;
+  font-size: 1rem;
+  background-color: rgb(241, 241, 241);
+  border-radius: 0.5em;
+  font-weight:lighter;
+}
+
+select {
+  width: 40%;
+  padding: 0.2rem;
+  font-size: 1rem;
+  font-weight: 100;
+  color: #011f5b;
+  border: transparent;
+  border-radius: 0.5em;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+  font-weight: 100;
+  font-size: 1rem;
+}
+
+.input-wrapper {
+  position: relative;
+  width: 60%;
+  align-items: center;
+  background-color: white;
+  opacity: 0.75;
+  border-radius: 0.5rem;
+}
+
+input[type="number"] {
+  width: 100%;
+  box-sizing: border-box; 
+  appearance: textfield;
+}
+
+.unit {
+  position: absolute;
+  right: 0;  
+  width: 5rem;
+  color: #cdcbcb; 
+}
+
+.benchmark-chart-area {
+  display: grid;
+  grid-column: 2 / 6; 
+  grid-row: 1 / 4; 
+  grid-template-columns: repeat(3, 1fr); 
+  grid-template-rows: repeat(2, 1fr);   
+  height: 70vh;       
+  gap: 1.5rem;                                        
+}
+
+.pct-chart {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1rem;
+  background-color: white;
+  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
+}
+
+#position-title {
+  font-size: 2rem;
+  font-weight: 100;
+  color: #011f5b;
+}
+
+input[type="number"]:invalid {
+  color: red;
+}
+
+/* Billboard Charts */
+.bb-axis.bb-axis-x path.domain {
+    opacity: 0;
+}
+
+#radar-chart .bb-axis text {
+  fill: gray;
+  font-size: 0.8rem;
+  font-weight: 100;
+  text-anchor: middle;
+}
+
+.bb-title {
+  fill: #011f5b;    
+  font-weight: 100;    
+}
+
+/* Radar Chart */
+.bb-level > polygon:nth-child(1) {
+  opacity: 0.3;
+}
+
+.bb-axis-0 > line:nth-child(1) {
+  opacity: 0.5;
+}
+
+
+.bb-level > text:nth-child(2) {
+  opacity: 0;
+}

data/group_means_2024.json

@@ -0,0 +1,181 @@
+[
+    {
+        "Position": "Defensive Back",
+        "Power Clean": 236.6667,
+        "Squat": 401.6667,
+        "Bench": 265,
+        "Wingspan": 74.5833,
+        "Weight": 184,
+        "Height": 71.02,
+        "Flying 10": 1.0375,
+        "10-Yard Dash": 1.635,
+        "Vertical Jump (vertec)": 35.8333,
+        "Vertical Jump (mat)": 31.34,
+        "Broad Jump": 112.6667,
+        "225lb Bench": 5.6667,
+        "60-Yard Shuttle": 12.3017,
+        "L Drill": 7.1633,
+        "Pro Agility": 4.638
+    },
+    {
+        "Position": "Defensive Line",
+        "Power Clean": 291.5,
+        "Squat": 459.1667,
+        "Bench": 309.8182,
+        "Wingspan": 77.25,
+        "Weight": 260.3417,
+        "Height": 75.4464,
+        "Flying 10": 1.1075,
+        "10-Yard Dash": 19.489,
+        "Vertical Jump (vertec)": 30.6111,
+        "Vertical Jump (mat)": 28.4111,
+        "Broad Jump": 106.5625,
+        "225lb Bench": 15.9167,
+        "60-Yard Shuttle": 13.2227,
+        "L Drill": 7.5909,
+        "Pro Agility": 4.9882
+    },
+    {
+        "Position": "Linebacker",
+        "Power Clean": 276.6667,
+        "Squat": 460.5556,
+        "Bench": 314.5,
+        "Wingspan": 74.9545,
+        "Weight": 220.1182,
+        "Height": 73.0382,
+        "Flying 10": 1.0467,
+        "10-Yard Dash": 1.74,
+        "Vertical Jump (vertec)": 32.3333,
+        "Vertical Jump (mat)": 30.0857,
+        "Broad Jump": 110.9444,
+        "225lb Bench": 15.1818,
+        "60-Yard Shuttle": 12.597,
+        "L Drill": 7.355,
+        "Pro Agility": 4.681
+    },
+    {
+        "Position": "Offensive Line",
+        "Power Clean": 281.1111,
+        "Squat": 526.6667,
+        "Bench": 355.5556,
+        "Wingspan": 76.4,
+        "Weight": 287.58,
+        "Height": 75.0955,
+        "Flying 10": 1.2,
+        "10-Yard Dash": 1.85,
+        "Vertical Jump (vertec)": 26.1667,
+        "Vertical Jump (mat)": 23.4167,
+        "Broad Jump": 95,
+        "225lb Bench": 21,
+        "60-Yard Shuttle": 13.6543,
+        "L Drill": 7.868,
+        "Pro Agility": 4.9943
+    },
+    {
+        "Position": "Quarterback",
+        "Power Clean": 225,
+        "Squat": 355,
+        "Bench": 247.5,
+        "Wingspan": 75.2,
+        "Weight": 204.72,
+        "Height": 74.04,
+        "Flying 10": 1.07,
+        "10-Yard Dash": 1.7225,
+        "Vertical Jump (vertec)": 29.875,
+        "Vertical Jump (mat)": 26.25,
+        "Broad Jump": 105.8333,
+        "225lb Bench": 6.25,
+        "60-Yard Shuttle": 12.945,
+        "L Drill": 7.0667,
+        "Pro Agility": 4.7625
+    },
+    {
+        "Position": "Running Back",
+        "Power Clean": 279,
+        "Squat": 486,
+        "Bench": 316,
+        "Wingspan": 71.4,
+        "Weight": 200,
+        "Height": 68.71,
+        "Flying 10": 1.03,
+        "10-Yard Dash": 1.6467,
+        "Vertical Jump (vertec)": 32.9,
+        "Vertical Jump (mat)": 34.475,
+        "Broad Jump": 110.7,
+        "225lb Bench": 15.4,
+        "60-Yard Shuttle": 12.786,
+        "L Drill": 7.25,
+        "Pro Agility": 4.706
+    },
+    {
+        "Position": "Safety",
+        "Power Clean": 263.3333,
+        "Squat": 423.3333,
+        "Bench": 295,
+        "Wingspan": 72.3333,
+        "Weight": 187.3667,
+        "Height": 71.1,
+        "Flying 10": 1.04,
+        "10-Yard Dash": 1.676,
+        "Vertical Jump (vertec)": 34.8333,
+        "Vertical Jump (mat)": 31.82,
+        "Broad Jump": 119.875,
+        "225lb Bench": 9.1667,
+        "60-Yard Shuttle": 12.48,
+        "L Drill": 7.2533,
+        "Pro Agility": 4.72
+    },
+    {
+        "Position": "Special Teams",
+        "Power Clean": 229,
+        "Squat": 355,
+        "Bench": 248,
+        "Wingspan": 74.5,
+        "Weight": 197.4,
+        "Height": 73.38,
+        "10-Yard Dash": 1.7275,
+        "Vertical Jump (vertec)": 28.6,
+        "Vertical Jump (mat)": 27,
+        "Broad Jump": 104.75,
+        "225lb Bench": 3,
+        "60-Yard Shuttle": 13.352,
+        "L Drill": 7.48,
+        "Pro Agility": 4.82
+    },
+    {
+        "Position": "Tight End",
+        "Power Clean": 271.6667,
+        "Squat": 430,
+        "Bench": 281,
+        "Wingspan": 77,
+        "Weight": 236.8,
+        "Height": 75.39,
+        "Flying 10": 1.115,
+        "10-Yard Dash": 1.7133,
+        "Vertical Jump (vertec)": 31.5,
+        "Vertical Jump (mat)": 24.9,
+        "Broad Jump": 108.5,
+        "225lb Bench": 10.75,
+        "60-Yard Shuttle": 13.1025,
+        "L Drill": 7.66,
+        "Pro Agility": 5.03
+    },
+    {
+        "Position": "Wide Receiver",
+        "Power Clean": 268.75,
+        "Squat": 426.875,
+        "Bench": 290.5556,
+        "Wingspan": 73.4444,
+        "Weight": 191.13,
+        "Height": 71.448,
+        "Flying 10": 1.0267,
+        "10-Yard Dash": 1.6729,
+        "Vertical Jump (vertec)": 33.5833,
+        "Vertical Jump (mat)": 32.4889,
+        "Broad Jump": 116.8333,
+        "225lb Bench": 10.1111,
+        "60-Yard Shuttle": 12.3733,
+        "L Drill": 7.0125,
+        "Pro Agility": 4.5757
+    }
+]