Animate cetz-plots

[cristobaltapia]

I was trying to animate a cetz-plots figure, but it seems that this is not supported. Has any of you tried this? Any advice?

For example, the following does not work:

#cetz.canvas({
  import cetz.draw: *

  plot.plot(size: (5,5),{
    plot.add(((0,0), (1,4), (2,3)))
    (pause,)
    plot.add(((0,1), (1,5), (2,2)))
  }
  )
})

[Tinggaard]

Could you give some context for your problem. How have you imported CeTZ, and what version are you using?
The plot library was moved out of CeTZ as of version 0.3.0.

The Touying docs also has a section about the CetZ integration.

[cristobaltapia]

I am doing the following:

#import "@preview/cetz:0.3.1"
#import "@preview/touying:0.5.5": *
#import "@preview/cetz-plot:0.1.0": plot, chart

// cetz bindings for touying
#let cetz-canvas = touying-reducer.with(
  reduce: cetz.canvas,
  cover: cetz.draw.hide.with(bounds: true),
)

#cetz-canvas({
  import cetz.draw: *

  plot.plot(
    size: (5, 5),
    {
      plot.add(((0, 0), (1, 4), (2, 3)))
      (pause,)
      plot.add(((0, 1), (1, 5), (2, 2)))
    },
  )

})

This does not compile. It works if I place the (pause,) statement before the plot.plot(...) block. But then the effect is of course different than what I want. I want one line to come after the other. Is that possible?

[Tinggaard]

Unfornunately, that is not possible as far as I can tell, you can however achieve the same effect using only and uncover.

Please note that you also need to set a theme to make this MRE work.

#import "@preview/cetz:0.3.1"
#import "@preview/touying:0.5.5": *
#import "@preview/cetz-plot:0.1.0": plot, chart

// remember to set a theme!
#import themes.simple: *
#show: simple-theme.with(aspect-ratio: "16-9")


// cetz bindings for touying
#let cetz-canvas = touying-reducer.with(
  reduce: cetz.canvas,
  cover: cetz.draw.hide.with(bounds: true),
)

#slide(repeat: 2, self => [
  #let (uncover, only) = utils.methods(self)
  
  #cetz.canvas({
    import cetz.draw: *

    let self = utils.merge-dicts(
      self,
      config-methods(cover: utils.method-wrapper(hide.with(bounds: true))),
    )
    let (uncover, only, alternatives) = utils.methods(self)

    only(1,
      plot.plot(
        size: (5, 5),
        {
          plot.add(((0, 0), (1, 4), (2, 3)))
        },
      )
    )
    
    only(2,
      plot.plot(
        size: (5, 5),
        {
          plot.add(((0, 0), (1, 4), (2, 3)))
          plot.add(((0, 1), (1, 5), (2, 2)))
        },
      )
    )

  })
])

The documentation is somewhat hidden, as the code in the CeTZ section is not up to date, but this is an example from the Other Animations section of the docs.

[cristobaltapia]

Thanks for the workaround and for fixing the MWE! The reason it looked like that (without setting the theme) is that I define the figures in a different file and then import them using #include "figure.typ". I do this to avoid having to much "noise" in the main file. In that case, the workaround does not work, as I don't have a variable self defined. Do you think that the workaround can be modified to work in such a situation?

[Tinggaard]

You will likely need to change it to a function...

Depending on how much you want to abstract away, you could return the entire slide (this way it could actually just be a variable, like I am assuming it is now).

You could also write a function that takes in self and then returns the canvas.

Yet another option is writing a function that takes in the amount (n) of plots to show and then return those - this would mean you invoke the function inside the {} of the plot.plot() (this way you omit passing self, but more of the code remains in the main file).

[cristobaltapia]

Thanks. I'll try making it into a function.

[Tinggaard]

Sounds good, let me know if you need any more guidance.