Actually, my initial thought was to give a toggle to choose between the two options (Average and Max). But then this will also be generated as a PDF report apart from the UI. Currently there's no option to configure the reports except for scheduling.

I'm thinking if this can be combined, but concerned about the number of data. Because, each of these networks will have two types of representation (avg and max). There will be at least 6 networks.

Or is it better to show it as two separate charts? Has anyone done anything similar to this?

Here's attached the mock.The chart in the mock shows only Average values.

The chart in the mock shows only Average values. Looking for suggestions. TIA.

  • so that x-axis is positive both up and down from 0? why not use two x-axis?
    – Midas
    Commented Jan 18, 2016 at 16:01
  • Your users need to compare the number of various networks, or they analyze each one separately? If you already have a mock with the toggle buttons for avg/max, show us please.
    – Dinei
    Commented Jan 18, 2016 at 17:19
  • @DineiA.Rockenbach: User is more interested in seeing the max value of each network. So, yes the user would compare the max value between various networks. No I don't have a mock for the toggle option.
    – essdeepee
    Commented Jan 18, 2016 at 18:22

3 Answers 3


I think you shouldn't mix average and maximum information, even in the screen.

You said you don't have a mockup of the toggle buttons for avg and max lines on the graph, but I believe that you have something like the following:


download bmml source – Wireframes created with Balsamiq Mockups

My suggestion is to have 2 different graphs for max and avg information, because I believe that there is no need to the user to compare max and avg information, as they are different values. So, I suggest you to have something like the following:


download bmml source

And you'll show only one line for each network, average OR maximum value.

Also, if it could be exported in PDF format, I agree with @SlavkoEror's answer that you should show 2 separate side-by-side charts on the PDF version, and using this way you keep PDF and web formats more similar, showing only one information type (max or avg).

You could have as well the two graphs side by side or stacked on the screen (which I believe is the best option, but it depends on the space you have on the page), showing the average in one and the maximum value on the other. So, you keep the PDF and web version exactly the same.

  • 1
    Thanks, @DineiA.Rockenbach. I actually meant the latter option - segmented control option (toggle for max or avg). Yeah, I like your suggestions about handling it for web and PDF version. This makes more sense. Thank you so much for the sketch and coming forward to offer assistance :)
    – essdeepee
    Commented Jan 19, 2016 at 18:35

I like your initial toggle idea. Can you set it up in a way that it shows as an Average vs. Max toggle for on screen display, and exports as 2 separate side-by-side charts on a PDF? That way you've maximized readability for each display method.

  • If users need to compare average and max, then you'll have to show both at the same time. Commented Jan 19, 2016 at 12:57

This type of graph shows min, max, and average values together, in a visually simple way that doesn't require separate lines and labels for each type of value. (Min is zero, I assume in your case.)

Sample Min-Max-Avg Chart

I don't know the name of this type of graph, but Google seems to think it's a "min-max-average" graph.

  • I thinks it's a "box plot graph"
    – Dinei
    Commented Jan 19, 2016 at 13:50
  • 1
    Thanks, Dinei. I'm no statistician, but it looks like box plots can show more points, the quartiles. We might call this a simplified box plot. Commented Jan 19, 2016 at 14:00
  • I am not a statistician either, so wondering how this can replace the line chart which provides the trend in data usage over a "time-series".
    – essdeepee
    Commented Jan 19, 2016 at 18:53
  • Yes, I see now that a box plot won't solve your original problem, which is that at each time point you have six data points (12 if you're showing both max and avg). Showing 12 box-plot elements at each point is going to be as problematic as 12 lines. Have you considered simply displaying the data as a table? Commented Jan 19, 2016 at 19:35

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.