The existing ui: https://agrieve.github.io/chrome/supersize-monochrome-apr-4-2018/html_report/index.html has worked fairly well but we'd like make it easier to navigate.
One option is to use a tree view (like https://en.wikipedia.org/wiki/Tree_view#/media/File:Tree_view_example.png). Works well for file/symbol hierarchy and everyone knows how to use it! It also will work well for handling negative changes, and can be ordered to show the most important items at the top.
Some features we want:
* Should also support supersize diffs, which the current view does not.
* Rewrite the node generation logic in js instead of Python and create nodes that are more representative of actual symbols - this should make adding more filtering features easier.
* Would be nice if filter options changed the url so that we can easily share direct links to filtered views
There's a whole bunch of libraries available for creating tree views but nothing specifically jumps out at me as the one to use. Creating our own polymer component is another option for this.
Comment 1 by wnwen@chromium.org
, May 30 2018