背景

在之前的一篇文章 工具篇 | Hexo Markdown 中嵌入 Plotly 动态交互图 中想要在 Hexo/Markdown 中嵌入 Plotly 图表，主要思路是：将 Plotly html 格式数据手动拿出来放在 Markdown 中进行渲染。思路非常简单所以没有详细介绍，但是这种手动流程太次，初始数据中包含所有的图表数据和图的格式，因此不仅文件大而且手动非常麻烦。

Plotly Chart Studio

Plotly 官方直接推出 Chart Studio 服务和功能，可以直接在线绘制和保存 Plotly 图表。此外可以通过 Python API 绘制图表并上传到云存储中，然后在线访问或者 iFrame 分享嵌入等，可以直接在 Web 端嵌入。👍🏻

给定一个示例如下

这样插入图片比较简单，图表的数据和样式直接保存在 Plotly 云存储中！详细教程可以参考官方说明：Plotly Chart Studio。

存在的缺点就是嵌入样式比较简单，而且 Community 客户创建的 Public graph 有限制无法无限使用，对于需求不高的用户可以使用！

Current Plan

Datapane

Datapane 是一个 Python 库，用于在几秒钟内为用户构建交互式报告，可以从 pandas Dataframes 构建报告，从 Python（即库、Markdown) 构建绘图，以及数据探索和布局组件。

参考官方说明如下：https://docs.datapane.com/tut-getting-started，相比于 Chart Studio 支持更多的样式，类似于 Streamlit。

给定一个可视化案例如下：