fixes

Author: Lysandre Costes

README.md

@@ -24,16 +24,6 @@ No build step. D3, Three.js, and fonts are loaded from CDNs in `index.html`.
 
 Live site: [com-480-data-visualization.github.io/com-480-project-pff](https://com-480-data-visualization.github.io/com-480-project-pff/)
 
-**One-time setup** (repo admin):
-
-1. **Settings → Pages → Build and deployment**
-2. **Source:** Deploy from a branch
-3. **Branch:** `gh-pages` · folder **`/ (root)`** → Save
-
-Each push to `main` runs the workflow and updates the `gh-pages` branch from `website/` (Three.js, D3, and JSON included). If the workflow failed before with *Get Pages site failed*, that was because Pages was not enabled yet — the steps above fix it.
-
-**Re-deploy manually:** Actions → *Deploy website to GitHub Pages* → *Run workflow*
-
 ---
 
 ## Intended usage
@@ -56,7 +46,6 @@ The narrative scrolls through six analytical views:
 
 - Use toggles, sliders, and tabs in each section to filter seasons, players, or teams.
 - Hover court cells on heatmaps for exact values (ratio, counts, FG%).
-- Player headshots are loaded from `cdn.nba.com` (requires network).
 
 **Audience:** basketball fans and anyone interested in spatial sports analytics, without requiring a statistics background.
 

website/js/fingerprint.js

@@ -152,7 +152,6 @@
   }
 
   const CX = 210, CY = 210, R_OUTER = 165, R_INNER = 65;
-  const PHOTO_R = 55;
 
   // 6 zones (exclude Backcourt)
   const ZONES = [
@@ -177,10 +176,6 @@
     .range(['#2166ac', '#C9082A'])
     .clamp(true);
 
-  // ── Defs: clip for player photo ───────────────────────────────────────────
-  svg.append('defs').append('clipPath').attr('id', 'fp-photo-clip')
-    .append('circle').attr('cx', CX).attr('cy', CY).attr('r', PHOTO_R);
-
   // ── Background rings + radial frequency ticks ─────────────────────────────
   const FREQ_TICKS = [0, 0.25, 0.5, 0.75, 1];
 
@@ -285,26 +280,25 @@
 
   // ── Bars group ────────────────────────────────────────────────────────────
   const barsG  = svg.append('g');
-  const photoEl = svg.append('image')
-    .attr('clip-path', 'url(#fp-photo-clip)')
-    .attr('preserveAspectRatio', 'xMidYMin slice');
 
   // Centre ring (covers inner part)
   svg.append('circle')
     .attr('cx', CX).attr('cy', CY).attr('r', R_INNER)
     .attr('fill', '#090910');
 
-  // Centre text elements (player name + total)
+  // Centre text (player name + total)
   const nameEl  = svg.append('text')
-    .attr('x', CX).attr('y', CY + PHOTO_R + 14)
+    .attr('x', CX).attr('y', CY - 6)
     .attr('text-anchor', 'middle')
+    .attr('dominant-baseline', 'middle')
     .attr('fill', '#e8e8f0')
     .attr('font-size', '11px')
     .attr('font-weight', '600')
     .attr('font-family', 'Inter, sans-serif');
   const shotsEl = svg.append('text')
-    .attr('x', CX).attr('y', CY + PHOTO_R + 28)
+    .attr('x', CX).attr('y', CY + 10)
     .attr('text-anchor', 'middle')
+    .attr('dominant-baseline', 'middle')
     .attr('fill', '#7070a0')
     .attr('font-size', '9px')
     .attr('font-family', 'Inter, sans-serif');
@@ -367,13 +361,6 @@
       );
     hitG.raise();
 
-    // Photo
-    const pid = p.player_id;
-    photoEl
-      .attr('href', `https://cdn.nba.com/headshots/nba/latest/1040x760/${pid}.png`)
-      .attr('x', CX - PHOTO_R).attr('y', CY - PHOTO_R)
-      .attr('width', PHOTO_R * 2).attr('height', PHOTO_R * 2);
-
     nameEl.text(playerName.split(' ').slice(-1)[0]);  // last name
     shotsEl.text(`${p.total_shots.toLocaleString()} shots`);