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.

Sign up for GitHub

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

Jump to bottom

Legend improvements #2330

Closed
4 tasks done
BridgeAR opened this issue Jul 30, 2021 · 2 comments · Fixed by #2367
Closed
4 tasks done

Legend improvements #2330

BridgeAR opened this issue Jul 30, 2021 · 2 comments · Fixed by #2367
Assignees
@jannikr
Labels
difficulty:low Solving this is likely not that difficult feature Feature requests javascript Pull requests that update Javascript code. Usually created by Dependabot. pr-visualization Issues that touch the visualization pr(oject) which means web and desktop features. priority:high Set by PO UX / UI Everything related to design and user experience

Comments

@BridgeAR
Copy link
Member

BridgeAR commented Jul 30, 2021 •
edited by jannikr

Feature request

Description

As a user, I want the legend to be as useful as possible so that I have all necessary information without any information that is not needed or being distracted by anything.

Acceptance criteria

  • Change the background color of the legend to be identical to the background of the map (it should be 100% transparent)
  • Remove the bounding box of the legend so that the content is visible without anything distracting the user
  • Remove "Outgoing" and "Incoming" Edge from the legend in case there is no such metric available
  • Add all used metrics to the legend and add a description in case we know what the abbreviation stands for

image
image

Development notes (optional Task Breakdown)

  • Remove the bounding box and changing the background color
  • Remove "outgoing" and "incoming" edges from the legend, if not applicable
  • Add all used metrics to the legend
  • Add a list of known metric descriptions to the frontend and show a translation next to the entry
@BridgeAR BridgeAR added pr-visualization Issues that touch the visualization pr(oject) which means web and desktop features. javascript Pull requests that update Javascript code. Usually created by Dependabot. priority:high Set by PO feature Feature requests difficulty:low Solving this is likely not that difficult labels Jul 30, 2021
@BridgeAR BridgeAR added the UX / UI Everything related to design and user experience label Aug 20, 2021
@jannikr
Copy link
Contributor

jannikr commented Sep 6, 2021 •
edited

@BridgeAR
Could you specify which browser has a bounding box? I don't see a bounding box on Chrome (Version 93.0.4577.63) even if I have selected the color picker.

Should the background of the legend be like in the image?

legend-background-color.png

@BridgeAR
Copy link
Member Author

BridgeAR commented Sep 7, 2021

This is how I would like it to look like (regular background and white background):

image
image

@jannikr jannikr mentioned this issue Sep 13, 2021
Merged
@jannikr jannikr mentioned this issue Oct 5, 2021
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@jannikr jannikr

Labels
difficulty:low Solving this is likely not that difficult feature Feature requests javascript Pull requests that update Javascript code. Usually created by Dependabot. pr-visualization Issues that touch the visualization pr(oject) which means web and desktop features. priority:high Set by PO UX / UI Everything related to design and user experience
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Feature/2330/legend improvements MaibornWolff/codecharta
2 participants
@BridgeAR @jannikr