||

Installation

Documentation Index

Fetch the complete documentation index at: /llms.txt. Use this file to discover all available pages before exploring further.

Install EvilCharts and add charts to your project

EvilCharts is plug-and-play. Skip the heavy setup—follow these steps to add beautiful, interactive charts to your Next.js project.

Steps
1

Install Recharts

Recharts powers every EvilCharts component and is a required dependency.

See the Recharts installation guide.

npm install recharts
2

Setup shadcn/ui

Initialize shadcn/ui to set up Tailwind CSS, themes, and component structure. Skip this if it's already installed.

See the shadcn/ui Next.js installation docs.

npx shadcn@latest add init
3

Add EvilCharts Components

Add chart components with the CLI. Replace {chart-name} with the chart you want (e.g., area-chart, bar-chart, line-chart, pie-chart); it installs all files and dependencies.

npx shadcn@latest add @evilcharts/recharts-{chart-name}
Did you like the content?