The Radar Chart element allows you to easily compare categories by visualizing multidimensional data on circular axes. It is ideal for performance evaluations, competency analyses, or comparing multiple metrics simultaneously.

The Radar Chart element is only supported in web applications.

Areas of Use

• Evaluating employee competencies by category,
• Comparing departmental performance,
• Analyzing KPI metrics in multiple dimensions,
• Comparing product features with competitors, etc.

Competency Analysis Use Case

A company wants to measure its employees' performance across 5 different criteria: Communication, Problem Solving, Leadership, Technical Knowledge, Teamwork. The Radar Chart is used to visualize each employee's score on these criteria. Users can easily compare their own scores with the average values.

Connecting the Data Source

1. Go to the Datasources module.
2. Click the + icon next to the Tables heading and name the table PerformansDataRadar.
3. Create the following table.

SQL Example

SELECT ‘Employee A’ AS Employee, 70 AS Communication, 80 AS ProblemSolving, 65 AS Leadership, 90 AS Technical, 75 AS TeamworkUNION ALLSELECT ‘Employee B’, 60, 70, 75, 85, 80

4. Click SQL Actions and name the action PerformanceDataRadar.
5. Alternatively, you can also create it with C#.

UI Design Module Operations

1. Click the Add Action button on the right side of the application screen.
2. Select the Custom > PerformansDataRadar action.
3. Click the Radar Chart element.
4. Select the PerformansDataRadar action from the Datasource field in the Properties panel.

Using Properties in the Scenario Context

• Datasource
  
  • Description: Specifies the source of the data to be used in the chart.
  • Example: Select the “PerformansDataRadar” data.
• Data Label
  
  • Description: The category name is displayed for each point on the chart.
  • Example: Communication, Leadership...
• Tooltip Custom Title Data Label
  
  • Description: The field to be displayed in the tooltip title.
  • Example: Tooltip → “Employee A”
• Tooltip Custom Content Data Label
  
  • Description: The field to be used for the description in the tooltip.
  • Example: “Leadership: 65”
• Multi Tooltip Content Fields
  
  • Description: You can display multiple fields in the same tooltip.
  • Example Tooltip:
  • Communication: 70
  • Problem Solving: 80
• Data Field
  
  • Description: The field representing the main data series.
  • Example: Employee A scores.
• Data Bg Color
  
  • Description: Determines the field color of the main data series.
  • Example: Employee A → Blue (#00BFFF).
• Second Data Field / Second Data Bg Color
  
  • Description: Used for the second data series.
  • Example: Employee B → Green (#28a745).
• Third Data Field / Third Data Bg Color
  
  • Description: Optional for the third series.
  • Example: Average score → Orange (#FF7F50).
• Legend
  
  • Description: Shows the names of the series.
  • Options: top, bottom, left, right.
• Show Label Boxes
  
  • Description: Displays data points in boxes.
• Level Frequency
  
  • Description: Determines the density of concentric circles.
  • Example: 5 levels → 0, 20, 40, 60, 80, 100.
• Begin At Zero
  
  • Description: Starts the minimum value of the graph from zero.
• Level Color:
  
  • Determines the color of the circles. Provides visual differentiation for different levels.

When the Scenario Step is Complete

• 5 criteria appear on the Radar Chart axis.
• Employee A and Employee B values are drawn in two different colors.
• When the tooltip is opened, category + value information is displayed.
• The user can clearly compare strengths and weaknesses.

Limitations

• Radar Chart only works in web applications.
• Adding too many categories or series makes it difficult to read.
• Ideal number of categories: 5–8
• Ideal number of series: 2–3

Tips and Best Practices

• Features are not active without a defined datasource.
• Choosing high color contrasts makes comparison easier.
• Tooltip content can be enriched by adding multiple fields.
• Using a limited number of categories/series is recommended for performance.