Kustomisasi sumbu

Visualisasi Data Interaktif dengan Bokeh

George Boorman

Core Curriculum Manager, DataCamp

Plot garis

source = ColumnDataSource(data=apple)
fig = figure(x_axis_label="Date", y_axis_label="Market Cap ($)")
fig.line(x="date", y="market_cap", source=source)

output_file(filename="unformatted_plot.html") show(fig)

apple_unformatted

Visualisasi Data Interaktif dengan Bokeh

Tipe sumbu-X

source = ColumnDataSource(data=apple)
fig = figure(x_axis_label="Date", y_axis_label="Market Cap ($)",

x_axis_type="datetime")
fig.line(x="date", y="market_cap", source=source) output_file(filename="unformatted_plot.html") show(fig)

x_axis_type_plot

Visualisasi Data Interaktif dengan Bokeh

Opsi pemformatan

  • NumeralTickFormatter
  • Argumen: format
Value format Output
1500.00 "$0.00" $1500.00
2000.00 "$0" $2000
5000.00 "$0,0" $5,000
1100000 "$0.0a" $1.1m
5000000000 "$0a $5b
  • DatetimeTickFormatter
  • Argumen: months
Value months Output
"2018-03-01" "%B %Y" "March 2018"
"2019-10-15" "%b %Y" "Oct 2019"
"2020-02-09" "%b %y" "Feb 20"
  • Argumen lain:
    • microseconds, milliseconds, seconds, minisec, minutes, hourmin, hours, days, years
Visualisasi Data Interaktif dengan Bokeh

NumeralTickFormatter

from bokeh.models import NumeralTickFormatter

fig = figure(x_axis_label="Date", y_axis_label="Price ($)") fig.line(x="date", y="market_cap", source=source)
fig.yaxis[0].formatter = NumeralTickFormatter(format="$0.0a")
output_file(filename="formatted_y_axis.html") show(fig)

apple_formatted_y_axis

Visualisasi Data Interaktif dengan Bokeh

DatetimeTickFormatter

from bokeh.models import NumeralTickFormatter, DatetimeTickFormatter

fig = figure(x_axis_label="Date", y_axis_label="Price ($)") fig.line(x="date", y="price", source=source) fig.yaxis[0].formatter = NumeralTickFormatter(format="$0.0a")
fig.xaxis[0].formatter = DatetimeTickFormatter(months="%b %Y")
output_file(filename="formatted_market_cap.html") show(fig)
Visualisasi Data Interaktif dengan Bokeh

Plot akhir

apple_formatted

Visualisasi Data Interaktif dengan Bokeh

Ayo berlatih!

Visualisasi Data Interaktif dengan Bokeh

Preparing Video For Download...