Dev Design Library

Range Area Chart

A min/max envelope chart with a nested core-range band, an actual-to-forecast line split, annotated risk zones, a reference line, and a live endpoint badge.

Range Area Chart preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/range-area-chart.json
Files
  • registry/new-york/range-area-chart/range-area-chart.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame