---
name: "@axicharts"
slug: "axicharts"
description: "MIT React chart blocks for dashboards — composable ChartContainer + shadcn-compatible chartConfig, live uPlot canvas, and ECharts adapters. Six installable registry items."
category: "Charts/data viz"
tags: ["blocks", "charts", "dashboard"]
framework: "react"
license: null
author: null
website: "https://axidify.github.io/axicharts/shadcn/registry"
github: null
registry: "https://axidify.github.io/axicharts/registry/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 10
generated_at: "2026-09-21T01:50:16.753Z"
---

# @axicharts

MIT React chart blocks for dashboards — composable ChartContainer + shadcn-compatible chartConfig, live uPlot canvas, and ECharts adapters. Six installable registry items.

## Links

- Website: https://axidify.github.io/axicharts/shadcn/registry
- Registry JSON: https://axidify.github.io/axicharts/registry/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/axicharts
- This file: https://sh4dcn.vercel.app/md/axicharts.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://axidify.github.io/axicharts/registry/registry.json
pnpm dlx shadcn@latest add https://axidify.github.io/axicharts/registry/registry.json
bunx shadcn@latest add https://axidify.github.io/axicharts/registry/registry.json
# fetch the raw registry index
curl -s https://axidify.github.io/axicharts/registry/registry.json
```

## Components (10)

| name | type | description | install |
| --- | --- | --- | --- |
| chart-axi-bar | registry:block | Composable bar chart via ChartContainer + chartConfig — shadcn Charts migration path. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-bar.json` |
| chart-axi-line | registry:block | Line chart with optional area fill — ChartContainer + chartConfig pattern. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-line.json` |
| chart-axi-donut | registry:block | Donut chart via PieChart innerRadius — browser-share style slice. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-donut.json` |
| chart-axi-area | registry:block | Filled area chart — SLO / trend dashboards with chartConfig labels. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-area.json` |
| chart-axi-stacked-bar | registry:block | Stacked bar chart — sprint velocity / multi-series totals via stacked prop. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-stacked-bar.json` |
| chart-axi-combo | registry:block | Mixed bar + line on shared categories — shadcn mixed chart pattern with chartConfig. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-combo.json` |
| chart-axi-multi-line | registry:block | Multi-series line chart with chartConfig — burndown / trend comparison dashboards. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-multi-line.json` |
| chart-axi-swarm | registry:block | Beeswarm / jittered strip plot per category — distribution density without KDE. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-swarm.json` |
| chart-axi-ridgeline | registry:block | Stacked horizontal KDE density curves per category — joyplot / ridgeline distribution. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-ridgeline.json` |
| chart-axi-chart-config | registry:lib | Shared ChartConfig labels/colors — import into registry chart blocks or your own panels. | `npx shadcn@latest add https://axidify.github.io/axicharts/registry/chart-axi-chart-config.json` |

## For AI agents

```text
You are adding components from @axicharts to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/axicharts.md) for the component list.
2. Fetch the machine-readable index: https://axidify.github.io/axicharts/registry/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: axicharts).
```