Get startedGet started for free

Adding a HoverTool

The agency is producing a blog about basketball performance by position. They want to hone in on assists and steals, giving their viewers the ability to hover over glyphs to find out who a player is, what position they play, and which team they play for.

You will convert the nba dataset, which has been preloaded, into a Bokeh source object, then add tooltips to a plot.

This exercise is part of the course

Interactive Data Visualization with Bokeh

View Course

Exercise instructions

  • Import ColumnDataSource.
  • Create source from the nba DataFrame.
  • Complete the creation of TOOLTIPS, adding labels named "Position" and "Team", in that order, from the relevant columns of source, and add TOOLTIPS to the figure.
  • Add circle glyphs for "assists" on the x-axis and "steals" on the y-axis, completing the source argument.

Hands-on interactive exercise

Have a go at this exercise by completing this sample code.

# 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)
Edit and Run Code