Docs
📊 ⏐ Charts
Radar

Radar

A Radar Chart in REAVIZ is a graphical method of displaying multivariate data in the form of a two-dimensional chart with three or more quantitative variables represented on axes starting from the same point. This type of chart is useful for comparing multiple variables and identifying patterns or anomalies in data.

Where to use:

  • Compare Multiple Variables: Ideal for comparing several quantitative variables simultaneously.
  • Identify Patterns: Useful for identifying patterns, strengths, and weaknesses across different variables.
  • Visualize Multidimensional Data: Great for visualizing complex, multidimensional data sets.

Quick Start

To create a radar, use import the RadarChart and give it value point.

Examples

API

RadarChart (opens in a new tab)

PropDescriptionDefault
dataData the chart will receive to render.
ChartNestedDataShape[]
seriesThe series component that renders the area components.
ReactElement<RadialAreaSeriesProps, FC<Partial<RadialAreaSeriesProps>>>
<RadarChartSeries />
innerRadiusThe radial axis component for the chart.
number
axisThe inner radius for the chart center.
ReactElement<RadialAxisProps, FC<Partial<RadialAxisProps>>>
( <RadialAxis type="category" arcs={ <RadialAxisArcSeries count={5} arc={null} line={<RadialAxisArcLine />} /> } /> )
startAngleStart angle for the first value.
number
endAngleEnd angle for the last value.
number
isClosedCurveWhether the curve should be closed. Set to true by deafult
boolean
idId of the chart.
string
widthWidth of the chart. If not provided will autosize.
number
heightHeight of the chart. If not provided will autosize.
number
marginsMargins for the chart.
Margins
classNameClassnames for the chart.
string
containerClassNameClassnames for the chart.
string
styleAdditional css styles.
StyleHTMLAttributes<SVGSVGElement>
centerCenter the chart. Used mainly internally.
boolean
centerXCenter chart on X Axis only. Used mainly internally.
boolean
centerYCenter chart on Y Axis only. Used mainly internally.
boolean