# EvilCharts Documentation (Svelte port)

> Svelte 5 port by Mathis: https://github.com/mielsense/evilcharts-sv
> Original EvilCharts by Gurbinder: https://github.com/legions-developer/evilcharts
> The port uses LayerChart and shadcn-svelte. It is independent from the original project.

## Start Here
- [Introduction](https://evilcharts-sv.vercel.app/docs.md) - Open-source Svelte 5 chart components built with LayerChart and shadcn-svelte.
- [Changelog](https://evilcharts-sv.vercel.app/docs/changelog.md) - Changes to EvilCharts for Svelte, its registry, and its documentation.
- [Chart Config](https://evilcharts-sv.vercel.app/docs/chart-config.md) - Define labels, colors, and icons for each data series

## LayerChart

> SVG charts rendered by Svelte. Install with `npx shadcn-svelte@latest add https://evilcharts-sv.vercel.app/r/{component}.json`.

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

### Chart Components
- [Area Chart](https://evilcharts-sv.vercel.app/docs/layerchart/area-chart.md) - Area charts with stacked, gradient, pattern, and reveal variants
- [Area Blocks](https://evilcharts-sv.vercel.app/docs/layerchart/area-chart/blocks.md) - Installable LayerChart area chart recipes for Svelte 5.
- [Bar Chart](https://evilcharts-sv.vercel.app/docs/layerchart/bar-chart.md) - Bar charts with grouped, stacked, gradient, pattern, and interactive variants
- [Bar Blocks](https://evilcharts-sv.vercel.app/docs/layerchart/bar-chart/blocks.md) - Simple static & beautifully designed bar charts
- [Composed Chart](https://evilcharts-sv.vercel.app/docs/layerchart/composed-chart.md) - Composed charts that combine bars, lines, gradients, and interactive states
- [Composed Blocks](https://evilcharts-sv.vercel.app/docs/layerchart/composed-chart/blocks.md) - Installable LayerChart composed chart recipes for Svelte 5.
- [Line Chart](https://evilcharts-sv.vercel.app/docs/layerchart/line-chart.md) - Beautifully designed Svelte 5 line charts
- [Line Blocks](https://evilcharts-sv.vercel.app/docs/layerchart/line-chart/blocks.md) - Installable LayerChart line chart recipes for Svelte 5.
- [Pie Chart](https://evilcharts-sv.vercel.app/docs/layerchart/pie-chart.md) - Pie and donut charts with gradients, labels, and glow effects
- [Pie Blocks](https://evilcharts-sv.vercel.app/docs/layerchart/pie-chart/blocks.md) - Ready-made pie and donut dashboards, ported to Svelte 5 and LayerChart.
- [Radar Chart](https://evilcharts-sv.vercel.app/docs/layerchart/radar-chart.md) - Radar charts with filled and line variants, gradients, and glow effects
- [Radar Blocks](https://evilcharts-sv.vercel.app/docs/layerchart/radar-chart/blocks.md) - Ready-made radar dashboards for Svelte 5 and LayerChart.
- [Radial Chart](https://evilcharts-sv.vercel.app/docs/layerchart/radial-chart.md) - Radial bar charts with full-circle, semicircle, and gradient variants
- [Radial Blocks](https://evilcharts-sv.vercel.app/docs/layerchart/radial-chart/blocks.md) - Ready-made radial dashboards, ported to Svelte 5 and LayerChart.
- [Sankey Chart](https://evilcharts-sv.vercel.app/docs/layerchart/sankey-chart.md) - Sankey charts for flows between nodes, with labels and gradient links
- [Sankey Blocks](https://evilcharts-sv.vercel.app/docs/layerchart/sankey-chart/blocks.md) - Ready-made Sankey dashboards, ported to Svelte 5 and LayerChart.

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

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