Opened 9 years ago

Closed 9 years ago

Last modified 9 years ago

#11686 closed enhancement (fixed)

Spider Chart

Reported by: JayZ(zhouxiang) Owned by: Eugene Lazutkin
Priority: high Milestone: 1.6
Component: Charting Version: 1.5
Keywords: Cc: xiangxz@…
Blocked By: Blocking:

Description (last modified by Adam Peller)

The spider chart consists of a sequence of equi-angular spokes, called radii, with each spoke representing one of the variables. The data length of a spoke is proportional to the magnitude of the variable for the data point relative to the maximum magnitude of the variable across all data points. A line is drawn connecting the data values for each spoke. This gives the plot a star-like appearance and the origin of the name of this plot. Spider charts are useful when you want to look at several different factors all related to one item. spider charts have multiple axes along which data can be plotted.

The "spider chart" can be a format commonly used by management consultants to show their clients how an organization compares with those in similar companies. It also can be used as the control of quality improvement to display the performance metrics of any ongoing program. Furthermore, it is also being used in sports to chart players' strengths and weaknesses. For example, you could use a spider chart to compile data about a wide receiver on a professional football team. On one axis, you could plot the percentage of passes caught. Another axis would show his yards per completion; another, his completions per 100 plays; another, blocks made; and a final axis might show his interceptions. So far as we can see, the spider has a broad application area.

Spider charts differ from radar chart in that a spider chart is a chart that has N "y" axes while radar chart has only one "y" axis, all radiating from a central point, where each "y" axis represents a specific category. For example, there are 5 "y" axes: GDP, area, population, inflation and growth here. The radar chart, however, instead of being drawn in a typical linear X/Y space, the radar chart is drawn using a circular plot, with specific X values being shown using an arbitrary number of spokes drawn from a center point. These charts are useful for showing data over a cyclical set of values (for instance, hours of a day, minutes in an hour, etc.). With a radar chart, data is plotted in much the same way as with a typical line or area chart. Actually, the radar chart is somewhat similar with line chart, the major difference between them is: line chart has a "straight" X axis while radar chart has a "circular" X axis, and the orientation of their Y axis is opposite.

demo snapshot from xiang zhou

Attachments (2)

spider_demo.png (53.6 KB) - added by Adam Peller 9 years ago.
demo snapshot from xiang zhou
spider.patch (53.2 KB) - added by Adam Peller 9 years ago.
from xiang zhou with a11y updates (IBM, CCLA)

Download all attachments as: .zip

Change History (7)

comment:1 Changed 9 years ago by JayZ(zhouxiang)

There is code for "MasterTooltip?", MasterTooltip? is a independent tooltip I separated from dojox.charting.action2d.Tooltip, so as to use tooltip everywhere in dojox.charting. Besides, the "MasterTooltip?" code here is the same as the "MasterTooltip?" code in label shortening patch(http://bugs.dojotoolkit.org/ticket/11631), as both of them have to use the "MasterTooltip?", and none of them are in trunk, so I put the "MasterTooltip?" code in both of these two patch.

comment:2 Changed 9 years ago by Adam Peller

Description: modified (diff)
Summary: Radar ChartSpider Chart

Changed 9 years ago by Adam Peller

Attachment: spider_demo.png added

demo snapshot from xiang zhou

comment:3 Changed 9 years ago by Adam Peller

Description: modified (diff)

Changed 9 years ago by Adam Peller

Attachment: spider.patch added

from xiang zhou with a11y updates (IBM, CCLA)

comment:4 Changed 9 years ago by Eugene Lazutkin

Resolution: fixed
Status: newclosed

(In [23513]) Charting: spider chart, thx Xiang Zhou (CCLA, IBM), !strict, fixes #11686.

comment:5 Changed 9 years ago by Eugene Lazutkin

(In [23514]) Charting: switched tooltip tests to Claro theme, !strict, refs #11686, refs #11631.

Note: See TracTickets for help on using tickets.