PluginRadar

The PluginRadar allows you to create high-performance Radar (Spider) charts. These are ideal for comparing multiple quantitative variables on a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point.

Installation

import { createChart } from 'velo-plot/scientific';
import { PluginRadar } from 'velo-plot/plugins/radar';

const chart = createChart({ container });

// Enable Radar Plugin
await chart.use(PluginRadar({
  categories: ['Speed', 'Power', 'Reliability', 'Safety', 'Efficiency'],
  maxValue: 100,
  gridLevels: 5
}));

Core Features

1. Multi-Series Support

Overlay multiple datasets to compare different entities (e.g., product comparison, performance metrics).

chart.radar.addSeries({
  id: 'product-a',
  name: 'Product A',
  points: [
    { category: 'Speed', value: 80 },
    { category: 'Power', value: 70 },
    ...
  ],
  style: { 
    color: '#00f2ff', 
    fillColor: 'rgba(0, 242, 255, 0.2)' 
  }
});

2. Custom Grid

Configure the number of concentric grid levels (concentric polygons) and the spider spokes.

3. Automatic Labels

Labels are automatically positioned at the periphery of the spider web.

API Reference

addSeries(data)

Adds a new radar series.

• data: RadarSeriesData object.

updateSeries(id, points)

Updates the points of an existing series (supports animations).

setCategories(categories)

Reconfigures the circular axes.

setMaxValue(value)

Sets the maximum value for the radial scales.

Scientific Configuration

The plugin supports:

• Normalization: Automatically maps data values to radial positions.
• Categorical Mapping: Equal angular spacing for all categories.
• Enhanced Overlay: Renders with sub-pixel precision on the chart overlay.

Known limitations

• Bundle entry — pick velo-plot, velo-plot/trading, velo-plot/scientific, or velo-plot/full. See Bundle Architecture.
• WebGPU renderer (renderer: 'webgpu') requires an extended bundle entry and is experimental — use WebGL (default) for production.
• SVG — exportSVG() and renderer: 'svg' require an extended bundle. LaTeX labels and contour overlays are partial; 3D is not supported in SVG. See SVG examples.
• See Plugin status registry for plugin maturity (complete, partial, experimental).