Mobile app version of vmapp.org
Login or Join
Sue6373160

: How can I present this information with less required user interaction? Here's a typical graphic from my web app: It shows the performance of grades 1-12 on each of four tasks (Add, Subtract,

@Sue6373160

Posted in: #ChartDesign #DataVisualisation #InformationGraphics

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?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Sue6373160

2 Comments

Sorted by latest first Latest Oldest Best

 

@Jamie315

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.

10% popularity Vote Up Vote Down


 

@Smith574

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.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme