Axis Styling

src/charts/bar/plotter.typ

@@ -16,9 +16,7 @@
   axes: ("x", "y"),
   ..plot-args,
 ) = {
-
   draw.group(ctx => {
-
     // Setup styles
     let style = styles.resolve(
       ctx.style, 
@@ -29,7 +27,6 @@
     draw.set-style(..style)
 
     plot(
-
       // To do: Is there a better way to setup the x-axis using custom axis-style
       x-min: -0.75, x-max: data.len() - 0.25,
       x-tick-step: if label-key == none {1},
@@ -68,4 +65,4 @@
       }
     )
   })
-}
+}

src/charts/bar/simple.typ

@@ -1,6 +1,7 @@
 #import "/src/cetz.typ": canvas, palette, draw, styles
 #import "/src/plot.typ": plot
 #import "/src/plot/add.typ" as add: series, bar, errorbar
+#import "/src/plot/axis-style.typ"
 #import "style.typ": barchart-default-style
 
 /// Render a single series as a barchart
@@ -67,9 +68,8 @@
       base: barchart-default-style
     )
     draw.set-style(..style)
-  
+
     plot(
-
       // To do: Is there a better way to setup the x-axis using custom axis-style
       x-min: -0.75, x-max: data.len() - 0.25,
       x-tick-step: if label-key == none {1},
@@ -81,7 +81,6 @@
 
       plot-style: bar-style,
       ..plot-args,
-
       {
         add.series(
           label: label,
@@ -108,5 +107,4 @@
       }
     )
   })
-
-}
+}

src/charts/bar/style.typ

@@ -1,9 +1,17 @@
 #let barchart-default-style = (
-  axes: (tick: (length: 0), grid: (stroke: (dash: "dotted"))),
-  bar-width: .8,
-  cluster-gap: 0,
+  axes: (
+    // Hide ticks
+    tick: (length: 0),
+
+    // Show a dotted grid
+    grid: (stroke: (dash: "dotted")),
+
+    // Hide top and right axis
+    top: (hidden: true),
+    right: (hidden: true),
+  ),
+
   error: (
     whisker-size: .25,
   ),
-  y-inset: 1,
-)
+)

src/plot/axis-styles/orthorect-2d/impl.typ

@@ -1,11 +1,11 @@
-#let orthorect-2d() = {
+#let orthorect-2d(..args) = {
   import "orthorect-2d.typ": make-ctx, data-viewport, draw-axes,
   import "transforms.typ": transform-vec
 
   return (
     make-ctx: make-ctx,
     data-viewport: data-viewport,
-    draw-axes: draw-axes,
+    draw-axes: draw-axes.with(..args),
     transform-vec: transform-vec,
   )
 }

src/plot/axis-styles/orthorect-2d/orthorect-2d.typ

@@ -16,6 +16,8 @@
     top:    (tick: (label: (anchor: "south"))),
     stroke: (cap: "square"),
     padding: 0,
+    draw-unset: false,
+    hidden: false,
   )
 )
 
@@ -45,7 +47,7 @@
 }
 
 #let draw-axes(
-  (w,h), 
+  (w, h),
   axis-dict, 
   name: none,
   ..style
@@ -144,10 +146,10 @@
         let path = draw-axis-line(start, end, axis, is-horizontal, style)
         draw.on-layer(style.axis-layer, {
           draw.group(name: "axis", {
-            // if draw-unset or axis != none {
+            if not style.hidden and (style.draw-unset or axis != none) {
               path;
               place-ticks-on-line(ticks, data-start, data-end, style, flip: flip, is-mirror: is-mirror)
-            // }
+            }
           })
 
           if axis != none and axis.label != none and not is-mirror {
@@ -170,4 +172,4 @@
       }
     })
   })
-}
+}

src/plot/axis-styles/polar-2d/impl.typ

@@ -1,11 +1,11 @@
-#let polar-2d() = {
+#let polar-2d(..args) = {
   import "polar-2d.typ": make-ctx, data-viewport, draw-axes
   import "transforms.typ": transform-vec
 
   return (
     make-ctx: make-ctx,
     data-viewport: data-viewport,
-    draw-axes: draw-axes,
+    draw-axes: draw-axes.with(..args),
     transform-vec: transform-vec,
   )
 }

src/plot/axis-styles/polar-2d/polar-2d.typ

@@ -13,7 +13,6 @@
     distal: (tick: (label: (anchor: "north-east", offset: -0.2))),
     angular: (tick: (label: (anchor: "center", offset: 0.35,), length: 5pt)),
     stroke: (cap: "square"),
-    padding: 0,
   )
 )
 
@@ -92,7 +91,7 @@
         })
       }
     })
-    
+
     // Draw axes
     draw.group(name: "axes", {
       // Render distal
@@ -109,16 +108,17 @@
               place-ticks-on-line(
                 distal-ticks, 
                 (radius, radius), 
-                (radius, radius*2), 
+                (radius, radius * 2),
                 prepare-style(ctx, style.distal),
               )
             }
           })
       })
 
       draw.on-layer(style.axis-layer, {
-          draw.group(name: "axis", {
+          draw.group(name: "axis", ctx => {
             if angular != none {
+
               // To do: Allow finer control over placement
               draw.circle(
                 "origin",
@@ -129,7 +129,7 @@
 
               place-ticks-on-radius(
                 angular-ticks, 
-                (radius),
+                radius,
                 prepare-style(ctx, style.angular), 
               )
             }