# EvilCharts Documentation (Svelte port)

> Svelte 5 port by miel: https://github.com/mielsense/evilcharts-sv
> Original EvilCharts by Gurbinder: https://github.com/legions-developer/evilcharts
> The port provides LayerChart and Apache ECharts implementations for 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 or Apache ECharts.
- [Agent Skill](https://evilcharts-sv.vercel.app/docs/agent-skill.md) - Teach coding agents how to install, compose, and debug EvilCharts for Svelte.
- [Changelog](https://evilcharts-sv.vercel.app/docs/changelog.md) - Changes to the installable EvilCharts for Svelte library and source registry.
- [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/layerchart-{chart-name}.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

## ECharts

> Canvas and SVG charts powered by ECharts. Install with `npx shadcn-svelte@latest add https://evilcharts-sv.vercel.app/r/echarts-{chart-name}.json`.

### Setup
- [Components](https://evilcharts-sv.vercel.app/docs/echarts/components.md) - All ECharts components in EvilCharts.
- [Installation](https://evilcharts-sv.vercel.app/docs/echarts/installation.md) - install the evilcharts echarts components in your project

### Chart Components
- [Area Chart](https://evilcharts-sv.vercel.app/docs/echarts/area-chart.md) - Static, beautifully designed area charts powered by Apache ECharts
- [Area Blocks](https://evilcharts-sv.vercel.app/docs/echarts/area-chart/blocks.md) - Ready-made area chart blocks, powered by Apache ECharts
- [Bar Chart](https://evilcharts-sv.vercel.app/docs/echarts/bar-chart.md) - Static, beautifully designed bar charts powered by Apache ECharts
- [Bar Blocks](https://evilcharts-sv.vercel.app/docs/echarts/bar-chart/blocks.md) - Ready-made bar chart blocks, powered by Apache ECharts
- [Composed Chart](https://evilcharts-sv.vercel.app/docs/echarts/composed-chart.md) - Beautifully designed composed charts combining bars and lines, powered by Apache ECharts
- [Composed Blocks](https://evilcharts-sv.vercel.app/docs/echarts/composed-chart/blocks.md) - Complete dashboard blocks that combine bars and lines with Apache ECharts.
- [Line Chart](https://evilcharts-sv.vercel.app/docs/echarts/line-chart.md) - Static, beautifully designed line charts powered by Apache ECharts
- [Line Blocks](https://evilcharts-sv.vercel.app/docs/echarts/line-chart/blocks.md) - Ready-made line chart blocks, powered by Apache ECharts
- [Pie Chart](https://evilcharts-sv.vercel.app/docs/echarts/pie-chart.md) - Static, beautifully designed pie charts with donut, gradient, and pop-out selection, powered by Apache ECharts
- [Pie Blocks](https://evilcharts-sv.vercel.app/docs/echarts/pie-chart/blocks.md) - Ready-made pie chart blocks, powered by Apache ECharts
- [Radar Chart](https://evilcharts-sv.vercel.app/docs/echarts/radar-chart.md) - Radar charts with filled and lines variants and gradient colors, powered by Apache ECharts
- [Radar Blocks](https://evilcharts-sv.vercel.app/docs/echarts/radar-chart/blocks.md) - Complete radar-chart dashboard blocks powered by Apache ECharts.
- [Radial Chart](https://evilcharts-sv.vercel.app/docs/echarts/radial-chart.md) - Radial bar charts with full and semi-circle variants and gradient colors, powered by Apache ECharts
- [Radial Blocks](https://evilcharts-sv.vercel.app/docs/echarts/radial-chart/blocks.md) - Ready-made radial chart blocks, powered by Apache ECharts
- [Sankey Chart](https://evilcharts-sv.vercel.app/docs/echarts/sankey-chart.md) - Visualize flow data as nodes and links, powered by Apache ECharts
- [Sankey Blocks](https://evilcharts-sv.vercel.app/docs/echarts/sankey-chart/blocks.md) - Ready-made sankey chart blocks, powered by Apache ECharts

### UI Components
- [Brush](https://evilcharts-sv.vercel.app/docs/echarts/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/echarts/ui/dots.md) - Point markers for line, area, and composed charts.
- [Legend](https://evilcharts-sv.vercel.app/docs/echarts/ui/legend.md) - Legends that identify each data series in an ECharts chart.
- [Tooltip](https://evilcharts-sv.vercel.app/docs/echarts/ui/tooltip.md) - Tooltips that surface the values under the pointer as you hover a chart.

## 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)