Plotly và Figure của Plotly

Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Alex Scriven

Data Scientist

Plotly là gì?

 

  • Thư viện vẽ đồ thị bằng JavaScript
    • Đừng lo — không cần biết JavaScript!
  • Plotly có wrapper cho Python

 

Logo Plotly

Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Vì sao dùng Plotly?

 

Các ưu điểm nổi bật của Plotly:

  • Nhanh và dễ dùng
  • Ít mã/ít công với plotly.express
  • (Nếu cần) Tùy biến rất cao
  • Tương tác tích hợp sẵn
Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Tạo Plotly Figure

 

Có thể tạo biểu đồ Plotly:

  1. Với plotly.express cho biểu đồ nhanh (px)
  2. Với plotly.graph_objects (go) để tùy biến nhiều hơn

$$

📈 Chúng ta sẽ chủ yếu dùng px

Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Tài liệu rất quan trọng

Lưu các liên kết tài liệu quan trọng!

  1. Tài liệu tương tác

  2. Trang tham chiếu chi tiết cho từng biểu đồ

$$

Với Scatter:

Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Tạo Figure của chúng ta

  Một figure plotly cơ bản:

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()
Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Figure của chúng ta được hiển thị

Biểu đồ cột nhiệt độ theo tuần

Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Plotly Figure

 

Thành phần của Plotly Figure:

  • layout: Từ điển điều khiển kiểu dáng figure
    • Mỗi figure có một layout
  • data: Danh sách từ điển chỉ định kiểu biểu đồ và dữ liệu
    • Dữ liệu + kiểu = một trace. Có hơn 40 kiểu!
    • Có thể có nhiều trace trong một biểu đồ
  • frames: Cho biểu đồ động (ngoài phạm vi khóa học)
Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Bên trong một 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'}}})
Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Tính tương tác tức thì của Plotly

$$

  • Di chuột lên các điểm dữ liệu
  • Có thêm nút tương tác

Tùy chọn khi hover

Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Ayo berlatih!

Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python

Preparing Video For Download...