Skip to main content

Charts

BrutalizmUI Charts is a high-performance collection of neobrutalism data visualization components built with Recharts and Tailwind CSS 4. These accessible React 19 charts support Area, Bar, Line, and Pie configurations with full dark mode support and responsive layouts. Visit charts docs for technical specifications and installation guides.

Examples

ChartAreaStacked

ChartBarMultiple

ChartPieDonutText

ChartAreaDefault

ChartAreaLinear

ChartAreaStep

ChartAreaStackedExpand

ChartAreaLegend

ChartAreaIcons

ChartAreaAxes

ChartAreaInteractive

ChartBarDefault

ChartBarHorizontal

ChartBarMultiple

ChartBarLabel

ChartBarLabelCustom

ChartBarMixed

ChartBarStacked

ChartBarActive

ChartBarNegative

ChartBarInteractive

ChartLineDefault

ChartLineLinear

ChartLineStep

ChartLineMultiple

ChartLineDots

ChartLineDotsCustom

ChartLineDotsColors

ChartLineLabel

ChartLineLabelCustom

ChartLineInteractive

ChartPieSimple

ChartPieLabel

ChartPieLabelCustom

ChartPieLabelList

ChartPieLegend

ChartPieDonut

ChartPieDonutActive

ChartPieDonutText

ChartPieStacked

ChartTooltipDefault

ChartTooltipIndicatorLine

ChartTooltipIndicatorNone

ChartTooltipLabelCustom

ChartTooltipLabelFormatter

ChartTooltipLabelNone

ChartTooltipFormatter

ChartTooltipIcons

ChartTooltipAdvanced