Plot.plot({axis: false, height: 200, padding: 0, margin: 1, marks: [
Plot.barY("ABCD", Plot.pointerX({x: d => d, fill: "orange", maxRadius: Infinity})),
Plot.frame(),
groupMarks([
Plot.dotX("ABCD", {r: 50, fill: d => d, href: d => `#${d}`, target: "_top"}),
Plot.text("ABCD", {x: d => d, fill: "white", fontSize: 50, pointerEvents: "none"}),
], {
onpointerdown: e => e.stopPropagation(),
stroke: "black",
"stroke-width": "6px",
"stroke-dasharray": "7, 7",
"stroke-linecap": "round",
"paint-order": "stroke",
})
]})