Aan de slagGa gratis aan de slag

Een HoverTool toevoegen

Het bureau maakt een blog over basketbalprestaties per positie. Ze willen inzoomen op assists en steals, en kijkers de mogelijkheid geven om over glyphs te hoveren om te zien wie een speler is, welke positie hij speelt en voor welk team hij uitkomt.

Je zet de vooraf geladen nba-gegevensset om in een Bokeh-source-object en voegt vervolgens tooltips toe aan een plot.

Deze oefening maakt deel uit van de cursus

Interactieve datavisualisatie met Bokeh

Cursus bekijken

Oefeninstructies

  • Importeer ColumnDataSource.
  • Maak source aan op basis van de nba-DataFrame.
  • Maak TOOLTIPS af door labels met de namen "Position" en "Team" toe te voegen, in die volgorde, uit de relevante kolommen van source, en voeg TOOLTIPS toe aan de figure.
  • Voeg cirkelglyphs toe met "assists" op de x-as en "steals" op de y-as, en maak het source-argument af.

Praktische interactieve oefening

Probeer deze oefening eens door deze voorbeeldcode in te vullen.

# Import ColumnDataSource
from ____.____ import ____

# Create source
source = ____(data=____)

# Create TOOLTIPS and add to figure
TOOLTIPS = [("Name", "@player"), ("____", "____"), ("____", "____")]
fig = figure(x_axis_label="Assists", y_axis_label="Steals", tooltips=____)

# Add circle glyphs
fig.circle(x="____", y="____", source=____)
output_file(filename="first_tooltips.html")
show(fig)
Code bewerken en uitvoeren