Bokeh官方版

Bokeh简介

Bokeh提供交互式图形设计功能，可以为你的web项目创建交互式图形，适合需要设计应用和图表的朋友。该软件可用于设计仪表盘式图形或复杂流数据集图形，可为不同图形添加数据，添加数据源，快速采集数据，支持各行业数据分析，分析业务数据。可以分析科学数据，分析地理地图数据，结合条形图、分类热图等功能展示分析结果，支持分散场景的嵌入，以各种方式将静态或基于Bokeh的图形和小部件嵌入到HTML文档中，无需编写任何JavaScpt即可创建基于JavaScpt的可视化文件！

Bokeh软件功能

Bokeh是一个面向现代Web浏览器的交互式可视化库。它提供优雅简洁的通用图形构造，并在大型或流式数据集上提供高能交互。Bokeh可以帮助任何需要交互式绘图、仪表板和数据应用的人快速轻松地完成。

用基本字形绘图

使用h .绘图界面中简单但灵活的字形方法制作各种图表。

提供数据

提供地块和表格的数据或数据子集，并在地块之间共享数据。

创建布局

将多个图表和小部件组合成指定的布局。

处理机密数据

不同的技术被用来处理分类数据，如条形图、分类热图、视觉回避和抖动。

可视化网络图

使用可配置的节点和边缘交互来创建网络图可视化。

绘制地理数据

使用地理数据-谷歌地图、GeoON和Tile Rendeng。

配置绘图工具

使在绘图上使用交互式工具(如平移、缩放、选择和其他工具)成为可能。

塑料视觉属

自定义散点图的每个视觉方面-轴、网格、标签、字形等。

添加评论

向图表中添加注释，如标签、箭头和图例。

互相交流

创建更复杂的交互，包括小部件或链接的翻译和选择。

运行Bokeh

部署Bokeh来构建和发布复杂的数据应用程序。

灵活的

使用Bokeh，您可以轻松创建通用图，但也可以处理自定义或特殊用例。

交替的

借助工具和小部件，您和您的受众可以探索“假设”场景或深入了解数据细节。

共享的

图纸、仪表板和应用程序可以发布在网页或Jupyter笔记本上。

富有成效的

您可以使用Python中所有您已经熟悉的PyData工具。

强大的

您可以随时添加自定义JavaScpt来支持高级或特殊情况。

开放源码

包括Bokeh在内的所有内容均已获得BSD许可，可在GitHub上获得。

Bokeh软件特色

仪表盘

科学家和开发人员都很佩服Bokeh强大的API。然而，当向更广泛的受众发布结果时，重要的是能够生成清晰易懂的演示文稿。

Bokeh提供了自己的基本网格和行/列布局，这使得入门变得很容易。当您需要一个漂亮的响应仪表板时，您还可以将Bokeh图表和小部件嵌入到流行的模板中。

笔记本中数据的交互式浏览

Bokeh适用于JupyterLab和经典笔记本电脑。

与您的笔记本浏览器一起使用的高级交互式可视化工具只是一个phone output_notebook，其中包含一个完整的嵌入式Bokeh应用程序。

视觉流数据

无论您是从金融市场、物联网遥测还是物理传感器流式传输数据，Bokeh都有高效的流式传输API，可以帮助您及时了解最新动态。在Bokeh应用程序中，向stream方法传递新的数据值很简单:

source . stream({ & # 8216；x & # 8217:new_xs，& # 8216；y & # 8217:new_ys})

但是，的模糊背景的输出可以处理流数据，也就是说，使用AjaxDataSource或ServerSentDataSource。

向网页添加内容

也许您已经创建了一个需要包含报表图表的Flask或Django web应用程序。或者，也许你为Jekyll博客写了一篇文章，需要一些图表来说明你的观点。

背景模糊提供了各种方法将内容嵌入到其网页中:_document将应用程序模糊到部署的背景，或者json_s和组件是背景模糊的输出。

Bokeh教程

第一步:创建折线图

Bokeh只需几行Python代码，就能让您创建交互式的、基于JavaScpt的可视化，可以在网络浏览器中显示。

Bokeh的基本思想包括两个步骤:首先，从Bokeh的构建块中进行选择，创建可视化。其次，您可以根据自己的需求定制这些构件。

为此，Bokeh结合了两个要素:

用于定义视觉内容和交互功能的Python库。

名为Bokeh的JavaScpt库正在后台运行，以在Web浏览器中显示交互式视觉内容。

根据您的Python代码，Bokeh将自动为您生成所有必要的JavaScpt和HTML代码。在其默认设置中，Bokeh将自动从Bokeh的CDN(内容传递网络)加载任何其他JavaScpt代码。

Bokeh的文件由几个要素组成，包括附有详细说明和示例的用户指南，以及系统描述Bokeh每个要素的参考指南。在本指南中，您将找到这两个资源的链接。

创建一个简单的折线图

的第一个可视化将是一个单线图，如下所示:

即使像这样简单的图形也有交互功能。使用图右侧的工具探索:

使用平移工具在图形中移动图形。

使用框缩放工具放大绘图区域。

使用缩放工具用鼠标放大和缩小。

使用“保存”工具将图形的当前视图导出到一个PNG文件。

使用重置工具将视图返回到图形的默认设置。

使用帮助符号了解有关Bokeh中可用工具的更多信息。

按照以下步骤重新创建这个简单的折线图:

1.从h .绘图模块导入必要的功能:

fm h .绘制导入图，显示

2.定义两个包含折线图数据的列表:

3.使用figure()函数创建图表。传递以下参数:

标题:折线图的标题(可选)

x轴标签:放置在图表x轴上的文本标签(可选)

y轴标签:放置在图表y轴上的文本标签(可选)

4.使用line()函数将折线图添加到刚刚创建的绘图中。传递以下参数:

您的列表X和Y包含数据。

Legend_label:用于标记折线图的字符串(可选)

线宽:定义线宽(以像素为单位，可选)

5.最后，使用show()函数生成图形，并打开Web浏览器显示生成的HTML文件。

当您执行这些代码行时，Bokeh将创建一个输出文件& # 8220；lines.html & # 8221。该场景还会打开浏览器显示。

这是折线图的完整代码。应该是这样的:

组合多个数字

您可以使用Bokeh的h .绘图界面向图形中添加更多字形:

要在绘图中添加更多折线图，您只需要line()多次调用函数。

首先，添加更多数据作为其他图形的基础:

接下来，通过更改函数中标题参数的字符串来更新图形的标题图形()。

最后，添加对line()函数的更多调用:

这是多线图的完整代码，应该如下:

回顾:构建可视化文件

您刚刚完成了Bokeh的h .绘图界面最基本的可视化所需的所有基本步骤:

1.准备数据

您使用了一个简单的Python列表，但是也可以使用其他形式的序列化数据。

2.调用图()函数

这将创建一个带有最常用默认选项的图表。您可以自定义图表的各种类别，如标题、工具和轴标签。

3.添加渲染器

您行()曾经创建了一条线。渲染器有各种选项用于指定视觉类别，例如颜色、图例和宽度。

4.询问分散场景中show()或save()的结果

这些功能可以将图形保存到一个HTML文件中，或者在浏览器中显示它。

步骤2:添加和自定义渲染器

在前面的第一步指南中，您使用了Bokeh figure()函数来绘制折线图。

在本节中，您将使用不同的渲染器功能来创建各种其他类型的图形。您还将自定义字形。

渲染不同的字形

散乱场景的绘制界面支持多种不同的字形，如线、条、十六进制块或其他多边形。

你也可以看看。

您可以在Bokeh的参考指南中找到该图()函数支持的所有字形方法的完整列表。Bokeh字形详情，请参考Bokeh用户指南“用基本字形绘图”。

渲染圆

使用circle()函数代替line()来渲染圆:

p.circle(x，y3，legend _ label = & # 8221对象& # 8221；，line _ color = & # 8221黄色& # 8221；，大小=12)

将circle()函数添加到之前的可视化文件中:

渲染栏

同样，使用vbar()函数渲染垂直线:

p.vbar(x=x，top=y2，legend _ label = & # 8221费率& # 8221；，宽度=0.5，底部=0，颜色= & # 8221；红色& # 8221；)

将vbar()函数添加到之前的可视化文件中:

自定义字形

不同的渲染器函数接受各种参数来控制字形的外观。

定义新字形的种类。

圆()例如，此功能允许您定义圆的颜色或直径:

Fill_color:圆的填充颜色。

Fill_alpha:填充颜色的透明度(0到1之间的任何值)

Line_color:圆形轮廓的填充颜色

大小:圆圈的大小(在屏幕空间或数据空间中)

图例_标签:圆圈的图例条目

在场景中，可以通过多种方式指定颜色。示例:

使用命名的CSS颜色(例如& # 8221；耐火砖& # 8221；)

使用以#开头的十六进制值(例如& # 8221；# 00ff00 & # 8243)

对RGB颜色使用三元组(例如，(100，100，255)

RGBA颜色使用4元组(例如)(100，100，255，0.5)。

创建一个带有图例标签“对象”的圆，并使用红色填充颜色和蓝色轮廓使圆看起来稍微透明:

更改现有字形的种类

如果要在创建对象后更改任何属，可以直接定义和覆盖对象的属。

以上面的圆为例。您将圆定义为红色填充颜色= & # 8221；红色& # 8221；。

要将圆的颜色从红色更改为蓝色，首先需要在调用circle()函数时为新对象分配一个变量名(例如)。

接下来，使用该变量访问对象的字形属并更改其属:

字形=圆。字形

glyph.fill _ color = & # 8220蓝色& # 8221；

再次生成红色圆圈，但这次在输出绘图之前将其颜色更改为蓝色: