Python交互式数据分析报告框架~Dash介绍（翻译整理）_python dash

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

用户指南：https://plot.ly/dash/

Dash应用的代码是声明与反应式的，可以轻松构建包含交互元素的复杂应用。下面是一个包含5个输入项，3个输出项和交叉筛选的例子，这个例子只有160行代码，并且都是用Python编写的。

Dash应用：含交叉筛选，多个输入与输出项，仅163行Python代码。查看源码

源码：https://gist.github.com/chriddyp/9b2b3e8a6c67697279d3724dce5dab3c

这个应用中的每个设计元素，如尺寸、位置、颜色及字体，都可以自定义。Dash应用是基于Web构建与发布的，所以完全支持CSS。下面是一个采用了高盛报告风格的、可高度定制及交互的Dash报告。

可高度定制的高盛风格Dash报告，查看源码

源码：https://plot.ly/~jackp/17561/import-dash-from-dashdependencies-impor/

因为是在浏览器中查看Dash应用，所以无需写任何JavaScript或HTML代码，Dash提供了一个调用众多Web交互式组件的Python界面。

简单的Dash滑块组件

Dash还提供了一个简单的响应式装饰器，用于绑定Dash用户界面和数据分析代码。

当输入值发生变化时，比如选择下拉菜单或拖动滑块，Dash的装饰器就会把新输入的值传递给Python代码。

通过新输入的值，Python函数可以筛选Pandas的DataFrame、生成SQL查询语句、运行模拟、执行运算，或开始试验等任何事情。Dash会在UI中为该函数的图形、表格及文本等元素返回新的属性。

下面的例子简要展示了文本框与图形的互动更新，此代码基于当前选定的点，在Pandas的DataFrame中筛选数据。

显示自定义元信息的Dash应用，当鼠标悬停在某个点上时，会筛选Pandas DataFrame中的数据，仅60行代码，查看源码

源码：https://link.jianshu.com/?t=https%3A%2F%2Fgist.github.com%2Fchriddyp%2F1a95f6582a5256db9847086232987bff

在这个Dash应用中，鼠标在图形元素的点上悬停时可以显示相关药物的元信息。当在多选式下拉菜单中添加内容时，此代码还可以向表格中追加行。

分析药品的Dash应用。鼠标悬停在点上时显示药品的描述，在下拉菜单中选择时，会高亮显示药品在视图中的位置，并向下方的表格添加该药品的标识。实现此功能仅需几百行Python代

通过Python组件与响应式函数装饰器这两个抽象层，Dash抽取了构建交互式Web应用所需的技术与协议，让你轻轻松松地用一下午就为Python数据分析代码制作出用户界面。

体系架构

Flask和React

Dash应用是运用Flask与JSON数据包进行HTTP请求通讯的Web服务。Dash的前端渲染器组件使用React.js，这是由Facebook开发与维护的JavaScript用户界面库。

Flask很棒，已被Python社区广泛采用，并部署于众多生产环境中。Dash应用的开发者可以设置Flask的底层实例和属性，高级开发者还可以使用众多的Flask插件扩展Dash应用。

React也很赞，在Plotly，我们用React重写了全部Web平台和在线视图编辑器。React最了不起的一点是它的社区作品众多且个个优秀。React的开源社区已经公布了数以千计的高质量交互式组件，包括下拉菜单、滑块、日历，还有交互式表格。

Dash整合了Flask与React的强大功能，使非专业Web开发的Python数据分析师也可以使用。

从React.js到Python Dash组件

Dash组件是一个编译React组件属性与值，并将之生成JSON序列的Python类。Dash提供了可以将React组件（JavaScript编写的）轻松打包成适于Dash组件的工具集，这个工具集使用动态编程，自动将注释过的React PropType转化为标准的Python类。生成后的Dash组件Python类对用户友好，能进行自动参数验证，并生成字符串。

下列代码是动态生成参数验证的一个例子：

这个是动态生成组件文档字符串的例子：

DIV，IMG，Table等HTML标签由React进行动态渲染，它们的Python类则通过dash_html_componet库生效。下拉菜单、图形、滑块等核心交互式组件由Dash核心团队通过dash_core_components库提供。如果用户自行编写组件库，可使用这两个库调用开源的标准React-to-Dash工具链进行支持。

Dash不捆绑使用标准组件库，Dash组件库可通过核心Dash库单独载入。利用React-to-Dash工具链，用户可以轻松地将React.js组件写入或接入Dash应用的Python类，这里是自制组件库教程。https://link.jianshu.com/?t=https%3A%2F%2Fplot.ly%2Fdash%2Fplugins

当然，你也可以请Dash的核心团队帮忙构建一个组件。

并发-多用户应用

Dash应用的状态储存在前端，比如说浏览器。这就允许Dash应用实现多租户设置：多个用户可以使用独立的会话同时进行Dash应用交互操作。

CSS与默认的样式

核心库没有包含CSS与默认样式，这样做是为了支持模块化和独立版本控制，鼓励Dash应用的开发者自定义应用的界面外观，请在此查阅由Dash核心团队维护的核心样式指南:https://link.jianshu.com/?t=https%3A%2F%2Fcodepen.io%2Fchriddyp%2Fpen%2FbWLwgP

数据可视化

Dash的图形组件使用plotly.js对图形进行渲染，Plotly.js与Dash配合默契，它使用声明式编程模式，开源且速度快，还支持科技计算、金融、商务类的各种视图。Plotly.js基于D3.js构建，支持导出符合出版标准的高清矢量图与优先性能的WebGL视图。

Dash的图形元素与开源的plotly.py库共享同样的语法，开发者可以轻易地在两者之间切换。Dash的图形组件从plotly.js事件系统中钩取信息，允许开发者编写响应在Plotly图形中悬停、点击、选点等操作的应用。

Plotly.js图形组件支持的一些视图类型，更多内容请见plotly.py文档

文档：https://plot.ly/python/

Dash应用示例库中使用plotly.js视图的例子。

开源库

以下资源库中提供了相关代码：

Dash后端：https://github.com/plotly/dash

Dash前端：https://github.com/plotly/dash-renderer

Dash核心组件库：https://github.com/plotly/dash-core-components

Dash HTML组件库：https://github.com/plotly/dash-html-components

Dash组件原型 (React-to-Dash工具链)：https://github.com/plotly/dash-components-archetype

Dash文档与使用指南：https://github.com/plotly/dash-docs, https://plot.ly/dash

Plotly.js — Dash使用的图形库：https://github.com/plotly/plotly.js

现有技术

Dash是Python生态系统中的新兵，但支撑它的理念与驱动力已在不同语言和应用中存续了数十年。

如果你是从Excel阵营中转移过来的，那算是来对地方了。Dash与Excel都采用了“响应式”的程序模型。在Excel中，输入单元格发生变化时，输出单元格也会自动更新。所有单元格都可以是输出或输入，也可以同时既是输入也是输出。

输入单元格并不关注那些依赖于它们的输出单元格，这就让添加新的输入单元格或连接一系列单元格变得非常方便。这里是一个Excel “应用”。

下面的例子是用Dash实现的类似Excel的效果。用滑块、输入框、下拉菜单与图形等富Web组件取代Excel中的单元格，用Python代码取代Excel函数或VBA脚本，这就是用Dash重写的Excel表单应用：

（1）Python所有方向的学习路线（新版）

这是我花了几天的时间去把Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。

最近我才对这些路线做了一下新的更新，知识体系更全面了。

（2）Python学习视频

包含了Python入门、爬虫、数据分析和web开发的学习视频，总共100多个，虽然没有那么全面，但是对于入门来说是没问题的，学完这些之后，你可以按照我上面的学习路线去网上找其他的知识资源进行进阶。

（3）100多个练手项目

我们在看视频学习的时候，不能光动眼动脑不动手，比较科学的学习方法是在理解之后运用它们，这时候练手项目就很适合了，只是里面的项目比较多，水平也是参差不齐，大家可以挑自己能做的项目去练练。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！