# Editorial Charts

> A four-card editorial chart set — rung bars, a hairline dot-line, a tick-ring dial, and a dot waffle — drawn ink-on-paper by TanStack Charts, with spring-staggered entrances and quarterly data that morphs on a loop.

## Details

- **Slug**: `editorial-charts`
- **Tags**: data, minimal

## Links

- [Registry item](https://www.uicapsule.com/r/editorial-charts.json): install with `npx shadcn@latest add https://www.uicapsule.com/r/editorial-charts.json`
- [Raw source JSON](https://www.uicapsule.com/api/content/editorial-charts): every file, as JSON
- [Bare preview](https://www.uicapsule.com/preview-frame/editorial-charts): the component with no site chrome

## Files (9)

Full contents are in the registry item linked above.

- `/charts/dot-waffle.tsx`
- `/charts/hairline-line.tsx`
- `/charts/rung-bars.tsx`
- `/charts/tick-ring.tsx`
- `/editorial-charts.tsx`
- `/lib/data.ts`
- `/lib/tokens.ts`
- `/package.json`
- `/preview.tsx`

---

[UICapsule](https://www.uicapsule.com) · [All components](https://www.uicapsule.com/llms.txt)