Plotly adalah sebuah library Python yang digunakan untuk membuat visualisasi data dan aplikasi analitik. Salah satu fitur utama Plotly adalah penggunaan slider, yaitu suatu kontrol interaktif yang memungkinkan pengguna untuk mengubah atribut plot dalam waktu real-time.

Membuat Slider

Untuk membuat slider, pertama-tama Anda harus import library Plotly dan membuat figure plotly. Kemudian, Anda dapat menambahkan slider menggunakan fungsi Slider dari Plotly. Fungsi ini memerlukan beberapa parameter, yaitu nama slider, rentang nilai yang dapat diubah, dan nilai awal.

Misalnya, berikut adalah contoh kode untuk membuat slider yang memungkinkan pengguna untuk mengubah warna bar chart:

import plotly.graph_objects as go

# Membuat figure
fig = go.Figure()

# Menambahkan slider
red = Slider(axred, 'Red', 0.0, 1.0, 0.6)
green = Slider(axgreen, 'Green', 0.0, 1.0, 0.2)
blue = Slider(axblue, 'Blue', 0.0, 1.0)

# Mengatur fungsi update
def update(val):
 r = red.val
 g = green.val
 b = blue.val
 ax.bar(year, production, color=(r, g, b),
 edgecolor="black")

red.on_changed(update)
green.on_changed(update)
blue.on_changed(update)

# Membuat tombol reset
resetax = plt.axes([0.8, 0.025, 0.1, 0.04])
button = Button(resetax, 'Reset', color='gold',
 hovercolor='skyblue')

def resetSlider(event):
 red.reset()
 green.reset()
 blue.reset()

button.on_clicked(resetSlider)

# Menampilkan figure
plt.show()

Penggunaan Slider dalam Plotly Express

Plotly Express adalah sebuah library Python yang memungkinkan Anda untuk membuat visualisasi data dengan lebih mudah dan cepat. Salah satu fitur utama Plotly Express adalah penggunaan slider, yaitu suatu kontrol interaktif yang memungkinkan pengguna untuk mengubah atribut plot dalam waktu real-time.

Contoh kode berikut menunjukkan cara menggunakan slider dalam Plotly Express:

import plotly.express as px

df = px.data.gapminder()
fig = px.scatter(df, x="gdpPercap", y="lifeExp", animation_frame="year", animation_group="country",
 size="pop", color="continent", hover_name="country",
 log_x=True, size_max=55, range_x=[100, 100000], range_y=[25, 90])

fig["layout"].pop("updatemenus") # Optional, drop animation buttons
fig.show()

Penggunaan Dash

Dash adalah sebuah framework Python yang memungkinkan Anda untuk membuat aplikasi analitik dengan lebih mudah dan cepat. Salah satu fitur utama Dash adalah penggunaan Plotly, sehingga Anda dapat menggunakan slider yang sama seperti dalam Plotly Express.

Contoh kode berikut menunjukkan cara menggunakan Dash:

import plotly.graph_objects as go
from dash import Dash, dcc, html

app = Dash()
app.layout = html.Div([
 dcc.Graph(figure=fig)
])

app.run_server(debug=True, use_reloader=False) # Turn off reloader if inside Jupyter

Dalam kode di atas, Anda dapat mengganti fig dengan figure yang Anda buat sendiri menggunakan Plotly atau Plotly Express.