The Bokeh logo
  • 2.4.1
  • First steps
  • User guide
  • Gallery
  • Reference
  • Contribute
  • Releases
  • Tutorial
  • Community
On this page
  • Server App Examples
  • Notebook Examples
  • Standalone Examples

Gallery¶

See the sections below for examples of using Bokeh in different ways.

  • Server App Examples

  • Notebook Examples

  • Standalone Examples

Server App Examples¶

The examples linked below all show off usage of the Bokeh server. The Bokeh server provides a place where interesting things can happen—data can be updated to in turn update the plot, and UI and selection events can be processed to trigger more visual updates.

An interactive query tool for a set of IMDB data

Source code: movies

Shows axis histograms for selected and non-selected points in a scatter plot

Source code: selection_histogram

Interactive weather statistics for three cities

Source code: weather

A basic demo that has sliders for controlling a plotted trigonometric function

Source code: sliders.py

Explore the "autompg" data set by selecting and highlighting different dimensions

Source code: crossfilter

A reproduction of the famous Gapminder demo, with embedded video added using a custom page template

Source code: gapminder

Linked plots, summary statistics, and correlations for market data

Source code: stocks

An updating 3d plot that demonstrates using Bokeh custom extensions to wrap third-party JavaScript libraries

Source code: surface3d

Explore the "autompg" data set by selecting and highlighting different dimensions

Source code: export_csv

Notebook Examples¶

The best place to immediately experiment with Bokeh in notebooks is in the live tutorial notebooks hosted online by MyBinder.

Standalone Examples¶

All of the examples below are located in the examples subdirectory of your Bokeh checkout. By “standalone” we mean that these examples make no use of the Bokeh server. These plots still have many interactive tools and features, including linked panning and brushing, and hover inspectors.

Click on an image below to see its code and interact with the live plot.

  • marker_map

  • latex_blackbody_radiation

  • latex_normal_distribution

  • network_graph

  • hexbin

  • sprint

  • ridgeplot

  • hex_tile

  • bar_colormapped

  • bar_intervals

  • range_tool

  • pie_chart

  • bar_mixed

  • bar_nested_colormapped

  • categorical_heatmap

  • bar_pandas_groupby_colormapped

  • bar_pandas_groupby_nested

  • bar_stacked

  • bar_stacked_split

  • categorical_scatter_jitter

  • bar_nested

  • candlestick

  • legend

  • bar_colors

  • box_annotation

  • les_mis

  • bar_dodged

  • unemployment

  • stocks

  • hatch_grid_band

  • image_rgba

  • dotplot

  • periodic

  • histogram

  • image

  • slider

  • jitter

  • lorenz

  • color_scatter

  • color_sliders

  • iris_splom

  • anscombe

  • texas

  • markers

  • burtin

  • bar_basic

  • stacked_area

  • elements

  • boxplot

  • logplot

  • eclipse

  • iris

previous

Developing with JavaScript

next

Reference

Project
  • Roadmap
  • Team
  • Branding
Documentation
  • User Guide
  • Gallery
  • Reference Guide
Hands On
  • Tutorials
  • Demos
  • Support
Contribute
  • GitHub
  • Contributor Guide
  • Sponsor

Bokeh is a fiscally sponsored project of NumFOCUS, a nonprofit dedicated to supporting the open-source scientific computing community. Donations help pay for cloud hosting costs, travel, and other project needs.

©2021 Bokeh Contributors. The website content uses the BSD License and is covered by the Bokeh Code of Conduct.

Donate