ns-ui

Chart Radar Dither

Canvas radar/spider chart in ordered-dither ink density, swept by a continuously rotating radar line that locally resolves each axis wedge to sharper ink as it passes.

Use when comparing several axes of one or two entities where a literal, continuously-scanning radar reads as an intentional pun rather than gimmick — pick chart-bar-dither instead when the axes are independent categories with no shared 0-100 scale, or chart-line-dither for a single series over time rather than a multi-axis snapshot.

Install

npx shadcn add https://design.helpmarq.com/r/chart-radar-dither.json
  • chart
  • radar
  • spider
  • data-viz
  • dither
  • canvas
  • ink

ns-ui / chart-radar-dither

MODEL COMPARISON

Props

PropTypeDefaultDescription
data?ChartRadarDitherDatum[]
title?string
className?string