0|

Installation

Documentation Index

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

How to install BeeCharts and add chart primitives to your project

BeeCharts is designed to be a plug-and-play solution for beautiful, interactive charts in your Next.js projects. You don't need any complex setup or high-end configuration—just follow these simple steps to get started with stunning data visualizations in minutes.

Steps

1

Install Recharts

Install Recharts, the charting library that powers BeeCharts. This is a required dependency for all chart components.

Learn more at the Recharts installation guide.

pnpm add recharts
2

Setup shadcn/ui

Initialize shadcn/ui in your project. This sets up Tailwind CSS, theme configuration, and component structure. Skip this step if you already have shadcn/ui installed.

Check out the shadcn/ui Next.js installation docs for more details.

pnpm dlx shadcn@latest add init
3

Add BeeCharts Components

Add chart components to your project using the CLI. Replace {chart-name} with your desired chart type (e.g., area-chart, bar-chart, line-chart, pie-chart). The CLI will install all necessary files and dependencies.

pnpm dlx shadcn@latest add @beecharts/{chart-name}
4

Optional — Chart recipes (BI data helpers)

For histogram, Pareto, heatmap, bullet, gauge, and box plot patterns, install the shared data helpers. See Chart recipes for usage and example block names.

pnpm dlx shadcn@latest add @beecharts/chart-recipes
Did you like the content?