# Charts

> Swift Charts: BarMark, LineMark, AreaMark, PointMark, axis customization, scrollable charts. Use when implementing app features related to charts.

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

---

# Charts

SWIFT CHARTS:
- import Charts; use Chart { } container
- BarMark, LineMark, AreaMark, PointMark, RuleMark for data visualization
- .foregroundStyle(by: .value("Category", item.category)) for color coding
- chartXAxis { AxisMarks() }, chartYAxis { AxisMarks() } for custom axis labels
- Extract Chart into a separate computed property to avoid body complexity
- Use .chartScrollableAxes(.horizontal) for large datasets