บทนำสู่ Bokeh

การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

George Boorman

Core Curriculum Manager, DataCamp

Bokeh คืออะไร?

เอกสารประกอบ

กราฟรถยนต์แบบโต้ตอบ

การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

ภาพรวมของคอร์ส

  • บทที่ 1: บทนำสู่ Bokeh
  • บทที่ 2: การปรับแต่งการแสดงผล
  • บทที่ 3: การเล่าเรื่องด้วยการแสดงผล
  • บทที่ 4: บทนำสู่ widgets
การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh
import pandas as pd
nba = pd.read_csv("nba.csv")
print(nba.columns)
Index(['player', 'position', 'minutes', 'field_goal_perc', 'three_point_perc',
       'free_throw_perc', 'rebounds', 'assists', 'steals', 'blocks', 'points',
       'team', 'conference', 'scorer_category'],
      dtype='object')
print(nba.shape)
(424, 14)
การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

การตั้งค่า figure

from bokeh.plotting import figure

from bokeh.io import output_file, show
fig = figure()
output_file(filename="empty_figure.html")
show(fig)

รูป figure ว่างเปล่า

การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

สร้างกราฟกระจาย

fig = figure(x_axis_label="Minutes Played", y_axis_label="Points Per Game")

fig.circle(x=nba["minutes"], y=nba["points"])
output_file(filename="nba_points.html") show(fig)

กราฟกระจาย NBA

การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

แสดงกราฟเส้น

fig = figure(x_axis_label="Season", y_axis_label="Points")

fig.line(x=lebron["season"], y=lebron["points"])
output_file(filename="lebron_points_per_season.html") show(fig)

กราฟเส้น LeBron

การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

การพล็อตข้อมูลเชิงหมวดหมู่

positions = nba.groupby("position", as_index=False)["points"].mean()

fig = figure(x_axis_label="Position", y_axis_label="Points per Game",
x_range=positions["position"])
fig.vbar(x=positions["position"], top=positions["points"])
output_file(filename="nba_points_by_position.html") show(fig)

ตำแหน่งผู้เล่น NBA

การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

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

การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

Preparing Video For Download...