图库#

以下所有示例都位于 Bokeh 存储库的 examples 子目录中。点击下面的图片即可查看其代码并与实时绘图进行交互。

基本绘图

Thumbnail link to the examples/basic/scatters/markers.py example shows all the different scatter marker types available in Bokeh on a single plot.

标记

Thumbnail link to the examples/basic/scatters/color_scatter.py example shows a multicolored scatter plot of random data with hover tool.

彩色散点图

Thumbnail link to the examples/basic/scatters/elements.py example shows a scatter plot of density vs atomic weight of atomic elements, colormapped by their melting points.

元素

图像 URL

Thumbnail link to the examples/basic/lines/lorenz.py example shows a plot of the Lorenz attractor using the MultiLine glyph.

洛伦兹吸引子

Thumbnail link to the examples/basic/data/linear_cmap.py example shows a hexplot of a Gaussian distribution with the hex elements colormapped by a linear colormapper.

线性颜色映射

Thumbnail link to the examples/basic/data/linear_cmap_colorbar.py example shows a linear colormapper used to drive a colorbar in addition to a glyph's color.

线性颜色映射带颜色条

Thumbnail link to the examples/basic/data/color_mappers.py example shows comparison of linear and log colormaps with different palette sizes.

颜色映射器

Thumbnail link to the examples/basic/data/transform_markers.py example shows a scatter plot of the Palmer penguins dataset, color- and marker-mapped by species. The x-axis is flipper length (mm) and the y-axis is body mass (g).

变换标记

Thumbnail link to the examples/basic/data/transform_jitter.py example shows a column of two categorical scatter plots of random data. The top has no jitter applied, may scatter points overlap. The bottom has jitter applied to distinguish points better.

抖动变换

Thumbnail link to the examples/basic/axes/logplot.py example shows a plot of six basic mathematical functions such as y=x and y=x**2 on a log-scale using different lines styles for each.

对数图

Thumbnail link to the examples/basic/axes/twin_axes.py example shows a plot with two x-axes on different scales on the left hand side of the plot.

双轴

Thumbnail link to the examples/basic/axes/fixed_axis.py example shows a plot with an axis positioned in the center of the plot instead of around the sides.

固定轴

Thumbnail link to the examples/basic/bars/basic.py example shows a simple bar chart for counts for categories of fruits.

基本

Thumbnail link to the examples/basic/bars/colormapped.py example shows a simple bar plot with bars for six categories of fruit on the x-axis, and bars shaded with the Bright6 palette.

颜色映射

Thumbnail link to the examples/basic/bars/intervals.py example shows an interval chart showing Olympic sprint time data as intervals using blue horizontal bars for times, with a bar for each year on the y-axis.

区间

Thumbnail link to the examples/basic/bars/mixed.py example shows a bar chart of synthetic monthly sales data, grouped by quarter. A line showing each quarterly average is overlaid.

混合

Thumbnail link to the examples/basic/bars/nested_colormapped.py example shows a grouped bar chart on a hierarchical categorical axis of years for different categories of fruit. Each group has a silver, blue, and red bar corresponding to random values for years 2015, 2016 and 2017.

嵌套颜色映射

Thumbnail link to the examples/basic/bars/pandas_groupby_colormapped.py example shows a bar chart of MPG vs cylinders using the Auto MPG dataset, colormapped by the number of cylinders.

Pandas 分组颜色映射

Thumbnail link to the examples/basic/bars/pandas_groupby_nested.py example shows a grouped bar chart of MPG vs cylinders and manufacturer, using the Auto MPG dataset. The bars are grouped and colormapped by the number of cylinders.

Pandas 分组嵌套

Thumbnail link to the examples/basic/bars/stacked.py example shows a stacked bar chart for random data for six categories of fruit. Each row in the stack corresponds to a different year.

堆叠

Thumbnail link to the examples/basic/bars/stacked_split.py example.

堆叠分割

Thumbnail link to the examples/basic/bars/nested.py example shows a grouped bar chart on a hierarchical categorical axis of years for different categories of fruit. Each group has three blue bars corresponding to random values for years 2015, 2016 and 2017.

嵌套

Thumbnail link to the examples/basic/bars/colors.py example shows a simple bar chart of six bars shaded according to the Bright6 palette.

颜色

Thumbnail link to the examples/basic/bars/dodged.py example shows a grouped bar chart using a visual dodge on the bars, rather than a hierarchical axis. Each group has a silver, blue, and red bar illustrated in the accompanying legend.

并排

Thumbnail link to the examples/basic/areas/stacked_area.py example shows a stacked area plot of synthetic data for ten series, colormapped using the Sunset palette, with a legend at the top.

堆叠面积图

Thumbnail link to the examples/basic/layouts/anscombe.py example shows a gridplot of four scatter and regression line plots illustrating Anscombe's Quartet.

安斯库姆四重奏

Thumbnail link to the examples/basic/annotations/legend.py example shows a row of fo plots that have sine waves in different scatter and line styles, illustrated in accompanying legends.

图例

Thumbnail link to the examples/basic/annotations/arrow.py example that shows three different arrow annotation configurations.

箭头

Thumbnail link to the examples/basic/annotations/band.py example that shows a band annotation around a trend line in a scatter plot.

带状

Thumbnail link to the examples/basic/annotations/slope.py example that shows an orange y=mx+b trend line in a scatter plot.

斜率

Thumbnail link to the examples/basic/annotations/span.py example that shows green vertical spans marking the start and end dates of Daylight Savings time in Warsaw in 2013.

跨度

Thumbnail link to the examples/basic/annotations/whisker.py example that shows whisker annotations marking quantile ranges over categorical scatter plots.

须状

Thumbnail link to the examples/basic/annotations/colorbar_log.py example that shows a log-scale color bar next to a colormapped image plot.

对数颜色条

Thumbnail link to the examples/basic/annotations/box_annotation.py example shows a timeseries plot of glucose data readings with red box annotations marking regions where the readings are too high or too low.

方框注释

外观

Thumbnail link to the examples/styling/plots/grid_bounds.py example shows how to set bounds limits on plot grids.

网格边界

Thumbnail link to the examples/styling/plots/minor_grid_lines.py example shows how to add grid lines at minor tick locations.

次要网格线

Thumbnail link to the examples/styling/plots/grid_band_fill.py example shows how to configure solid filled grid bands.

网格带填充

Thumbnail link to the examples/styling/plots/hatch_grid_band.py example shows a sine wave with hatched grid bands underneath.

网格带阴影

Thumbnail link to the examples/styling/plots/glyph_selection.py example shows how to configure the appearance of selected and non-selected glyphs.

标记选择

Thumbnail link to the examples/styling/plots/glyph_hover.py example shows how to configure the appearance of hovered glyphs.

标记悬停

Thumbnail link to the examples/styling/plots/legend_location_outside.py example shows how to add a legend outside the central plot frame.

外部图例位置

Thumbnail link to the examples/styling/plots/legend_title.py example shows how to configure a title for a legend.

图例标题

Thumbnail link to the examples/styling/mathtext/latex_blackbody_radiation.py example shows plot of spectral radiance curves for an ideal radiating blackbody at various temperatures with mathtext axis labels.

LaTeX 黑体辐射

Thumbnail link to the examples/styling/mathtext/latex_normal_distribution.py example shows a plot of the sampled and ideal Gaussian distribution with mathtext axis tick labels.

LaTeX 正态分布

Thumbnail link to the examples/styling/mathtext/latex_schrodinger.py example shows solutions of Schrödinger’s equation for the motion of a particle in one dimension in a parabolic potential well for eight energy levels, with mathtext labels for each solution.

LaTeX 薛定谔方程

Thumbnail link to the examples/styling/mathtext/latex_bessel.py example shows a plot with the first four Bessel function J_0 to J_3 with mathtext labels and a mathtext title.

LaTeX 贝塞尔函数

Thumbnail link to the examples/styling/themes/caliber.py example shows basic line plot with the caliber theme.

口径

Thumbnail link to the examples/styling/themes/dark_minimal.py example shows basic line plot with the dark_minimal theme.

深色极简

Thumbnail link to the examples/styling/themes/light_minimal.py example shows basic line plot with the light_minimal theme.

浅色极简

Thumbnail link to the examples/styling/themes/night_sky.py example shows basic line plot with the night_sky theme.

夜空

Thumbnail link to the examples/styling/themes/contrast.py example shows basic line plot with the contrast theme.

对比度

主题指南

Thumbnail link to the examples/topics/images/image_rgba.py example shows an image plot of synthetic RGBA data.

RGBA 图像

Thumbnail link to the examples/topics/images/image.py example shows a plot with a colormapped two-dimensional sine surface.

图像

Thumbnail link to the examples/topics/images/image_origin_anchor.py example shows a test image with dropdown widgets for seeing the effect of changes to an image glyph's origin and anchor properties.

图像原点锚点

Thumbnail link to the examples/topics/contour/contour_simple.py example shows an iso-contour plot with ten levels between -2 and 2.

简单等值线

Thumbnail link to the examples/topics/contour/contour.py example shows an iso-contour of a 2d trigonometric function

等值线

Thumbnail link to the examples/topics/contour/contour_polar.py example shows an iso-contour of a polar function using hatching

极坐标等值线

Thumbnail link to the examples/topics/hex/hex_tile.py example shows a hex tile plot of binned 2d random (Gaussian) data points, colormapped by density with the Viridis palette.

六边形图块

Thumbnail link to the examples/topics/hex/hexbin.py example shows a hexbin plot of 2d random (Gaussian) data points, colormapped by density with the Viridis palette.

六边形箱图

Thumbnail link to the examples/topics/categorical/ridgeplot.py example shows a ridgeline plot using the Perceptions of Probability dataset with a smoothed distribution displayed for each probability category on the y-axis.

脊线图

Thumbnail link to the examples/topics/categorical/scatter_jitter.py example shows a categorical scatter plot of several years of GitHub commits. The y-axis is day of the week and the x-axis is time of day, with scater points jittered to avoid overlap

抖动散点图

Thumbnail link to the examples/topics/categorical/les_mis.py example shows a reproduction of D3’s Les Misérables Co-occurrence chart that illustrates which characters were in scenes together with a shaded square in the matrix plot.

悲惨世界

Thumbnail link to the examples/topics/categorical/slope_graph.py example shows a slope graph of the CO2 emissions of selected countries in the years 2000 and 2010.

斜率图

Thumbnail link to the examples/topics/categorical/heatmap_unemployment.py example shows a categorical heatmap of monthly US unemployment data from 1948 to 2016. The x-axis is years and the y-axis is month of the year.

失业率热图

Thumbnail link to the examples/plotting/periodic.py example shows a plot that renders the periodic table of elements.

周期性

Thumbnail link to the examples/topics/categorical/correlogram.py example shows the correlations in mineral content for 214 samples of glass fragments obtained during forensic work.

相关图

Thumbnail link to the examples/topics/hierarchical/treemap.py example treemap plot breaking down sales per city by region from the sample superstore data set.

树状图

Thumbnail link to the examples/topics/hierarchical/crosstab.py example showing an adjacent bar chart for a crosstab of the sample superstore data set.

交叉表

Thumbnail link to the examples/topics/geo/texas_hover_map.py example shows a color-mapped map plot based on Texas unemployment rate per county, colormapped using the Viridis palette.

德克萨斯州悬停地图

Thumbnail link to the examples/topics/geo/eclipse.py example shows a plot of US states overlaid with a trajectory marking the path of the August 2017 solar eclipse.

日食

Thumbnail link to the examples/topics/geo/tile_source.py example shows basic map plot using a tile source provider.

瓦片源

Thumbnail link to the examples/topics/geo/tile_xyzservices.py example shows a map plot using Bokeh's integration with xyzservices for tile providers.

瓦片 XYZ 服务

Thumbnail link to the examples/topics/geo/tile_demo_map.py example shows a grid of map plots at identical locations using various different tile providers.

瓦片演示

Thumbnail link to the examples/topics/geo/gmap.py example shows a grid of map plot centered at Austin, TX using Bokeh's Google maps integration.

谷歌地图

Thumbnail link to the examples/topics/graph/from_networkx.py example shows a network graph plot of the NetworkX desargues_graph dataset with large circles for vertices.

从 NetworkX 生成

Thumbnail link to the examples/topics/graph/node_and_edge_attributes.py example shows a network graph plot of the NetworkX karate club dataset with large circles for vertices.

节点和边属性

Thumbnail link to the examples/topics/timeseries/candlestick.py example shows a candlestick chart for stock data.

K 线图

Thumbnail link to the examples/topics/timeseries/missing_dates.py example shows a candlestick chart for stock data with gaps for missing dates removed.

缺失日期

Thumbnail link to the examples/topics/pie/pie.py example shows a pie chart of random data with a legend.

饼图

Thumbnail link to the examples/topics/pie/donut.py example shows a donut chart of browser share percentages with a legend.

环形图

Thumbnail link to the examples/topics/pie/burtin.py example shows a reproduction of Burtin's historical antibiotics plot.

伯丁

Thumbnail link to the examples/topics/stats/histogram.py example shows a histogram of sampled data from a normal (Gaussian) distribution overlaid with a line showing the ideal distribution curve.

直方图

Thumbnail link to the examples/topics/stats/pyramid.py example shows a pyramid plot showing the age distribution of the male and female Titanic passengers.

金字塔图

Thumbnail link to the examples/topics/stats/kde2d.py example shows a bivariate kernel density estimation plot of the autompg data.

二维核密度估计

Thumbnail link to the examples/topics/stats/splom.py example shows a SPLOM gridplot of the penguins data set.

散点图矩阵

Thumbnail link to the examples/topics/stats/boxplot.py example shows a box plot of synthetic data for six categories.

箱线图

Thumbnail link to the examples/topics/stats/sinaplot.py example shows a kernel density estimation plot of the lincoln data.

正弦图

Thumbnail link to the examples/topics/stats/density.py example shows a multiple kernel density estimation of the cows data.

密度图

交互

Bokeh 拥有许多交互式工具和小部件。此处仅显示其中的一部分缩略图。有关更多信息，请参阅用户指南的交互章节。

Thumbnail link to the examples/interaction/tools/range_tool.py example shows a column of two plots of timeseries plots of stock price data. The bottom plot shows all the data and has a range tool for controlling the viewport of the top plot.

范围工具

Thumbnail link to the examples/interaction/linking/linked_brushing.py example shows a two different scatter plots of the Palmer penguin dataset with linked selections.

链接刷选

Thumbnail link to the examples/interaction/linking/linked_crosshair.py example shows a two plots with vertical and horizontal crosshair tools linked.

链接十字准星

Thumbnail link to the examples/interaction/linking/data_table_plot.py example shows a column of a scatter plot and data table that share a data source and have linked selections.

数据表绘图

Thumbnail link to the examples/interaction/legends/legend_hide.py example shows an interactive legend that hides glyphs when legend entries are clicked.

隐藏图例

Thumbnail link to the examples/interaction/legends/legend_mute.py example shows an interactive legend that mutes glyphs when legend entries are clicked.

静音图例

Thumbnail link to the examples/interaction/js_callbacks/slider.py example shows a layout with a sine plot on the left and sliders on the right to control the sine wave properties such as frequency and phase.

滑块

Thumbnail link to the examples/interaction/js_callbacks/color_sliders.py example shows a layout with RGB sliders on the left to control a plot on the right. A colorbar with hover tool is underneath.

颜色滑块

Thumbnail link to the examples/interaction/js_callbacks/customjs_lasso_mean.py example shows a scatter plot with a lasso selection tool that responds to selections by drawing an indicator line at the average y-position of the selected points.

自定义 JS 套索均值

Thumbnail link to the examples/interaction/js_callbacks/customjs_for_selection_lasso_mean.py example shows a scatter plot with several tools that prints information about js events as they occur, in text box to the right.

JS 事件处理

Thumbnail link to the examples/interaction/widgets/multiselect.py example shows a simple example of a multi-select widget.

多选

Thumbnail link to the examples/interaction/widgets/multichoice.py example shows a simple example of a multi-choice widget.

多选框

Thumbnail link to the examples/interaction/widgets/date_picker.py example shows a simple example of a widget for selecting dates and date ranges.

日期选择器

Thumbnail link to the examples/interaction/widgets/dropdown.py example shows a simple example of a dropdown button widget.

下拉菜单

Thumbnail link to the examples/interaction/widgets/data_table.py example shows a simple example of a data table widget with multiple columns.

数据表

Thumbnail link to the examples/interaction/widgets/data_cube.py example shows a simple example of a data cube widget for hierarchical data.

数据立方体

Bokeh 服务器

本节中的缩略图链接到托管在 demo.bokeh.org 上的实时演示。

Thumbnail featuring an interactive query tool for a set of IMDB data. Tool features a default graph of the Tomato Meter (x-axis) against the number of reviews (y-axis). Graph can be refined using multiple variables including cast names, director name, number of Oscar wins, year released, end year released, genre, dollar at the box office, and more.

电影

一组 IMDB 数据的交互式查询工具。（源代码）

Thumbnail featuring axis histograms for selected and non-selected points in a scatter plot. Axes unlabeled.

选择直方图

显示散点图中已选择和未选择点的轴直方图。(源代码)

Thumbnail featuring interactive weather statistics for three cities. Features drop down for city and distribution. X-axis features date, the y-axis features temperature.

天气

三个城市的交互式天气统计数据。(源代码)

Thumbnail of plotted trigonometric function with sliders for offset, amplitude, phase, and frequency.

滑块

一个基本演示，其中包含用于控制绘制三角函数的滑块。(源代码)

Thumbnail of example scatter plot with drop downs for x-axis, y-axis, color, and size. Default graph features mpg on the x-axis, hp on the y-axis, and shows a downward exponential trend.

交叉过滤

通过选择和突出显示不同的维度来探索 autompg 数据集。(源代码)

Thumbnail of a page featuring a reproduction of the Gapminder demo and containing an embedded TED talk video added using a custom page template. Gapminder demo shows children per woman (x-axis), life expectancy at birth in years (y-axis), by nation, over the years (slider), and a play button that allows data to play across slider range of 1964 - 2012.

盖普迈因德

著名的盖普迈因德演示的复制版本，使用自定义页面模板添加了嵌入式视频。(源代码)

Thumbnail image of linked plots, summary statistics, and correlations for market data. Contains two drop down selections for different investment options. Left features a scatterplot of option one's returns vs option two's returns. Below features a line plot of each individual option. Right shows basic statistics of each option and each option's returns.

股票

市场数据的链接绘图、汇总统计和相关性。(源代码)

Thumbnail for surface3d example. Axes are rotated slightly and shown with perspective. A 3D surface is plotted, and colored with a heat map corresponding to z axis value.

三维曲面

一个更新的三维绘图，演示了如何使用 Bokeh 自定义扩展来包装第三方 JavaScript 库。(源代码)

Thumbnail for export_csv example. Image shows an interface for filtering data with a slider widget, and writing the results by clicking a button.

导出 CSV

链接滑块过滤可以保存为 CSV 的数据表。(源代码)