Example for a dodge dot plot with the tooltip mark?

[df-rw]

Just wondering if there is an example showing how to add tooltips using Plot.tip() to a plot that uses the dodge transform? I can't find one anywhere.

[Fil]

In https://observablehq.com/@observablehq/plot-image-dodge

you could add tip: true:

Plot.plot({
  inset: 20,
  height: 280,
  marks: [
    Plot.image(
      presidents,
      Plot.dodgeY({
        x: "First Inauguration Date",
        r: 20, // clip to a circle
        preserveAspectRatio: "xMidYMin slice", // try not to clip heads
        src: "Portrait URL",
        title: "Name",
        tip: true
      })
    )
  ]
})

Or, if you wanted to explicitly call Plot.tip:

Plot.plot({
  inset: 20,
  height: 280,
  marks: [
    Plot.image(
      presidents,
      Plot.dodgeY({
        x: "First Inauguration Date",
        r: 20, // clip to a circle
        preserveAspectRatio: "xMidYMin slice", // try not to clip heads
        src: "Portrait URL",
        title: "Name"
      })
    ),
    Plot.tip(
      presidents,
      Plot.pointer(
        Plot.dodgeY({
          x: "First Inauguration Date",
          r: 20, // clip to a circle
          title: "Name"
        })
      )
    )
  ]
})

[df-rw]

Of course! Thanks @Fil