From 3beceea089d86c0aca45a1dea8ad3dc49637904c Mon Sep 17 00:00:00 2001
From: hankhjliao <hankhjliao@gmail.com>
Date: Wed, 13 Mar 2024 00:31:20 +0800
Subject: [PATCH] Add plotly shortcode support

---
 layouts/shortcodes/plotly.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)
 create mode 100644 layouts/shortcodes/plotly.html

diff --git a/layouts/shortcodes/plotly.html b/layouts/shortcodes/plotly.html
new file mode 100644
index 0000000..e2c20b1
--- /dev/null
+++ b/layouts/shortcodes/plotly.html
@@ -0,0 +1,15 @@
+{{ $json := .Get "json" }}
+{{ $height := .Get "height" | default "200px" }}
+
+{{ if not ($.Page.Scratch.Get "plotlyloaded") }}
+  {{ $.Page.Scratch.Set "plotlyloaded" 1 }}
+  <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
+{{ end }}
+
+<div id="{{$json}}" class="plotly" style="height:{{$height}}"></div>
+
+<script>
+Plotly.d3.json({{$json}}, function(err, fig) {
+    Plotly.plot('{{$json}}', fig.data, fig.layout, {responsive: true});
+});
+</script>
\ No newline at end of file