ReportR: Spider Chart


This feature is included in the ReportR plan. Contact us for more information.


This is a great graphic way to compare results from different questions and visualize performance, for example between school subjects or departments of a business.




You can include as many axes as you want, but the most visually appealing and clear would be between three and six axes. The example below uses five axes and personalized results from the survey to show amount of potential savings for different household categories.



Let's see now how you can make this yourself. The spiderchart's basic components are the axes along which the data is plotted, and the lines of data which are drawn onto the axes.


Start by giving your spiderchart widget a widget name and chart title. Next click add axis to start creating the axes for your data points.



Give each axis a label until you have added the amount of axes that you need for your spiderchart.


ReportR Spiderchart - axis labels


Now you can choose to add your own intervals, which are the numbers marking the scale shown on the inside of the spiderchart. 


ReportR Spiderchart - axis interval labels


Use the arrows to change the axis interval label and choose the number that you want to be shown at each of the intervals. Use the arrows or type in the value that you wish to set for the maximum value on axis.


Now it's time to start specifying how the first data series should be constructed. This is the line of points which will be plotted on the axis and connected to form a polygon with a colored line of your choice. Note that the amount of data points must correspond to the number of axes so that you'll have a data point plotted on each axis. For example in a spiderchart of four subjects, there are four axes, so for each data series, there are four data points. 


Data points can be variables or numbers that you choose, and can be a mixture of both, or some lines can be variables and some numbers. In our example, the first data series named "Your score" is composed of variables taken from the survey answers, and the other two series, "class average" and "pass mark" are set numbers.


ReportR Spiderchart - data series

  1. Series Label - give a name to the line. This is the name of the line that will be shown in the key under the spiderchart.
  2. Series Color - choose the line color by clicking on the pencil. Take care to choose distinctly different colors for each of the lines so it will be easy to tell the difference between them!
  3. Data Point Metrics - choose where the data for the spiderchart should be taken from. You can either type in a number or click Variables to access the drop-down menu of variables which you can use. Variables take the data entered during the survey and display it in the chart. Data Point 1 Metric will correspond with Axis Label 1.
  4. Add point - click add point until you have added all the points you need to be plotted on your axes.


Tip: Always make sure you data point metrics are smaller than the maximum value on axis to make sure no points are put outside of the spider chart.


Click Add series to continue adding as many lines as you would like to be shown on the spiderchart. In the example above, we created three lines.


ReportR Spiderchart - add series


Take a look at how data series 2 looks in our example, when set values are entered, rather than variables.


ReportR spiderchart - series example


Tip: To make advanced design changes to the spiderchart, you can upload a custom CSS file.


Now if you want to show a spiderchart to all respondents, you're done! Just make sure to click save PDF and continue adding widgets. 


If you want to only show this widget under certain conditions, it's time to set the widget logic rules. Click add rule and now select which condition from the drop-down menu should be used to decide when to show the widget.


PDF Spiderchart logic rules


Once you've chosen the initial condition, you can specify exactly what conditions need to be met, for example the answer on question must be greater than a certain number. If you need a more complex condition, click on the white circle with a purple + sign to add criteria that will be in addition to the other criteria (AND), or instead of (OR).


ReportR spiderchart - widget logic rules


Tip: If you have set up outcomes, you can choose an outcome as the criteria for showing the widget. Choose outcome from the drop-down menu and then select what the outcome should or should not equal so that the widget will be shown. You can set the outcome as the only criteria, or as an additional criteria as shown below. In this example, we clicked the purple button and added that the widget should be shown if both the response on intro field criteria AND the outcome criteria is fulfilled.


PDF Text widget with outcome criteria


Once you've saved your logic rules, don't forget to save PDF and you're ready to add more widgets!


Why not check out our other widget guides and learn how to add other types of content to your PDF?

  1. Text
  2. Page Break
  3. Question block KPI
  4. Table
  5. Bar Chart
  6. Formula KPI
  7. Column Chart
  8. Gauge Chart
  9. Pie Chart
  10. Image