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

Improve progress bar #2622

Open
mstykow opened this issue Apr 23, 2024 · 0 comments
Open

Improve progress bar #2622

mstykow opened this issue Apr 23, 2024 · 0 comments
Assignees

Comments

@mstykow
Copy link
Collaborator

mstykow commented Apr 23, 2024

Is your feature request related to a problem? Please describe.
The progress bar has a few areas that could be improved:

  • the rightmost color in the stacked bar looks like empty space rather than a color
  • hovering over the progress bar, there is no indication as to which color belongs to which statement/count and some colors are not represented at all (the signals progress bar contains four colors but only three statements)
  • hovering over the progress bar, there is no message what will happen when I click on the progress bar

Describe the solution you'd like
I see two options:

  1. Replace the entire bar by a proper library to render a stacked bar chart. The one I like most is this one: https://nivo.rocks/bar/ Notice how this bar chart has nice (customizable) tooltips when you hover over a part of the stacked bar chart. This means we could offer different kinds of click actions depending on which part of the bar is clicked, in addition to having just a better display.
  2. Sticking with the current progress bar design, we could exchange just the current tooltip for a MUI Popover which contains information similar to how the tooltip of option 1. looks like, i.e., a colored box followed by a title and a count. The popover would allow us to render custom content and not just text, unlike the current tooltip.
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

No branches or pull requests

2 participants