```
p = figure(tools='box_select')
p.circle('mpg', 'cyl', source=cds_df,
             selection_color='red',
             nonselection_alpha=0.1)


Selection and Non-Selection Glyphs

```
from bokeh.models import HoverTool
hover = HoverTool(tooltips=None, mode='vline')
p3.add_tools(hover)


Hover Glyphs

```
from bokeh.models import CategoricalColorMapper
color_mapper = CategoricalColorMapper(
                   factors=['US', 'Asia', 'Europe'],
                   palette=['blue', 'red', 'green'])
p3.circle('mpg', 'cyl', source=cds_df,
             color=dict(field='origin',
                        transform=color_mapper),
             legend='Origin')

Colormapping

1. Selection and Non-Selections Glyphs

2. Hover Glyphs

3. Colormapping

Michigan State University

1. Glyphs

2. Customized Glyphs

3. Legend Location

4. Legend Orientation

5. Legend Background and Border

6. Rows & Columns Layout

7. Grid Layout

8. Tabbed Layout

9. Linked Plots


Renderers & Visual Customizations

Glyphs

Customized Glyphs

Inside Plot Area
```
p.legend.location = 'bottom_left'
```
Outside Plot Area
```
from bokeh.models import Legend
r1 = p2.asterisk(np.array([1,2,3]), np.array([3,2,1])
r2 = p2.line([1,2,3,4], [3,4,5,6])
legend = Legend(items=[("One" ,[p1, r1]),("Two",[r2])],

                    location=(0, -30))
p.add_layout(legend, 'right')
```

Legen Location

```
p.legend.orientation = "horizontal"
p.legend.orientation = "vertical"

Legend Orientation

```
p.legend.border_line_color = "navy"
p.legend.background_fill_color = "white"
 

Legend Background and Border

Rows
```
from bokeh.layouts import row
layout = row(p1,p2,p3)
```
Columns
```
from bokeh.layouts import columns
layout = column(p1,p2,p3)
```
Nesting Rows & Columns
```
layout = row(column(p1,p2), p3)
```

Rows and Columns Layout

```
from bokeh.models.widgets import Panel, Tabs
tab1 = Panel(child=p1, title="tab1")
tab2 = Panel(child=p2, title="tab2")
layout = Tabs(tabs=[tab1, tab2])
 ```

Tabbed Layout

Linked Axes
```
p2.x_range = p1.x_range
p2.y_range = p1.y_range
```
Linked Brushing
```
p4 = figure(plot_width = 100,
           tools='box_select,lasso_select')
p4.circle('mpg', 'cyl', source=cds_df)
p5 = figure(plot_width = 200,
           tools='box_select,lasso_select')
p5.circle('mpg', 'hp', source=cds_df)
layout = row(p4,p5)
```

Learn Before

Related

Learn After