Een one-page app die het concept Clutch Shot Performance in de NBA verduidelijkt.
Idee & aanpak
De dataset bevat de gegevens van 287 NBA (= National Basketball Association) spelers, gericht op shot performance algemeen en shot performance in zogenaamde clutch situaties.
Van nature begrijp ik dat punten scoren vanaf een paar meter zonder verdedigers in de buurt aan het begin van de wedstrijd een stuk eenvoudiger is dan winnende punten scoren vanaf de binnencirkel terwijl er 3 of 4 verdedigers om je heen rennen. En in de NBA worden aanzienlijk meer gegevens bijgehouden.
Idee
- Vraag ChatGPT om zoveel mogelijk uitleg van de specifieke waarden die je niet snapt (ondanks dat er een data-dictionary is).
- Vraag door, zo kreeg ik de tabel met de verschillen tussen een normaal schot en een clutch schot.
De gedachte na al die antwoorden “Waarom geen app die probeert uit te leggen wat bepaalde termen betekenen en wat interactie via plots geeft zodat mensen een beeld krijgen”.
Aanpak
De basis voor deze app is een patroon voor presentatie via verticaal scrollen. De code is te vinden op het Plotly community forum. Deze app dient ook om te kijken of deze manier van verticaal scrollen performance in de weg zit. Antwoord lijkt nee, al zit er weinig data processing in de app.
Per sectie (zeg maar onderwerp) is een eigen achtergrondkleur gebruikt en een achtergrondafbeelding die eerst naar grijstonen is omgezet en vervolgens met een transparantie van 10% is opgeslagen. Een achtergrondafbeelding geeft het net wat meer “body” maar mag niet afleiden.
De onderwerpen in de uiteindelijke app zijn een reflectie van de maker (ik) die het onderwerp probeert te begrijpen in de NBA context.
Resultaat
Voorbeeld bevat
- Storytelling met een verticale scroll als navigatie
- Embedded video
- Twee interactieve plots (scatter, lollipop)
- Zoekfunctionaliteit (zoek de “Swing made per game” ranking voor een speler.
- Een ordered list die start met tellen bij een andere waarde dan 1
- Google fonts importeren
Figure Friday is een initiatief van de Dash/Plotly community waarbij je elke vrijdag een dataset krijgt en mensen een visual of kleine app maken, waarbij ze inzichten uit de dataset proberen te krijgen. De vrijdag daarop om 18:00, is er een zoomsessie waarbij sommigen uitleggen waarom ze gemaakt hebben wat ze tonen. In de thread op de communitysite wordt ook de code gedeeld, om van elkaar te leren en als het kan een demo.