add example of plotly

Author: xieby1

.gitignore

@@ -1,3 +1,5 @@
 result*
 README.html
 .direnv
+plots/plotlypy.html
+__pycache__/

Makefile

@@ -1,5 +1,10 @@
-README.html: README.md
+README.html: README.md plots/plotlypy.html
 	revealjs.sh $<
 
 clean:
 	rm -f README.html
+
+%.html: %.py
+	python3 $<
+	html-minifier --collapse-whitespace -o $@.tmp $@
+	mv $@.tmp $@

README.md

@@ -241,15 +241,38 @@ include a chart.js plot
 
 ~~~
 ``` {.include}
-./plots/bar.html
+./plots/chartjs.html
 ```
 ~~~
 
 ::::
 :::: {.col}
 
 ``` {.include}
-./plots/bar.html
+./plots/chartjs.html
+```
+
+::::
+:::
+
+## example: Plotly.py
+
+::: {.container}
+:::: {.col}
+
+include a plotly.py plot
+
+~~~
+``` {.include}
+./plots/plotlypy.html
+```
+~~~
+
+::::
+:::: {.col}
+
+``` {.include}
+./plots/plotlypy.html
 ```
 
 ::::

plots/bar.html plots/chartjs.htmlplots/bar.html renamed to plots/chartjs.html

@@ -0,0 +1,23 @@
+#!/usr/bin/env python3
+from pathlib import Path
+import plotly.graph_objects as go
+
+fig = go.Figure(
+    data = [
+        go.Bar(x=[1,2,3,4], y=[1,3,1,4])
+    ],
+    layout=go.Layout(
+        title=go.layout.Title(text="A Fig by a graph_objects")
+    ),
+)
+
+# https://stackoverflow.com/questions/29968152/setting-background-color-to-transparent-in-plotly-plots
+fig.update_layout(
+    template="plotly_white",
+    paper_bgcolor="rgba(0,0,0,0)",
+    plot_bgcolor="rgba(0,0,0,0)",
+)
+fig.write_html(Path(__file__).with_suffix(".html"),
+    include_plotlyjs="https://cdn.bootcdn.net/ajax/libs/plotly.js/2.25.2/plotly.min.js",
+    full_html=False,
+)

plots/plotlypy.py

@@ -1,8 +1,15 @@
 let
   pkgs = import <nixpkgs> {};
   revealjs_sh = import ./default.nix;
+  my_python = pkgs.python3.withPackages (p: with p; [
+    plotly
+    pandas
+    packaging
+  ]);
 in pkgs.mkShell {
   packages = [
     revealjs_sh
+    my_python
+    pkgs.html-minifier
   ];
 }