# Waffle chart

A ten by ten unit chart where every cell is one percent, and cells fly to their new group when the data changes.

- ID: `waffle-chart`
- Import: `animui/waffle-chart`
- Category: Data
- Runtime exports: `WaffleChart`, `default`
- Declaration: `types/free/components/waffle-chart.d.ts`
- Type provenance: emitted-original-typescript
- Related: donut-chart, sunburst, bar-chart, usage-meter, funnel-chart

```tsx
import { WaffleChart } from 'animui/waffle-chart';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info waffle-chart` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { WaffleChart, default } from '../registry/components/waffle-chart/waffle-chart.js';
export type { WaffleCategory, WaffleChartProps } from '../registry/components/waffle-chart/waffle-chart.js';
```