How can I present this information with less required user interaction?

Question

Here's a typical graphic from my web app:

It shows the performance of grades 1-12 on each of four tasks (Add, Subtract, Multiply, Divide). But this is only for whole numbers. Behind each of the other tabs (for different types of numbers), the exact same thing is repeated.

I'd like to be able to represent the contents of all five tabs in one chart, so that the overall performance can be seen in one glance, without having to jump around the tabs, hiding one view to see another. It would also be nice to be able to combine the four charts that are shown into one, but that's secondary.

Can anyone suggest a better type of chart to condense this information into a more useful and visible form?

Answer 1

Are the fraction/whole number/decimal, etc... actually the same value but different types of numbers? If so, I'd group them together and have it dynamically shown on the graph.

Having it on line graph also allows for multiple types of values easily viewed. Take inspiration from Facebook Pages' Analytic!

Here's a quick wireframe I did up.

Answer 2

I would look into creating a chart with interactivity:

If the side values of your chart are not going to change include a legend calling out the color of what each means.

You could code the whole chart with <canvas> and use jQuery with some checkboxes so that someone can cycle on and off what is displayed.