Overlapping arrows in cycle

[bernsteining]

The following code snippet which is a modification of the cycle example from the gallery has an unintended behaviour:

#import "@preview/cetz:0.4.0"
#import "@preview/cetz-plot:0.1.2": plot, chart, smartart

#let points = (
  [$O$],
  [$P$],
  [$2 P$],
  [$3 P$],
  [$...$],
  [$n-1 times P$],
)

#let colors = (
  red,
  orange,
  yellow,
  green,
  blue,
).map(c => c.lighten(40%))

#cetz.canvas({
      smartart.cycle.basic(
        points,
        step-style: colors,
        equal-width: true,
        name: "horloge",
      )
    })

The following project showcases the bug, https://typst.app/project/r6u48e16qLNb69BdjNul4m.

It looks like the [$n-1 times P$] breaks stuff in the rendering.

[LordBaryhobal]

Indeed, there is an issue in the function which draws arc arrows that messes up when the arrow is too small.
Here, the middle angle is pushed after pre-end-angle and the arcs are drawn the wrong way

cetz-plot/src/smartart/common.typ

Lines 375 to 376 in 3106b1d

	let pre-end-angle = end-angle - arrow-angle
	let mid-angle = start-angle + angle-range / 2

I'll fix this asap, but in the time being, you should be able to simply increase the radius a bit to give the arrow a little more room:

#import "@preview/cetz:0.4.0"
#import "@preview/cetz-plot:0.1.2": plot, chart, smartart

#let points = (
  [$O$],
  [$P$],
  [$2 P$],
  [$3 P$],
  [$...$],
  [$n-1 times P$],
)

#let colors = (
  red,
  orange,
  yellow,
  green,
  blue,
).map(c => c.lighten(40%))

#cetz.canvas({
  smartart.cycle.basic(
    points,
    step-style: colors,
    equal-width: true,
    name: "horloge",
    radius: 2.5
  )
})