Grafik dan figur Plotly

Membangun Dasbor dengan Dash dan Plotly

Alex Scriven

Data Scientist

Apa itu Dash?

Library Python untuk membuat aplikasi web interaktif

Keunggulan:

Gratis! Tidak seperti Tableau atau PowerBI
Manfaatkan JavaScript hanya dengan Python
Lebih sedikit kode dibanding framework aplikasi web

Plotly dan Dash

Saling melengkapi

Dash: dashboard interaktif dengan banyak grafik Plotly
Lihat contoh ini
- Gambar, teks, dan bagan
- Lihat kode sumber

Tangkapan layar contoh dashboard finansial berisi berbagai grafik, teks, tabel, dan gambar, termasuk bagan garis dengan detail hover

Apa itu Plotly?

Ringkas Plotly, fokus ke Dash
Library Python untuk membuat grafik modern dan interaktif
- Bungkus JavaScript, tapi kodenya Python
Buat grafik dengan plotly.express

Lihat Introduction to Data Visualization with Plotly in Python

Data e-commerce kita

Dataset penjualan e-commerce

Rincian:
- Kategori item (Mayor, Minor) + deskripsi
- Harga satuan, kuantitas (+ OrderValue)
- Negara
- Tahun-Bulan penjualan

Representasi penjualan e-commerce

Bagan garis dengan plotly.express

import plotly.express as px

line_graph = px.line(

  data_frame=ecom_sales,
  x='Year-Month',
  y='Total Sales ($)', 
  title='Total Sales by Month')

line_graph.show()

GIF bagan garis penjualan per bulan; kursor menyorot titik untuk menampilkan bulan dan angka penjualan saat hover

Bagan batang dengan plotly.express

bar_fig = px.bar(
  data_frame=ecom_sales,
  x='Total Sales ($)',
  y='Country',
  title='Total Sales by Country',

  orientation='h')

bar_fig.show()

GIF bagan batang horizontal: total penjualan pada sumbu x menurut negara pada sumbu y. Kursor menyorot beberapa batang untuk menampilkan data saat hover

Kustomisasi grafik Plotly

Ubah lebar batang pada bagan batang:

bar_fig.update_layout({'bargap': 0.5})

bar_fig.show()

Lihat dokumentasi Plotly

Gambar bagan batang horizontal: total penjualan pada sumbu x menurut negara pada sumbu y. Sama seperti slide sebelumnya, tetapi jarak antar batang lebih kecil.

Ayo berlatih!

Membangun Dasbor dengan Dash dan Plotly