v0.1.0

doc/style.typ

@@ -58,23 +58,50 @@
   if type(types) != array {
     types = (types,)
   }
-  stack(dir: ttb, spacing: 1em,
-    // name <type>     Default: <default>
-    block(breakable: false, width: 100%, stack(dir: ltr,
-      [#text(weight: "bold", name + [:]) #types.map(tidy.styles.default.show-type).join(" or ")],
-      if show-default {
-        align(right)[
-          Default: #raw(
-            lang: "typc",
-            // Tidy gives defaults as strings but outside of tidy we pass defaults as the actual values
-            if in-tidy { default } else { repr(default) }
-          )
-        ]
-      }
-      )),
-    // text
-    block(inset: (left: .4cm), content)
+
+  block(
+    breakable: false,
+    above: 1em, below: 2em, spacing: 1em,
+    {
+      block({
+        box(heading(name, level: 4))
+        [:]
+        [#types.map(tidy.styles.default.show-type).join(" or ")]
+        h(1fr)
+        if show-default {
+            [Default: ]
+            raw(
+              lang: "typc",
+              // Tidy gives defaults as strings but outside of tidy we pass defaults as the actual values
+              if in-tidy { default } else { repr(default) }
+            )
+        }
+      })
+      block(inset: (left: .4cm), content)
+    }
   )
+
+  // block(
+  //   breakable: false, 
+  //   above: 1em, below: 2em, spacing: 1em, 
+  //   stack(
+  //     dir: ttb, spacing: 1em,
+  //     // name <type>     Default: <default>
+  //     block(breakable: false, width: 100%, stack(dir: ltr,
+  //     [#text(weight: "bold", box(heading(name, level: 4)) + [:]) #types.map(tidy.styles.default.show-type).join(" or ")],
+  //     if show-default {
+  //       align(right)[
+  //         Default: #raw(
+  //           lang: "typc",
+  //           // Tidy gives defaults as strings but outside of tidy we pass defaults as the actual values
+  //           if in-tidy { default } else { repr(default) }
+  //         )
+  //       ]
+  //     }
+  //     )),
+  //   // text
+  //   block(inset: (left: .4cm), content)
+  // ))
 }
 
 
@@ -90,7 +117,7 @@
   show-parameter-list: show-parameter-list
 )
 
-#let parse-show-module(path) = {
+#let parse-show-module(path, ..args) = {
   tidy.show-module(
     tidy.parse-module(
       read(path),
@@ -102,6 +129,7 @@
     ),
     show-outline: false,
     sort-functions: none,
-    style: style
+    style: style,
+    ..args
   )
 }

doc/util.typ

@@ -1,4 +1,5 @@
 #import "/src/lib.typ" as cetz-plot
+#import "/src/cetz.typ"
 
 /// Make the title-page
 #let make-title() = {
@@ -33,30 +34,69 @@
   set text(weight: "bold", left-color)
   show link: set text(left-color)
 
-  block(
+  block({
     place(
       top + left,
       dx: -left-fringe * 22cm + 5mm,
       text(3cm, right-color)[CeTZ]
-    ) +
+    )
     text(3cm)[Plot]
-  )
-  block(
-    v(1cm) +
+  })
+
+  block({
+    v(1cm)
     text(
       20pt,
       authors.map(v => link(v.at(1), [#v.at(0)])).join("\n")
     )
-  )
-  block(
-    v(2cm) +
+  })
+  block({
+    v(2cm)
     text(
       20pt,
       link(
         url,
         [Version ] + [#cetz-plot.version]
       )
     )
-  )
+  })
+
+  block({
+    v(2cm)
+    set text(fill: black)
+    cetz.canvas({
+      cetz-plot.plot(
+        size: (8,5),
+        x-tick-step: calc.pi / 4,
+        x-minor-tick-step: calc.pi / 16,
+        x-grid: "both",
+        x-min: 0, x-max: 2 * calc.pi,
+        x-format: cetz-plot.axes.format.multiple-of,
+
+        y-min: -1, y-max: 1, y-tick-step: 0.5, y-minor-tick-step: 0.1,
+        y-grid: "both",
+        {
+          cetz-plot.add.xy(
+            calc.sin, 
+            domain: (0,2*calc.pi), 
+            label: $y=x$, 
+            line: "raw",
+            samples: 100,
+            epigraph: true,
+          )
+
+          cetz-plot.add.xy(
+            (t)=>calc.pow(calc.sin(t),2),
+            domain: (0, 2* calc.pi), 
+            line: "raw",
+            samples: 100,
+            hypograph: true,
+            label: $sin^2 (x)$
+          )
+        }
+      )
+    })
+  })
+
   pagebreak(weak: true)
 }

gallery/barchart.typ

@@ -14,13 +14,11 @@
 
 #canvas({
   draw.set-style(legend: (fill: white))
-  chart.barchart(mode: "clustered",
-                 size: (9, auto),
-                 label-key: 0,
-                 value-key: (..range(1, 5)),
-                 bar-width: .8,
-                 x-tick-step: 2.5,
-                 data2,
-                 labels: ([Low], [Medium], [High], [Very high]),
-                 legend: "legend.inner-north-east",)
-})
+  chart.bar.clustered(size: (9, 8),
+                      label-key: 0,
+                      y-keys: (..range(1, 5)),
+                      bar-width: .8,
+                      data2,
+                      labels: ([Low], [Medium], [High], [Very high]),
+                      legend: "inner-north-east")
+})

gallery/line.typ

@@ -19,21 +19,21 @@
 
   // Set-up a thin axis style
   set-style(axes: (stroke: .5pt, tick: (stroke: .5pt)),
-            legend: (stroke: none, orientation: ttb, item: (spacing: .3), scale: 80%))
+            legend: (stroke: none, fill: none, orientation: ttb, item: (spacing: .3), scale: 80%))
 
   plot.plot(size: (12, 8),
     x-tick-step: calc.pi/2,
-    x-format: plot.formats.multiple-of,
+    x-format: axes.format.multiple-of,
     y-tick-step: 2, y-min: -2.5, y-max: 2.5,
     legend: "inner-north",
     {
       let domain = (-1.1 * calc.pi, +1.1 * calc.pi)
 
       for ((title, f)) in fn {
-        plot.add-fill-between(f, f1, domain: domain,
+        plot.add.fill-between(f, f1, domain: domain,
           style: (stroke: none), label: title)
       }
-      plot.add(f1, domain: domain, label: $ sin x  $,
+      plot.add.xy(f1, domain: domain, label: $ sin x  $,
         style: (stroke: black))
     })
 })

manual.old.typ

@@ -0,0 +1,66 @@
+#import "/doc/util.typ": *
+#import "/doc/example.typ": example
+#import "/doc/style.typ" as doc-style
+#import "/src/lib.typ": *
+#import "/src/cetz.typ": *
+#import "@preview/tidy:0.2.0"
+
+
+// Usage:
+//   ```example
+//   /* canvas drawing code */
+//   ```
+#show raw.where(lang: "example"): example
+#show raw.where(lang: "example-vertical"): example.with(vertical: true)
+
+#make-title()
+
+#set terms(indent: 1em)
+#set par(justify: true)
+#set heading(numbering: (..num) => if num.pos().len() < 4 {
+    numbering("1.1", ..num)
+  })
+#show link: set text(blue)
+
+// Outline
+#{
+  show heading: none
+  columns(2, outline(indent: true, depth: 3))
+  pagebreak(weak: true)
+}
+
+#set page(numbering: "1/1", header: align(right)[CeTZ-Plot])
+
+= Introduction
+
+CeTZ-Plot is a simple plotting library for use with CeTZ.
+
+= Usage
+
+This is the minimal starting point:
+#pad(left: 1em)[```typ
+#import "@preview/cetz:0.2.2"
+#import "@preview/cetz-plot:0.1.0"
+#cetz.canvas({
+  import cetz.draw: *
+  import cetz-plot: *
+  ...
+})
+```]
+Note that plot functions are imported inside the scope of the `canvas` block.
+All following example code is expected to be inside a `canvas` block, with the `plot`
+module imported into the namespace.
+
+= Plot
+
+#doc-style.parse-show-module("/src/plot.typ")
+#for m in ("line", "bar", "boxwhisker", "contour", "errorbar", "annotation", "formats", "violin") {
+  doc-style.parse-show-module("/src/plot/" + m + ".typ")
+}
+
+= Chart
+
+#doc-style.parse-show-module("/src/chart.typ")
+#for m in ("barchart", "boxwhisker", "columnchart", "piechart") {
+  doc-style.parse-show-module("/src/chart/" + m + ".typ")
+}