Plotly dan Plotly Figure

Pengantar Visualisasi Data dengan Plotly di Python

Alex Scriven

Data Scientist

Apa itu Plotly?

Pustaka grafik JavaScript
- Tenang—Anda tidak perlu tahu JavaScript!
Plotly memiliki wrapper Python

Logo Plotly

Mengapa Plotly?

Plotly punya beberapa keunggulan unik:

Cepat dan mudah digunakan
Opsi low-code/low-effort dengan plotly.express
(Jika perlu) Sangat dapat dikustomisasi
Interaktivitas bawaan

Membuat Plotly Figure

Grafik Plotly dapat dibuat:

Dengan plotly.express untuk plot cepat (px)
Dengan plotly.graph_objects (go) untuk kustomisasi lebih lanjut

📈 Kita akan lebih sering memakai px

Pentingnya dokumentasi

Simpan tautan dokumentasi kunci!

Dokumentasi interaktif
Halaman referensi rinci untuk plot spesifik

Untuk Scatter plot:

Halaman plotly.express ini dengan contoh
Referensi teknis untuk objek dasarnya

Membuat Figure kita

Plotly figure dasar:

import plotly.express as px

days = ["Monday", "Tuesday", "Wednesday", "Thursday", 
        "Friday", "Saturday", "Sunday"]       
temperatures = [28, 27, 25, 31, 32, 35, 36]

fig = px.bar(
    x=days, 
    y=temperatures,
    title="Temperatures of the week")

fig.show()

Figure kita terungkap

Diagram batang suhu mingguan

Plotly Figure

Komponen Plotly Figure:

layout: Kamus yang mengatur gaya figure
- Satu layout per figure
data: Daftar kamus yang menetapkan tipe grafik dan datanya
- Data + tipe = trace. Ada >40 tipe!
- Dapat memiliki banyak trace per grafik
frames: Untuk plot animasi (di luar cakupan kursus ini)

Di dalam Plotly Figure

print(fig)

Figure({'data': [{'type': 'bar',
              'x': array(['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'
              , 'Saturday','Sunday'], dtype=object),
              'y': {'bdata': 'HBsZHyAjJA==....'}],
    'layout': {'title': {'text': 'Temperatures of the week'}}})

Interaktivitas instan Plotly

Arahkan kursor ke titik data
Tombol interaktif tambahan

Opsi saat hover

Ayo berlatih!

Pengantar Visualisasi Data dengan Plotly di Python