Spark UI
Back to UI Kit

Multi-Axis Net

A five-axis radar web with a soft accent fill and rounded polygon stroke joins.

Interactive Stage Preview

Customize

8 options
Accent Color
Axes
5
Line Thickness
2
Fill Strength
20
Grid Shape
Vertex Dots
Comparison Series
Animation Speed
100

Get this component

Copies the component into your project, installs what it needs, and pulls down its images. Nothing to download by hand.

npx spark-ui-registry@latest add mono-polygon-web-radar

Writes to components/spark-ui/ by default; override with --dir. The file is yours to edit; there is no package to keep in sync.

Or let an AI agent pull it in for you. Set up the MCP server
PropertyTypeDefaultDescription
theme'dark' | 'light''dark'Colour scheme of the card.
compactbooleanfalseShrinks the card to a smaller fixed height.
colorstring (hex)'#ff8a3d'Primary series color.
axesnumber5Number of metrics around the web.
strokeWidthnumber2Stroke width of the polygon.
fillOpacitynumber20Opacity of the polygon fill, in percent.
gridTypestring'polygon'Shape of the background rings.
showDotsbooleanfalseMark each axis value with a dot.
showComparisonbooleanfalseOverlay a dashed baseline dataset.
speednumber100Playback speed of entry and transition animations, as a percentage.