Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sankey chart circles "leaking out" from behind bars when bars are very tall #6400

Open
atuttle opened this issue Mar 21, 2025 · 0 comments
Open
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect

Comments

@atuttle
Copy link

atuttle commented Mar 21, 2025

Description

I'm using sankey charts to illustrate mail campaign effectiveness. My theory is that if a bar is a significant percentage of the chart height but not a significant portion of the chart width, then the circles "leak out" from behind the bars.

Steps to reproduce

Here's an example that shows the circles:
https://mermaid.live/edit#pako:eNpFUctugzAQ_BW0Z4gMGIJ9bLlWlRq1h8oXBxxAwDoypmka5d-7Ia_TemZ3Zh8-QWVrAxKiKFJYWdx1jVQYBIO1vQxajXXp9AEv1KSxN8clS6C1hy89zGaSgXezUbg4XGuirfFakWhj0IelGbof40wdxkykea7wybzvDVLgPCuEwht6Hbqqp5imxYP7xGneTpXrtgQSTib3qg_TdJNf3BLGnnxpUftL09sYL3bGinCec6Lu6DkKSSGE0bhRdzVd5HRZVIFvzWgUSHrW2vUKFJ6pTs_ebo5YgbxsH4Kzc9OC3OlhIjTva-pddrpxenywe43f1o53CUGQJ_gFmXKx4nnG6DgsTzKepiEcQcYiWYmMCVEUYh3zOFufQ_hbHNgqT5hIYp4mlBIkCcHUnbfu7fqfy7ee_wESXZt6

Image

Toggle the "Rough" option (near the upper right) to switch between styles. I believe the style used for the "on" state of this toggle is the purpose of these circles.
Image

And then if we simply remove some of the data that adds states to the right side of the chart (thus allowing the bars to be wider) then the circles become hidden again:

https://mermaid.live/edit#pako:eNpFUMFuwjAM_ZXK5xSlbRpIjhPXaQekHaZcssbQitap0nSMIf59oYxxst_ze9azL9B4h6Ahz3NDjad9d9CGsqz3_qiz1pLbBnuiGzVZOuJ5mSbQ-tO77WecdBbDjIaWDXdN_onRmmTaIUW2xb77woCOFVxVUhp6Mm8jUipC1Bv1J3_xMzWJk1IUhh7oaeGGgMGAYbCdS8kvt0AGYosDGtCpdTYcDRi6Jp2do9-dqQF9S8kg-PnQgt7bfkpoHp2NuO3sIdjhnx0tfXg_PCwJgr7AN-hKqJWQNU9HcFnWoqoYnEEXqlypmiu12ah1IYp6fWXws2zgK1lyVRaiKtNIJQsDdF304fX-9-X911_YxHx8

Image

Setup

  • Mermaid version: 11.5.0
  • Browser and Version: All that I've tested so far
@atuttle atuttle added Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect labels Mar 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Triage Needs to be verified, categorized, etc Type: Bug / Error Something isn't working or is incorrect
Projects
None yet
Development

No branches or pull requests

1 participant