Area Chart

Filled areas with gradient, hatch, dotted, stacked, and dashed-stroke variants.

variant='gradient'

@spectrumui/area-chart
  • Desktop
  • Mobile

Installation

Login to view commandCreate a free account to access the install command

variant='hatched'

  • Desktop
  • Mobile

variant='dotted'

  • Desktop
  • Mobile

variant='solid'

  • Desktop
  • Mobile

stackType='stacked'

  • Desktop
  • Mobile

curveType='bump'

  • Desktop
  • Mobile

strokeVariant='animated-dashed'

  • Desktop
  • Mobile