Radzen Blazor Components

Spider Chart

A spider chart, also called a radar chart, plots several measures on axes radiating from a center, so you can compare a profile across many dimensions at once - skills, product specs, or survey scores.

Basic Usage link

RadzenSpiderChart displays one or more RadzenSpiderSeries with CategoryProperty and ValueProperty bindings.

Console log

Grid Shape link

Use the GridShape property to switch between a polygon and circular grid.

Grid Shape

Color Scheme link

Set the ColorScheme property to apply a built-in color palette to all series.

Color Scheme

Legend link

Configure the legend with RadzenSpiderLegend. Control its Position and Visible properties.

Legend Position

Value Format link

Use the ValueFormatter property on each series to customize how values are displayed in tooltips.

Value Format

Polar Chart link

Combine GridShape="Circular" with ShowAxisValues="true" and many directional categories to create a polar chart.

Grid Shape
Angular Range
Show Axis Values

Markers link

Toggle data point markers with the ShowMarkers property.

Frequently asked questions

When should I use a spider chart?

When you want to compare items across several measures at once and see their overall shape - player stats, product attributes, or assessment scores across categories.

What data does it need?

A value per axis for each series. Every series is drawn as a closed shape across the same set of axes, so you can overlay and compare them.

Spider or radar column?

They share the radial layout. A spider chart connects points into a shape, while a radar column draws bars out from the center - use columns when you want to compare each category's magnitude rather than an overall profile.

Radzen Blazor Newsletter

Get an email when new components and releases ship.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Material 3 Expressive
  • Material 3 Expressive Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙