Skip to content

Rounded tooltips - #2457

Open
pdebruic wants to merge 7 commits into
observablehq:mainfrom
pdebruic:rounded-tips
Open

Rounded tooltips#2457
pdebruic wants to merge 7 commits into
observablehq:mainfrom
pdebruic:rounded-tips

Conversation

@pdebruic

@pdebruic pdebruic commented Aug 17, 2026

Copy link
Copy Markdown

For a tip mark set a radius and this will make a rounded tooltip.

Changed the tip paths to draw themselves in the clockwise direction. If a radius is set then add quadratic bezier curves in the appropriate corners based on the frameAnchor.

I did not make curves from the flat edge to the "point". Just the outer corners.

image

Add tests

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant