add plotly draw lib support

madawei2699 · Apr 27, 2022 · ca377be · ca377be
1 parent ab9f763
commit ca377be
Show file tree

Hide file tree

Showing 5 changed files with 2,427 additions and 0 deletions.
diff --git a/content/about.zh-cn.md b/content/about.zh-cn.md
@@ -114,6 +114,7 @@ id = "about"
 ### 本站变更日志
 
 ```text
+✔ 添加Plotly绘图支持 @done(22-04-28 00:15)
 ✔ 添加PWA支持 @done(22-04-01 22:37)
   Service Worker + Mainfest
 ✔ 文章页Markdown支持Markmap @done(22-02-18 1:16)

diff --git a/content/self/my-drawing-toolbox/index.zh-cn.md b/content/self/my-drawing-toolbox/index.zh-cn.md
@@ -10,6 +10,7 @@ og_image: "https://img.bmpi.dev/4928b4de-db94-968e-115b-767d2e2f007a.png"
 markmap:
   enabled: true
 isMermaidEnabled: true
+plotly: true
 ---
 
 由于在写作中经常需要配图，本文分享下我常用的绘图工具以及如何存储并展示配图。
@@ -272,6 +273,16 @@ digraph {
 
 ## 代码绘图
 
+### Plotly
+
+[Plotly](https://plotly.com/javascript/)是一个基于[d3.js](https://d3js.org/)与[stack.gl](https://github.com/stackgl)的图形库，它可以用来绘制各种类型的图表，比如散点图、折线图、饼图、柱状图甚至3D图形等。
+
+{{< plotly json="/self/my-drawing-toolbox/scatter3d.json" height="400px" >}}
+
+> - 与Hugo的集成可参考这篇[Plotly & Hugo](https://mertbakir.gitlab.io/hugo/plotly-with-hugo/)。
+>
+> - 如果是想基于各类数据库做商业数据分析的话还可以使用如[Metabase](https://github.com/metabase/metabase)这类开源方案。
+
 ### Python Jupyter Notebook
 
 我用这个绘制一些数据分析的图，比如这种：