# Dotted Area Chart

> A crypto price area chart on a dotted field; scrub it to light the stretch you have passed and read the price and move at any point.

A React component for shadcn/ui and Tailwind CSS, from ssych ui (https://ssych.com). Free, MIT licensed, the source lands in your repo.

## Install

```bash
npx shadcn@latest add @ssych/dotted-area-chart
```

npm dependencies: clsx, motion, tailwind-merge

## Where it belongs

- Charts: SVG chart components for React and Tailwind: candlesticks, drawdowns, donuts, radars, heat calendars and KPI charts, with no charting dependency. (https://ssych.com/library/s/charts)

## Related

- Candlestick Chart: https://ssych.com/library/candlestick.md
- Equity & Drawdown: https://ssych.com/library/equity-drawdown.md
- SMA Chart: https://ssych.com/library/sma-chart.md
- Balance Chart: https://ssych.com/library/balance-chart.md
- Donut Chart: https://ssych.com/library/donut-chart.md
- Sectors Donut: https://ssych.com/library/sectors-donut.md
- Ratings Radar: https://ssych.com/library/ratings-radar.md
- Analyst Radar: https://ssych.com/library/analyst-radar.md

## Links

- Live preview and code: https://ssych.com/library/dotted-area-chart
- Source: https://github.com/savvasicevs/ssych-ui
- All components: https://ssych.com/llms-full.txt