Stacked area chart with crosshatch pattern fill

Stacked area chart with crosshatch pattern fill.

Library

ReUI

Framework

React

Type

block

License

MIT

Dependencies

recharts

Install

npx shadcn@latest add @reui/c-chart-18

Files

• registry-reui/bases/radix/components/chart/c-chart-18.tsx
• registry-reui/bases/radix/reui/badge.tsx
• registry/bases/radix/ui/card.tsx
• registry/bases/radix/ui/chart.tsx
• app/(create)/components/icon-placeholder.tsx
• lib/icon-library-store.ts
• registry/icons/icon-lucide.tsx
• registry/icons/icon-tabler.tsx

Source

https://github.com/keenthemes/reui

Categories

• Area Chart Components
• Tailwind CSS Area Chart Components
• Chart Components
• React Chart Components
• Tailwind CSS Chart Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components

More from ReUI

• Basic bar chart
• Duotone gradient bar chart
• Animated monochrome bar chart
• Vertical bar chart
• Gradient area chart with stripe overlay
• Stacked area chart with dashed strokes
• Step area chart with dotted pattern fill
• Area chart with glowing dot markers
• Forecast line chart with stripe pattern zone
• Donut chart with center total
• Multi-dataset bar chart
• Donut chart with center stats