# EvilCharts Documentation

> EvilCharts is an open-source chart UI website built with shadcn and Recharts, beautifully designed and handcrafted.

## Start Here
- [Chart Config](https://evilcharts.com/docs/chart-config.md) - Define labels, colors, and icons for each data series
- [Introduction](https://evilcharts.com/docs.md) - Open-source, beautifully handcrafted chart components built with shadcn — on Recharts or Apache ECharts.

## Recharts

> SVG · the original Evil charts. Install with `npx shadcn@latest add @evilcharts/{component}`.

### Setup
- [Components](https://evilcharts.com/docs/recharts/components.md) - Every EvilCharts component.
- [Installation](https://evilcharts.com/docs/recharts/installation.md) - Install EvilCharts and add charts to your project

### Chart Components
- [Area Chart](https://evilcharts.com/docs/recharts/area-chart/static.md) - Static, beautifully designed area charts
- [Bar Blocks](https://evilcharts.com/docs/recharts/bar-chart/blocks.md) - Simple static & beautifully designed bar charts
- [Bar Chart](https://evilcharts.com/docs/recharts/bar-chart/static.md) - Static, beautifully designed bar charts
- [Composed Chart](https://evilcharts.com/docs/recharts/composed-chart/static.md) - Static, beautifully designed composed charts combining bars and lines
- [Line Chart](https://evilcharts.com/docs/recharts/line-chart/static.md) - Beautifully designed static line charts
- [Pie Chart](https://evilcharts.com/docs/recharts/pie-chart/static.md) - Static, beautifully designed pie charts with donut, gradient, and glow effects
- [Radar Chart](https://evilcharts.com/docs/recharts/radar-chart/static.md) - Radar charts with filled and lines variants, gradient colors, and glow effects
- [Radial Chart](https://evilcharts.com/docs/recharts/radial-chart/static.md) - Beautiful radial bar charts with full and semi-circle variants and gradient colors
- [Sankey Chart](https://evilcharts.com/docs/recharts/sankey-chart/static.md) - Sankey charts for flow data with nodes and links, plus gradient colors

### UI Components
- [Background](https://evilcharts.com/docs/recharts/ui/background.md) - Style chart backgrounds with built-in and custom patterns.
- [Brush](https://evilcharts.com/docs/recharts/ui/brush.md) - A zoom brush that filters the chart down to a draggable range of the data.
- [Dots](https://evilcharts.com/docs/recharts/ui/dots.md) - Point markers rendered at each data value along a line or area.
- [Legend](https://evilcharts.com/docs/recharts/ui/legend.md) - Legends that identify each data series in a chart.
- [Tooltip](https://evilcharts.com/docs/recharts/ui/tooltip.md) - Interactive tooltips on chart data-point hover

## Agent Resources
- [Full documentation snapshot](https://evilcharts.com/llms-full.txt)
- [Agent skill](https://evilcharts.com/skill.md)
- [MCP server](https://evilcharts.com/mcp)