Menambahkan Div

Hedge fund sedang mencari tren besar berikutnya di pasar ritel daring. Mereka meminta Anda membuat plot yang memvisualisasikan kinerja harga saham Amazon selama beberapa tahun terakhir, dengan menyoroti tanggal-tanggal ketika harganya berada di atas rata-rata untuk periode tersebut.

Subset dari himpunan data stocks telah dibuat untuk Anda, difilter untuk saham AMZN, dan disimpan sebagai objek source Bokeh. Anda akan membangun plot garis yang mencakup Div dan BoxAnnotation, lalu menampilkannya menggunakan layout.

Latihan ini adalah bagian dari kursus

Visualisasi Data Interaktif dengan Bokeh

Lihat Kursus

Petunjuk latihan

Impor layout dan Div dari kelas Bokeh yang relevan.
Tambahkan judul "Amazon stock prices vs. average price over the period" ke layout.
Tampilkan layout Bokeh yang berisi Div, diikuti oleh figure di bawahnya.

Latihan interaktif praktis

Cobalah latihan ini dengan menyelesaikan kode contoh berikut.

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

Edit dan Jalankan Kode