Plotly และ Plotly Figure

การแสดงผลข้อมูลด้วย Plotly ใน Python

Alex Scriven

Data Scientist

Plotly คืออะไร?

ไลบรารีกราฟบน JavaScript
- ไม่ต้องกังวล — ไม่จำเป็นต้องรู้ JavaScript!
Plotly มี Python wrapper

โลโก้ Plotly

ทำไมต้องใช้ Plotly?

Plotly มีข้อดีที่โดดเด่นหลายประการ:

รวดเร็วและใช้งานง่าย
เขียนโค้ดน้อย ใช้ความพยายามน้อย ด้วย plotly.express
ปรับแต่งได้ละเอียดมากหากต้องการ
มีการโต้ตอบแบบ built-in

การสร้าง Plotly Figure

สร้างกราฟ Plotly ได้ด้วยวิธีเหล่านี้:

ใช้ plotly.express สำหรับพล็อตรวดเร็ว (px)
ใช้ plotly.graph_objects (go) สำหรับการปรับแต่งเพิ่มเติม

📈 ส่วนใหญ่จะใช้เวลากับ px

ความสำคัญของเอกสารอ้างอิง

บันทึกลิงก์เอกสารสำคัญเหล่านี้ไว้!

เอกสารแบบอินเทอร์แอคทีฟ
หน้าอ้างอิงเชิงลึก สำหรับพล็อตแต่ละประเภท

สำหรับ Scatter plot:

plotly.express หน้าตัวอย่าง
อ้างอิงเชิงเทคนิค สำหรับ object พื้นฐาน

การสร้าง Figure

ตัวอย่าง plotly figure เบื้องต้น:

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 ที่ได้

กราฟแท่งแสดงอุณหภูมิรายสัปดาห์

Plotly Figure

องค์ประกอบของ Plotly Figure:

layout: Dictionary ที่ควบคุมรูปแบบของ figure
- มี layout ได้หนึ่งอันต่อ figure
data: List ของ dictionary ที่กำหนดประเภทกราฟและข้อมูล
- ข้อมูล + ประเภท = trace มีมากกว่า 40 ประเภท!
- หนึ่งกราฟมีหลาย trace ได้
frames: สำหรับพล็อตแบบแอนิเมชัน (นอกเหนือขอบเขตคอร์สนี้)

ภายใน 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'}}})

การโต้ตอบแบบทันทีของ Plotly

วางเมาส์เหนือจุดข้อมูล
ปุ่มโต้ตอบเพิ่มเติม

ตัวเลือก hover

มาฝึกกันเถอะ!

การแสดงผลข้อมูลด้วย Plotly ใน Python