I use raphaelJS to draw a "radar chart" to display statistics. For each axis, it must take values ββfrom 0 to 10.
For example, polygon icons with its center point right in the center of the diagram [10,10,10,10,10,10]. Plain...
However, it may happen that the data looks like this:
[26, 14, 48, 18, 1], [ 3, 14, 8, 9, 5], [10, 6, 4, 16, 3]
which leads to this (displaying the polygon with its center point in the lower left corner of the diagram):
If I normalized the data based on its largest value (in this case 48), all the other central points would be too close to the center of the diagram, and its informative value would be about 0.
the same data are normalized based on its highest value:
[5.42, 2.92, 10, 3.75, 0.21], [0.63, 2.92, 1.67, 1.88, 1.04], [2.08, 1.25, 0.83, 3.34, 0.63]
So, now all the other central points are grouped in the center of the diagram and have lost all their explanatory power ... If there were more than three central points, they most likely overlapped each other.
I was thinking of a relative way to display each polygon without losing too much relationship between each polygon, if possible ...
Any ideas how to do this, or maybe another approach, how to normalize?