Adicionando um Div

O fundo de hedge está procurando a próxima grande tendência no mercado de varejo online. Eles pediram para você produzir um gráfico visualizando o desempenho do preço das ações da Amazon nos últimos anos, destacando as datas em que o preço ficou acima da média do período.

Foi criado para você um subconjunto do conjunto de dados stocks, filtrando por ações AMZN, e armazenado como um objeto source do Bokeh. Você vai construir um gráfico de linha incluindo um Div e um BoxAnnotation, exibindo tudo usando layout.

Este exercicio faz parte do curso

Visualização Interativa de Dados com Bokeh

Ver curso

Instruções do exercicio

Importe layout e Div das classes relevantes do Bokeh.
Adicione um título "Amazon stock prices vs. average price over the period" ao layout.
Exiba o layout do Bokeh contendo o Div, seguido pela figure abaixo.

exercicio interativo prático

Tente este exercicio completando este código de exemplo.

# Import modules
____
____
fig = figure(x_axis_label="Date", y_axis_label="Stock Price ($)")
fig.line(x="date", y="close", source=source, color="purple")
box = BoxAnnotation(bottom=amazon["close"].mean(), fill_color="green", fill_alpha=0.3)
fig.add_layout(box)
fig.xaxis[0].formatter = DatetimeTickFormatter(months="%b %Y")

# Create title
title = ____
output_file(filename="amazon_stocks.html")

# Display layout
____

Editar e Executar Código