-
Notifications
You must be signed in to change notification settings - Fork 217
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
Add SortBy and GroupBy actions for Icicle Graphs #3479
Conversation
We want to add sorting to the icicle graph itself. This allows to not only sort by function name (the default and what's currently supported) but also sort by cumulative values (such that the highest functions are always left) and in compare mode by diff value (meaning the functions that got worse are left and better right). This can make finding specific things even easier.
🤖 Meticulous spotted visual differences in 210 of 229 screens tested: view and approve differences detected. Last updated for commit 4be0494. This comment will update as new commits are pushed. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great looking UI! 👏🏼
Just a couple of minor nits and the linter comments, otherwise looks good from the UI perspective.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
backend/API changes lgtm
Thanks a lot for fixing those re-renders @manojVivek 👏 |
This PR adds two additional UI components to the arrow icicle graph.
One is a SortBy dropdown to either sort by the function name (the default and what we currently only had) or cumulative value.
The other component is a dropdown that toggles GroupBy function name or pprof labels or no grouping at all.
All state is stored in the URL. Sharing a profile keeps the group by and sort by order.
Group By
No grouping
Function name (the default)
(pprof) Labels
Function and Labels
Sorting
Function name (the default)
This sorts alphabetically by function names:
Cumulative value
This sorts by cumulative value in descending order. This makes the biggest values show up to the left and the smallest to the right: