Dalam artikel ini, kita akan belajar cara membuat plot scatter dan line pada gambar yang sama menggunakan Plotly. Kita juga akan membahas bagaimana menggunakan Dash untuk membuat aplikasi analitik yang interaktif.

Plotting with Plotly

Plotly adalah sebuah library Python yang digunakan untuk membuat grafik interaktif. Dalam contoh berikut, kita akan membuat plot scatter dan line pada gambar yang sama:

import plotly.graph_objects as go

x = np.random.randn(100)
y = np.random.randn(100)

fig = go.Figure(data=[go.Scatter(x=x, y=y), go.Scatter(x=x, y=y_pred)])

fig.show()

Dalam contoh di atas, kita membuat dua trace (plot) yang berbeda: scatter plot dan line plot. Kita dapat menentukan warna dan gaya garis untuk setiap trace menggunakan parameter marker dan line.

Using Dash

Dash adalah sebuah framework Python yang digunakan untuk membuat aplikasi analitik interaktif. Dalam contoh di atas, kita akan membuat aplikasi Dash yang menampilkan plot scatter dan line:

import dash
import dash_core_components as dcc
import dash_html_components as html
import plotly.graph_objects as go

app = dash.Dash()

x = np.random.randn(100)
y = np.random.randn(100)

fig = go.Figure(data=[go.Scatter(x=x, y=y)])

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

app.run_server(debug=True, use_reloader=False)

Dalam contoh di atas, kita membuat aplikasi Dash yang menampilkan plot scatter menggunakan library Plotly. Kita dapat mengubah aplikasi ini untuk menampilkan plot line dengan cara menambahkan trace baru ke figure.

Menggabungkan Plot Scatter dan Line

Kita juga dapat menggunakan fitur add_trace dan update_layout dari Plotly untuk menggabungkan plot scatter dan line pada gambar yang sama:

import plotly.graph_objects as go

x = np.random.randn(100)
y = np.random.randn(100)

fig = go.Figure(data=go.Scatter(x=x, y=y))

fig.add_trace(go.Scatter(x=x, y=y_pred))

fig.update_layout(title='Plot Scatter dan Line')

Dalam contoh di atas, kita membuat plot scatter dengan cara menggunakan fungsi Scatter dari Plotly. Kemudian, kita menambahkan trace baru yang mewakili line plot dengan cara menggunakan fungsi add_trace. Akhirnya, kita mengubah title gambar dengan cara menggunakan fungsi update_layout.

Dalam artikel ini, kita telah belajar cara membuat plot scatter dan line pada gambar yang sama menggunakan Plotly. Kita juga telah membahas bagaimana menggunakan Dash untuk membuat aplikasi analitik interaktif.