Plotly Express: Cara Bikin Visualisasi Cepat dan Interaktif di Python

Plotly Express adalah cara paling cepat bikin grafik interaktif di Python. Satu baris kode, langsung dapat chart yang bisa di-hover dan di-zoom.

Buat analis yang sering eksplorasi data, ini nghemat banyak waktu. Nggak perlu nulis belasan baris cuma buat satu bar chart, dan hasilnya langsung interaktif tanpa setelan tambahan.

Di bawah ini cara pakai Plotly Express dari nol: install, import, bikin tiga chart dasar, plus contoh data nyata biar kelihatan gunanya.

Apa itu Plotly Express?

Plotly Express adalah modul high-level dari library Plotly, biasanya diimport sebagai px. Dia bikin grafik interaktif cukup satu baris kode, dan ngurus banyak default secara otomatis biar kamu nggak perlu atur satu-satu.

Interaktif di sini artinya kamu bisa arahin kursor ke titik data buat lihat angkanya, zoom ke bagian tertentu, dan matiin seri lewat legend. Semua tanpa nulis kode ekstra.

Plotly Express nerima DataFrame pandas langsung. Jadi kalau datamu udah rapi di DataFrame, tinggal tunjuk kolom mana buat sumbu x dan y.

Gimana cara install dan import Plotly Express?

Plotly Express ikut di dalam paket plotly. Nggak ada paket terpisah yang perlu diinstall. Jalanin ini di terminal.

pip install plotly

Habis itu, import di kode kamu.

import plotly.express as px
import pandas as pd

Konvensi as px udah standar di komunitas, sama kayak pd buat pandas. Ikutin aja biar kode kamu gampang dibaca orang lain.

Gimana cara bikin chart pertama di Plotly Express?

Anggap kamu punya DataFrame df dengan kolom kategori dan omzet. Bikin bar chart cukup satu baris.

fig = px.bar(df, x="kategori", y="omzet", title="Omzet per Kategori")
fig.show()

Buat line chart, tinggal ganti fungsinya. Cocok buat data yang punya urutan waktu.

fig = px.line(df, x="tanggal", y="omzet", title="Tren Omzet Harian")
fig.show()

Buat scatter plot, buat lihat hubungan dua kolom.

fig = px.scatter(df, x="biaya_iklan", y="omzet",
                 color="kategori", title="Iklan vs Omzet")
fig.show()

Parameter color di scatter tadi otomatis ngasih warna beda per kategori plus legend yang bisa diklik. Nambah satu argumen, dapat dimensi data tambahan. Ini yang bikin px enak buat eksplorasi.

Kenapa grafik interaktif itu berguna?

Grafik statis maksa kamu nebak angka dari posisi bar. Grafik interaktif ngasih angka persisnya pas kamu hover. Buat data yang padat, ini beda antara kira-kira dan tau pasti.

Zoom juga kepakai pas ada outlier. Satu titik ekstrem bisa bikin sisa data keliatan gepeng. Di Plotly kamu tinggal drag buat zoom ke area yang menarik, tanpa ngubah kode.

Legend yang bisa diklik bikin kamu nyalain dan matiin seri buat banding. Ini berguna banget waktu ada lima atau enam garis numpuk di satu chart.

Contoh kasus: omzet per kategori toko_berkah

Ini data omzet 6 kategori produk toko_berkah selama sebulan. Semua angka dari dataset ngulikdata.

import plotly.express as px
import pandas as pd

data = {
    "kategori": ["Sembako", "Minuman", "Snack", "Bumbu", "Perawatan", "Lainnya"],
    "omzet":    [48_200_000, 21_500_000, 18_900_000, 12_300_000, 9_100_000, 4_700_000],
}
df = pd.DataFrame(data)

fig = px.bar(df.sort_values("omzet", ascending=False),
             x="kategori", y="omzet",
             title="Omzet per Kategori toko_berkah")
fig.show()

Dari chart-nya langsung kelihatan Sembako nyumbang Rp 48,2 juta, sekitar 42% dari total omzet Rp 114,7 juta bulan itu. Dua kategori teratas, Sembako dan Minuman, gabungan nutup 61% omzet.

Waktu aku hover di bar Snack, angkanya Rp 18,9 juta, cuma beda tipis dari Minuman. Tanpa hover, dua bar itu keliatan mirip dan gampang ketuker. Ini gunanya interaktif: beda yang halus jadi jelas.

Buat naruh chart kayak gini ke dashboard yang rapi, prinsip desainnya aku bahas di prinsip desain dashboard.

Plotly Express vs Matplotlib: kapan pakai yang mana?

Dua-duanya library visualisasi Python, tapi tujuannya beda. Ini patokan cepat.

Aspek	Plotly Express	Matplotlib
Interaktif	Ya, bawaan	Statis
Baris kode	Pendek, sering 1 baris	Lebih panjang
Cocok buat	Eksplorasi, dashboard web	Laporan cetak, kontrol detail
Output	HTML interaktif	Gambar PNG atau PDF

Kalau kamu lagi ngulik data dan mau cepat lihat pola, pakai px. Kalau butuh gambar buat dokumen cetak dengan kontrol tiap detail, Matplotlib masih pilihan yang oke.

Kesalahan umum waktu pakai Plotly Express

Nginstall paket bernama plotly-express. Paket itu udah nggak dipakai. Yang bener install plotly, terus import plotly.express as px.

Lupa fig.show(). Bikin figure aja nggak nampilin apa-apa. Panggil fig.show() di akhir biar grafiknya keluar.

Ngasih data yang belum rapi. Plotly Express paling enak sama DataFrame yang formatnya panjang, satu baris satu observasi. Data yang masih lebar sering bikin sumbu kebalik. Rapiin dulu pakai pandas.

Naruh terlalu banyak seri di satu chart. Lima warna masih kebaca. Sepuluh warna bikin pusing. Pecah jadi beberapa chart atau pakai facet.

Ngandelin warna default buat semua. Warna default oke buat eksplorasi, tapi buat presentasi, samain warnanya sama palet brand biar konsisten.

FAQ

Apa itu Plotly Express?

Plotly Express adalah modul high-level dari library Plotly buat Python. Fungsinya bikin grafik interaktif cukup satu baris kode, biasanya diimport sebagai px. Beda sama Plotly biasa yang butuh setup panjang, px ngurus banyak default secara otomatis. Chart yang keluar langsung interaktif, jadi kamu bisa hover buat lihat angka, zoom, dan pan tanpa nulis kode tambahan. Cocok banget buat eksplorasi data cepat.

Apa bedanya Plotly Express sama Matplotlib?

Matplotlib bikin gambar statis dan butuh lebih banyak baris kode buat hasil rapi. Plotly Express bikin grafik interaktif dengan kode jauh lebih pendek. Di Plotly kamu bisa hover buat lihat nilai, zoom ke bagian tertentu, dan matiin seri lewat legend, semua tanpa nulis kode ekstra. Buat laporan cetak, Matplotlib masih oke. Buat eksplorasi dan dashboard web, Plotly Express lebih enak.

Gimana cara install Plotly Express?

Plotly Express ikut dalam paket plotly, jadi kamu cukup jalanin pip install plotly di terminal. Setelah itu import di kode pakai import plotly.express as px. Nggak ada paket terpisah bernama plotly-express yang perlu diinstall. Kalau kamu pakai Jupyter atau Google Colab, biasanya plotly udah tersedia, tinggal import langsung dan grafiknya nongol di dalam notebook.

Kenapa grafik Plotly saya nggak muncul?

Paling sering karena kamu lupa panggil fig.show() di akhir, atau lingkungan yang kamu pakai belum bisa nampilin output interaktif. Di Jupyter dan Colab biasanya langsung nongol. Di script biasa, fig.show() bakal buka grafiknya di browser. Kalau masih kosong, cek versi plotly kamu dan pastiin nggak ada error di baris sebelumnya yang bikin fig nggak kebentuk.

Bisa nggak Plotly Express dipakai buat dashboard?

Bisa. Plotly Express sering jadi titik awal sebelum grafiknya ditaruh di dashboard pakai Dash atau Streamlit. Kamu bikin chart-nya dulu pakai px, cek udah bener, baru pasang di layout dashboard. Karena outputnya objek figure Plotly, gampang dipindahin ke framework itu tanpa nulis ulang. Buat eksplorasi cepat, px sendiri udah cukup interaktif tanpa perlu dashboard penuh.

Penutup

Ringkasnya soal Plotly Express:

• Install plotly, import plotly.express as px, jangan install paket plotly-express terpisah
• px.bar, px.line, px.scatter ngasih chart interaktif cukup satu baris
• Interaktif bikin beda halus antar data jadi kelihatan pas di-hover

Coba ambil satu DataFrame yang kamu punya, terus bikin bar chart pakai px.bar. Hover di tiap bar dan lihat angka yang selama ini kamu tebak-tebak. Buat lanjut ke pemilihan chart yang tepat, baca dashboard vs laporan, dan pahami dasar visualisasi data. Dokumentasi resminya ada di dokumentasi Plotly.