In [ ]:
import hvplot.pandas  # noqa

area can be used to color the area under a line or to color the space between two lines.

In [ ]:
from bokeh.sampledata.degrees import data


First we'll look at a single curve, where we are enforcing the y axis must be between 0 and 100 and we set the background color.

In [ ]:
data.hvplot.area(x='Year', y='Computer Science', label='% of Computer Science Degrees Earned by Women',
                 ylim=(0, 100), width=500, height=400).opts(bgcolor='goldenrod')
In [ ]:
import pandas as pd
from bokeh.sampledata.stocks import MSFT

df = pd.DataFrame(MSFT)
df['date'] = pd.to_datetime(

To color the area between two curves, include both a y and a y2.

In [ ]:
df[ == 2000].hvplot.area(x='date', y='low', y2='high')

When multiple y values are passed, they are stacked by default.

In [ ]:
df.hvplot.area(x='date', y=['open', 'close'])

Area plots can also be unstacked:

In [ ]:
df.hvplot.area(x='date', y=['open', 'close'], stacked=False,
               groupby='date.year', legend='bottom_right', width=500)