Изменение размера глифа с помощью виджета

Ещё одна область интересов хедж-фонда — фармацевтика: в этой отрасли активно развиваются инновации, что открывает возможности для новых стартапов и быстрорастущих компаний.

Вам поручено создать диаграмму рассеяния, отображающую стоимость и объём акций пяти фармацевтических компаний из набора данных: AbbVie, Eli Lilly, Merck, Johnson & Johnson и Nuformix. Поскольку заранее неизвестно, как будут выглядеть данные, вы решаете использовать виджет Spinner, чтобы заинтересованные стороны могли при необходимости настраивать размер глифов.

Это упражнение является частью курса

Интерактивная визуализация данных с Bokeh

Посмотреть курс

Инструкции к упражнению

Импортируйте layout и Spinner.
Создайте спиннер с заголовком "Glyph size", диапазоном значений от 1 до 30 пикселей, шагом изменения 1 пиксель при каждом нажатии, значением по умолчанию 4 и шириной 60.
Заполните spinner.js_link(): сначала передайте "value", затем укажите атрибут гляфа диаграммы рассеяния и, наконец, задайте "size" как атрибут, который требуется изменять с помощью спиннера.
Отобразите макет: title на первой строке, а spinner и fig — на второй строке в указанном порядке.

Интерактивное практическое упражнение

Попробуйте выполнить это упражнение, дополнив этот пример кода.

# 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(____(____))

Редактировать и запускать код