# Datavis (agent skill)

> Datavis is an agent skill (a SKILL.md file) from foryourhealth111-pixel/Vibe-Skills. Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. It works with Claude Code and Codex and has 3,593 GitHub stars across a repository of 3 listed skills.

Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2) designing color palettes for charts, (3) choosing scales and visual encodings, (4) creating data pipelines from Census/SEC/Wikipedia APIs, (5) crafting narrative-driven data stories, (6) making perceptually accurate charts, or (7) implementing force-directed networks, timelines, or geographic…

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/foryourhealth111-pixel/Vibe-Skills |
| Skill path | bundled/skills/datavis/SKILL.md |
| Skill name | datavis |
| GitHub stars | 3,593 |
| Installs on skills.sh | not listed |
| License | Apache-2.0 |
| Skills in repo | 3 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code, Codex |
| Category | Data & analysis |
| Last commit | Aug 31, 2026 |

## When it triggers

- Use when (1) building interactive data visualizations, (2) designing color palettes for charts, (3) choosing scales and visual encodings, (4) creating data pipelines from Census/SEC/Wikipedia APIs, (5) crafting narrative-driven data stories

## Add this skill

### Claude Code

```sh
git clone --depth 1 https://github.com/foryourhealth111-pixel/Vibe-Skills.git
cp -r Vibe-Skills/bundled/skills/datavis ~/.claude/skills/datavis   # personal, or .claude/skills in a project
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/foryourhealth111-pixel/Vibe-Skills.git
cp -r Vibe-Skills/bundled/skills/datavis .agents/skills/datavis   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/foryourhealth111-pixel/Vibe-Skills.git
cp -r Vibe-Skills/bundled/skills/datavis .cursor/skills/datavis   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/foryourhealth111-pixel-datavis
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.