# Data

> Data

- Skill: `reaviz/data` (Agent Skill)
- Install (CLI): `npx skillmds@latest add reaviz/data`
- Raw SKILL.md: https://api.skillmd.com/api/skills/reaviz/data/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: reaviz (https://skillmd.com/u/reaviz)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/reaviz/data

---

# Data

Utility components for formatting, displaying, and managing data presentation. Most are renderless or minimal — they format values and return text.

## Components

| Component | Description |
|-----------|-------------|
| **DataSize** | Format byte values into human-readable sizes (B, KiB, MiB, GiB) |
| **DateFormat** | Format dates with date-fns, relative time, and toggle support |
| **Duration** | Format milliseconds into human-readable durations (ms, s, min, hr, day) |
| **Ellipsis** | Truncate text with expandable "..." toggle (character or line based) |
| **InfinityList** | Progressive "show more" list with `useInfinityList` hook |
| **Pager** | Pagination controls with page numbers, arrows, and item range display |
| **Pluralize** | Pluralize text based on count |
| **Redact** | Mask sensitive content with click-to-reveal toggle |
| **Sort** | Sortable column header with animated direction indicator |