Announcement

Collapse
No announcement yet.

Seeking Feedback On Better Visualizing Benchmark Results

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • #11
    Sometimes the CPU load would be essential too, especially on poorer graphics drivers. Like a video on YT is playable or game has some FPS but a lot of work is being dumped on the CPU instead of GPU. The blue FPS bar graph could have a second bar in the background with average CPU load (with high opacity) and/or CPU load timeline below FPS timeline.

    Comment


    • #12
      Performance profiles

      Performance profiles [1] can compress a huge amount of tests into a single chart with one staircase curve per test subject. It is the de facto standard in optimization benchmarks, where hundreds of tests are performed on a few test subjects. The phoronix tests are clearly different in nature, but familiarizing yourselves with this type of chart might just come in handy some day..

      [1] http://www.optimization-online.org/D...01/03/300.html

      Comment


      • #13
        - round the numbers in the bar graphs (but take account of the exact values for drawing the bars), bolden the numbers in the bar graphs,
        - when something is “less is better”, show it in dark red instead of dark blue,
        - dark green bars by default would be more fitting on Phoronix.

        Comment


        • #14
          Originally posted by vadix View Post
          Or make it so when you hover over a box, it dims the rest of the plots.
          This one is easy (requires jQuery 2). Try this JSFiddle: http://jsfiddle.net/86g4r/1/

          When you move your mouse over a box, irrelevant line graphs opacity will be greatly reduced. This will make line graphs easier to see for color blind folks too.



          @Michael Do you accept small code contributions through JSFiddles?

          Comment


          • #15
            Originally posted by siavashserver View Post
            This one is easy (requires jQuery 2). Try this JSFiddle: http://jsfiddle.net/86g4r/1/

            When you move your mouse over a box, irrelevant line graphs opacity will be greatly reduced. This will make line graphs easier to see for color blind folks too.
            That is a cool improvement! I'd suggest three changes:
            1. Shorten the animation times: 0.2 seconds for transition to near transparancy and 0.1 to opaqueness gives way quicker feedback.
            2. Also make other lines opaque when moving over the text associated with a box. This would probably require changing the SVG to add ids to the text.
            3. Also make the Average, Peak and Low values opaque, as these are also colored.

            Comment


            • #16
              Note that GitHub supports Markdown syntax, so you can have a readme.md file with headers and such.

              As a PHP programmer, you should read the style guide.
              http://www.php-fig.org/psr/psr-2/

              Comment


              • #17
                Originally posted by riklaunim View Post
                Sometimes the CPU load would be essential too, especially on poorer graphics drivers. Like a video on YT is playable or game has some FPS but a lot of work is being dumped on the CPU instead of GPU. The blue FPS bar graph could have a second bar in the background with average CPU load (with high opacity) and/or CPU load timeline below FPS timeline.
                PTS already has CPU usage (and various other forms of usage) that can be monitored and charted separately by setting the MONITOR=all environment variable.
                Michael Larabel
                http://www.michaellarabel.com/

                Comment


                • #18
                  Originally posted by siavashserver View Post
                  @Michael Do you accept small code contributions through JSFiddles?
                  Not familiar with JSFiddles....
                  Michael Larabel
                  http://www.michaellarabel.com/

                  Comment


                  • #19
                    Originally posted by Michael View Post
                    Not familiar with JSFiddles....
                    I was wondering if you are OK with sharing required changes through paste-bin like websites. I'll try to come up with a pull request on your github repo.

                    By the way what do you think about something like this? http://jsfiddle.net/86g4r/1/


                    Originally posted by hugwijst View Post
                    That is a cool improvement! I'd suggest three changes:
                    1. Shorten the animation times: 0.2 seconds for transition to near transparancy and 0.1 to opaqueness gives way quicker feedback.
                    2. Also make other lines opaque when moving over the text associated with a box. This would probably require changing the SVG to add ids to the text.
                    3. Also make the Average, Peak and Low values opaque, as these are also colored.
                    Thanks for the feed back! Yep we need to inject some kind of IDs into the generated SVG line graphs, which makes the JavaScript side easier too.

                    Comment


                    • #20
                      Originally posted by siavashserver View Post
                      I was wondering if you are OK with sharing required changes through paste-bin like websites. I'll try to come up with a pull request on your github repo.

                      By the way what do you think about something like this? http://jsfiddle.net/86g4r/1/

                      Thanks for the feed back! Yep we need to inject some kind of IDs into the generated SVG line graphs, which makes the JavaScript side easier too.
                      GitHub is probably the best.

                      Changes look nice.

                      It should be fairly easy to add some ids to the code.
                      Michael Larabel
                      http://www.michaellarabel.com/

                      Comment

                      Working...
                      X