Анализ акций автомобильных компаний

Хедж-фонд попросил вас построить точечный график, который поможет оценить финансовые показатели двух автомобильных компаний: Ford и General Motors.

Вы создадите график, отображающий цену закрытия за каждый день относительно рыночной капитализации (цена, умноженная на объём торгов) для обеих компаний. Фонд хотел бы иметь возможность настраивать ось X — это отличная возможность применить RangeSlider.

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

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

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

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

Импортируйте RangeSlider.
Создайте slider с заголовком "Stock Price", начальным значением 10, конечным значением 47, значением value, соответствующим начальному и конечному значениям в скобках, и шагом step равным 1 для каждого взаимодействия с виджетом.
Привяжите "value" объекта slider к началу атрибута x_range фигуры, передав ноль в качестве селектора атрибута.
Повторите то же самое, чтобы привязать "value" объекта slider к концу атрибута x_range фигуры, передав единицу в качестве селектора атрибута.

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

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

# Import RangeSlider
____
fig = figure(x_axis_label="Stock Price ($)", y_axis_label="Market Cap")
fig.circle(x=ford["close"], y=ford["market_cap"], legend_label="Ford", fill_color="red", fill_alpha=0.5)
fig.circle(x=gm["close"], y=gm["market_cap"], legend_label="GM", fill_color="green", fill_alpha=0.5)
fig.yaxis[0].formatter = NumeralTickFormatter(format="$0a")

# Create slider
slider = ____(title="____", start=____, end=____, value=(____, ____), step=____)

# Link to start of x-axis
slider.____("____", fig.____, "____", attr_selector=____)

# Link to end of x-axis
slider.____("____", fig.____, "____", attr_selector=____)
output_file(filename="Slider.html")
show(layout([slider], [fig]))

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