Plotly untuk Pemula: Grafik Interaktif di Python

Plotly adalah library Python buat bikin grafik interaktif yang bisa di-hover, di-zoom, dan diklik langsung di browser.

Bedanya sama grafik biasa: kamu nggak cuma lihat gambar diam. Kamu bisa arahin kursor buat lihat nilai pasti, zoom ke bagian tertentu, dan matiin kategori dengan klik legenda. Cocok buat eksplorasi data dan laporan web.

Aku bahas dari instalasi, cara bikin chart pertama pakai Plotly Express, tiga jenis grafik dasar, sampai contoh di data penjualan toko Indonesia.

Apa itu Plotly dan kenapa interaktif?

Plotly adalah library visualisasi Python yang ngasilin grafik interaktif berbasis web. Tiap chart yang kamu bikin bisa dieksplor pengguna: hover buat lihat angka, zoom buat perbesar area, dan klik buat nyaring kategori. Semua itu jalan tanpa kamu nulis kode tambahan.

Interaktivitas ini yang bikin Plotly beda dari Matplotlib yang ngasilin gambar diam. Buat ngerti kapan pakai grafik apa, konsep dasarnya ada di glossary visualisasi data.

Gimana cara install Plotly?

Install lewat pip, sama kayak library Python lain. Buka terminal, ketik satu perintah, tunggu selesai. Setelah itu Plotly siap dipakai.

pip install plotly

Kalau kamu pakai Jupyter Notebook atau Google Colab, jalanin di dalam sel dengan tanda seru di depan:

!pip install plotly

Setelah terinstal, import modul Plotly Express di awal script. Modul ini yang bakal kamu pakai buat hampir semua chart.

import plotly.express as px

Gimana cara bikin grafik pertama pakai Plotly Express?

Plotly Express bikin chart lengkap dalam satu baris. Kamu panggil fungsi sesuai jenis grafik, kasih data dan nama kolom, lalu tampilin. Ini bar chart paling dasar.

import plotly.express as px

data = {
    'kota': ['Jakarta', 'Surabaya', 'Bandung', 'Medan'],
    'penjualan': [45, 38, 30, 22]
}

fig = px.bar(data, x='kota', y='penjualan', title='Penjualan per Kota')
fig.show()

Perhatiin polanya. Fungsi px.bar minta data, kolom buat sumbu x, dan kolom buat sumbu y. Baris fig.show() nampilin grafiknya di browser atau notebook, langsung bisa di-hover.

Pola yang sama berlaku buat semua chart Plotly Express. Ganti px.bar jadi px.line atau px.scatter, sisanya mirip.

Apa saja jenis grafik dasar di Plotly?

Ada banyak, tapi tiga ini yang paling sering kamu pakai. Masing-masing buat tujuan beda.

Fungsi	Jenis grafik	Buat apa
px.bar	Bar chart	Bandingin nilai antar kategori
px.line	Line chart	Lihat tren sepanjang waktu
px.scatter	Scatter plot	Lihat hubungan dua variabel

Line chart buat tren

fig = px.line(df, x='bulan', y='penjualan', title='Tren Penjualan Bulanan')
fig.show()

Line chart nyambungin titik data jadi garis, cocok buat data yang berurutan kayak penjualan tiap bulan.

Scatter plot buat hubungan

fig = px.scatter(df, x='biaya_iklan', y='penjualan',
                 title='Hubungan Iklan dan Penjualan')
fig.show()

Scatter plot nyebar titik di dua sumbu, jadi kamu bisa lihat apakah dua hal saling berhubungan. Titik yang naik dari kiri ke kanan nunjukin hubungan positif.

Gimana cara tambah warna dan hover di Plotly?

Kamu bisa warnain data per kategori pakai argumen color, dan atur info yang muncul pas hover pakai hover_data. Dua argumen ini yang bikin grafik Plotly kepakai buat eksplorasi.

fig = px.bar(df, x='kota', y='penjualan',
             color='kategori',
             hover_data=['profit'],
             title='Penjualan per Kota dan Kategori')
fig.show()

Argumen color='kategori' mecah tiap batang jadi warna beda per kategori, plus bikin legenda otomatis. Argumen hover_data=['profit'] nambahin angka profit di tooltip pas kamu arahin kursor. Pengguna bisa lihat detail tanpa grafik jadi penuh teks.

Contoh kasus: eksplorasi penjualan toko_berkah

Aku olah data toko_berkah dari 14.880 transaksi setahun, dikelompokkan per bulan dan kategori. Aku mau lihat tren dan cari bulan yang aneh, pakai line chart interaktif.

import plotly.express as px
import pandas as pd

df = pd.read_csv('penjualan_bulanan.csv')

fig = px.line(df, x='bulan', y='penjualan',
              color='kategori',
              title='Tren Penjualan Toko Berkah per Kategori')
fig.show()

Waktu aku hover garis kategori minuman, ketauan lonjakan di bulan Juni yang tembus 41% di atas rata-rata bulan lain. Angka itu nggak langsung kelihatan di grafik statis, tapi begitu aku zoom dan hover, titiknya jelas. Ternyata bulan itu ada promo Ramadan yang narik penjualan minuman.

Ini kekuatan grafik interaktif. Aku nggak perlu bikin ulang chart buat lihat detail satu bulan. Cukup hover dan zoom, temuannya muncul. Buat lihat sebaran data sebelum bikin tren, konsepnya nyambung sama distribusi data.

Gimana cara simpan grafik Plotly?

Ada dua bentuk simpanan, tergantung kebutuhan. HTML buat yang tetap interaktif, PNG buat gambar diam.

# Simpan sebagai HTML interaktif
fig.write_html('grafik.html')

# Simpan sebagai gambar PNG (butuh: pip install kaleido)
fig.write_image('grafik.png')

File HTML tetap bisa di-hover dan di-zoom waktu dibuka di browser, cocok buat dibagikan online. File PNG jadi gambar biasa buat laporan atau dokumen yang nggak butuh interaksi. Buat PNG, kamu perlu install library tambahan kaleido dulu.

Kesalahan umum waktu mulai Plotly

• Lupa fig.show(). Bikin figur tanpa manggil show bikin grafik nggak muncul. Selalu tutup dengan fig.show().
• Nyampur Plotly Express dan Graph Objects. Buat pemula, tetap di Plotly Express dulu. Graph Objects lebih rinci tapi bikin bingung di awal.
• Nama kolom salah ketik. Argumen x dan y harus persis sama nama kolom di DataFrame. Beda huruf bikin error.
• Nyoba write_image tanpa kaleido. Simpan PNG butuh library kaleido. Tanpa itu, muncul error. Install dulu pakai pip.
• Data belum bersih. Nilai kosong atau tipe salah bikin grafik aneh. Cek dan bersihin DataFrame sebelum masuk ke Plotly.

FAQ

Apa beda Plotly dan Matplotlib?

Matplotlib bikin grafik statis berupa gambar diam, cocok buat laporan cetak dan publikasi. Plotly bikin grafik interaktif yang bisa di-hover buat lihat nilai, di-zoom, dan diklik, jalan di browser atau notebook. Buat eksplorasi data dan dashboard web, Plotly lebih enak karena orang bisa ngutak-atik sendiri. Buat gambar statis yang masuk PDF atau paper, Matplotlib lebih ringan dan standar. Banyak analis pakai keduanya sesuai kebutuhan.

Apa itu Plotly Express?

Plotly Express adalah modul di dalam Plotly yang bikin grafik dalam satu baris kode. Kamu import pakai import plotly.express as px, lalu panggil fungsi seperti px.bar atau px.scatter dengan data kamu. Modul ini ngurusin detail seperti warna, legenda, dan tata letak otomatis. Buat pemula, mulai dari Plotly Express jauh lebih gampang daripada langsung ke Plotly Graph Objects yang lebih rinci tapi lebih ribet.

Gimana cara install Plotly?

Buka terminal atau command prompt, ketik pip install plotly, lalu Enter. Kalau kamu pakai Jupyter Notebook atau Google Colab, jalanin di sel pakai tanda seru di depan, jadi pip install plotly. Setelah selesai, import di script pakai import plotly.express as px. Buat kerja sama DataFrame, pastikan pandas juga terinstal. Plotly jalan di kebanyakan lingkungan Python modern tanpa setelan tambahan.

Apa Plotly gratis untuk dipakai?

Ya, library Plotly buat Python gratis dan open source, jadi kamu bisa pakai buat proyek pribadi maupun komersial tanpa biaya. Yang berbayar itu produk terpisah seperti Dash Enterprise dan layanan hosting Chart Studio milik perusahaan yang sama. Buat bikin grafik interaktif di notebook, script, atau aplikasi web sendiri, versi gratisnya udah lebih dari cukup dan nggak ada batasan fitur inti.

Bisa nggak grafik Plotly disimpan jadi file?

Bisa, dua bentuk. Kamu bisa simpan jadi file HTML pakai fig.write_html('grafik.html'), dan file ini tetap interaktif waktu dibuka di browser. Kalau butuh gambar diam buat laporan, simpan jadi PNG pakai fig.write_image('grafik.png'), tapi ini butuh library tambahan bernama kaleido yang diinstal pakai pip. File HTML cocok buat dibagikan online, PNG cocok buat dokumen yang nggak butuh interaksi.

Penutup

Yang perlu kamu bawa: Plotly bikin grafik interaktif dalam satu baris lewat Plotly Express, tinggal ganti fungsi buat ganti jenis chart, dan hasilnya bisa di-hover plus di-zoom.

Cara mulai paling gampang: install pakai pip, import plotly.express as px, lalu bikin satu bar chart dari data kamu sendiri. Rasain bedanya pas grafiknya bisa diklik.

Mau bandingin sama grafik statis? Baca cara bikin histogram di Matplotlib. Dokumentasi lengkap semua fungsi ada di dokumentasi resmi Plotly. Mau latihan olah dan visualisasi data Python dari kasus nyata? Coba modul di Ngulik Data.