Beta
SMA Chart
Moving-average chart — one price line with its fast and slow SMA overlays, right-edge price ticks, crosshair scrubbing with a three-series tooltip, and a signed change chip.
SMA Chart
Moving-average chart — one price line with its fast and slow SMA overlays, right-edge price ticks, crosshair scrubbing with a three-series tooltip, and a signed change chip.
When to use it
A price series with its own moving averages, for when a trend needs context rather than a raw line. The three-series tooltip means the crossover moments can be read exactly instead of estimated by eye.
Install
Adds SMA Chart and its dependencies to your project through the shadcn CLI.
$ npx shadcn@latest add https://www.ssicevs.com/r/sma-chart.jsonProps · SmaChart
| Prop | Type | Default |
|---|---|---|
| symbol? | stringticker shown top-left | "AMZN" |
| name? | stringcompany name beside the ticker | "Amazon.com Inc." |
| prices? | number[] | DEFAULT_PRICES |
Generated from the component source. Run npm run props:extract after changing a signature.