Zacznij terazZacznij za darmo

Zmiana rozmiaru glifów za pomocą widżetu

Kolejnym obszarem zainteresowania funduszu hedgingowego jest branża farmaceutyczna – to sektor pełen innowacji, który stwarza wiele możliwości dla nowych firm i przedsiębiorstw w fazie wzrostu.

Otrzymujesz zadanie stworzenia wykresu punktowego przedstawiającego wartość i wolumen akcji pięciu spółek farmaceutycznych ze zbioru danych: AbbVie, Eli Lilly, Merck, Johnson & Johnson oraz Nuformix. Ponieważ nie wiesz jeszcze, jak dane będą wyglądać na wykresie, postanawiasz skorzystać z widżetu Spinner, który pozwoli zainteresowanym dostosować rozmiar glifów według własnych potrzeb.

To ćwiczenie jest częścią kursu

Interaktywna wizualizacja danych z Bokeh

Zobacz kurs

Instrukcje do ćwiczenia

  • Zaimportuj layout oraz Spinner.
  • Utwórz spinner zatytułowany "Glyph size", z rozmiarami od 1 do 30 pikseli, zmieniającymi się o 1 piksel przy każdym kliknięciu, wartością domyślną 4 i szerokością 60.
  • Uzupełnij spinner.js_link(), przekazując najpierw "value", następnie atrybut glifu wykresu punktowego, a na końcu podając "size" jako atrybut, który chcesz modyfikować za pomocą spinnera.
  • Wyświetl layout, umieszczając title w pierwszym wierszu, a w drugim wierszu – spinner i fig w tej kolejności.

Interaktywne ćwiczenie praktyczne

Spróbuj tego ćwiczenia, uzupełniając ten przykładowy kod.

# Import modules
____
____
labels = ["ABBV", "JNJ", "LLY", "MRK", "NFX"]
fig = figure(x_axis_label="Volume", y_axis_label="Stock Price ($)")
scatter = fig.circle(x="volume", y="close", source=source, legend_field="name", fill_color=factor_cmap("name", palette=Category10_5, factors=labels), fill_alpha=0.5)
title = Div(text="Pharmaceuticals Stock Performance")
fig.xaxis[0].formatter = NumeralTickFormatter(format="0a")

# Create spinner
spinner = ____(title="____", low=____, high=____, step=____, value=____, width=____)

# Set up the widget action
spinner.js_link("____", ____.____, "____")
output_file(filename="pharma_stocks.html")

# Display the layout
show(____(____))
Edytuj i uruchom kod