Add a notebook example

Author: oliviermeslin

_quarto.yml

@@ -1,8 +1,9 @@
 project:
   type: website
-  render:
+  render: # Add HERE new chapters and new notebooks
     - index.qmd
     - chapters/chapter1.qmd
+    - notebooks/notebook1.qmd
 
 website:
   page-navigation: true
@@ -12,7 +13,7 @@ website:
   repo-actions: [edit, source, issue]
   sidebar:
     search: true
-    contents:
+    contents: # Add HERE new chapters
       - href: index.qmd
         text: Introduction
       - href: chapters/chapter1.qmd

chapters/chapter1.qmd

@@ -1,6 +1,6 @@
 ---
-title: "A basic notebook"
-format: [html, ipynb] # This qmd file will be compiled as HTML and as a jupyter notebook
+title: "A basic chapter"
+format: html # This qmd file will be compiled as an HTML web page
 ---
 
 # A beautiful figure
@@ -25,7 +25,7 @@ ax.grid(True)
 plt.show()
 ```
 
-## A beautiful datafrmae
+## A beautiful dataframe
 
 This section demonstrates how to create and display a simple pandas DataFrame.
 

notebooks/notebook1.qmd

@@ -0,0 +1,80 @@
+---
+title: "A basic notebook"
+format: ipynb # This qmd file will be compiled as a jupyter notebook
+---
+
+# A beautiful figure
+
+This chunk shows how you can produce a beautiful figure.
+
+```{python}
+#| label: fig-polar
+#| fig-cap: "A line plot on a polar axis"
+
+import numpy as np
+import matplotlib.pyplot as plt
+
+r = np.arange(0, 2, 0.01)
+theta = 2 * np.pi * r
+fig, ax = plt.subplots(
+  subplot_kw = {'projection': 'polar'} 
+)
+ax.plot(theta, r)
+ax.set_rticks([0.5, 1, 1.5, 2])
+ax.grid(True)
+plt.show()
+```
+
+## A beautiful dataframe
+
+This section demonstrates how to create and display a simple pandas DataFrame.
+
+```{python}
+#| label: tbl-pandas
+#| tbl-cap: "Simple pandas DataFrame"
+
+import pandas as pd
+
+data = {
+    "Name": ["Alice", "Bob", "Charlie"],
+    "Age": [25, 30, 35],
+    "City": ["Paris", "Dublin", "Berlin"]
+}
+
+df = pd.DataFrame(data)
+df
+```
+
+## A more sophisticated table
+
+This section demonstrates how to create and display a simple pandas DataFrame.
+
+```{python}
+from great_tables import GT, html
+from great_tables.data import sza
+import polars as pl
+from polars import col as c
+import polars.selectors as cs
+
+sza_pivot = (
+    pl.from_pandas(sza)
+    .filter((c.latitude == "20") & (c.tst <= "1200"))
+    .select(pl.col("*").exclude("latitude"))
+    .drop_nulls()
+    .pivot(values="sza", index="month", on="tst", sort_columns=True)
+)
+
+(
+    GT(sza_pivot, rowname_col="month")
+    .data_color(
+        domain=[90, 0],
+        palette=["rebeccapurple", "white", "orange"],
+        na_color="white",
+    )
+    .tab_header(
+        title="Solar Zenith Angles from 05:30 to 12:00",
+        subtitle=html("Average monthly values at latitude of 20&deg;N."),
+    )
+    .sub_missing(missing_text="")
+)
+```