# echarts

Скилл даёт агенту готовые рецепты pyecharts: столбцы, линии, круговые, тепловые карты и сборку интерактивного HTML-отчёта.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 364 установки · ★ 17
- Автор: rebyteai-template
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/rebyteai-template/rebyte-skills/tree/HEAD/echarts/SKILL.md
- Обновлён: 2026-06-16
- HTML: https://affpapa.org/nevibecode/skills/rebyteai-template-echarts

## Что делает

Скилл описывает, как строить графики через `pyecharts` — Python-обёртку над Apache ECharts. Внутри есть шаблоны кода для столбчатых и линейных диаграмм, круговых, тепловых карт и точечных графиков, а также примеры настройки тем: `macarons`, `shine`, `roma`, `vintage`, `dark`, `light`.

Отдельный блок посвящён сборке HTML-отчёта: несколько графиков складываются в `Page` с простой раскладкой и рендерятся в один самодостаточный файл с встроенным JavaScript. Тут же — форматирование чисел в подсказках и подписях осей, например `{b}: ${c:,.2f}` для валюты.

Самое важное место — совместимость с браузером. Данные нужно приводить к спискам через `.tolist()`: если передать numpy-массив или pandas Series, график может не отрисоваться. На этом ломается чаще всего, поэтому проверять стоит в первую очередь. Ещё в скилле разобраны пустые графики, слишком маленький размер, налезающие подписи и длинная легенда.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add rebyteai-template/rebyte-skills --skill echarts -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/echarts/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/echarts/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add rebyteai-template/rebyte-skills --skill echarts -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/echarts/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add rebyteai-template/rebyte-skills --skill echarts -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/echarts/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install rebyteai-template/rebyte-skills echarts
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/echarts/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add rebyteai-template/rebyte-skills --skill echarts -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/rebyteai-template/rebyte-skills --path echarts
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/echarts/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add rebyteai-template/rebyte-skills --skill echarts -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/rebyteai-template/rebyte-skills/tree/HEAD/echarts/SKILL.md

## Когда брать
- построить столбчатый график по данным из pandas
- собрать несколько диаграмм в один HTML-отчёт
- добавить скользящую среднюю на линейный график
- показать аномалии на точечной диаграмме
- подобрать тему оформления для графиков

## Примеры запросов агенту
- построй график расходов по сервисам на pyecharts и сохрани в HTML
- сделай линейный график с 7-дневной скользящей средней
- собери отчёт из нескольких диаграмм в один файл

## Похожие
- [chart](https://affpapa.org/nevibecode/skills/chart.md) — скилл · 3900 установок
- [create-viz](https://affpapa.org/nevibecode/skills/create-viz.md) — скилл · 5200 установок
- [chart-designer](https://affpapa.org/nevibecode/skills/chart-designer.md) — скилл · 5600 установок
- [syncfusion-react-smithchart](https://affpapa.org/nevibecode/skills/syncfusion-react-smithchart.md) — скилл · 647 установок
- [data-visualization](https://affpapa.org/nevibecode/skills/data-visualization.md) — скилл · 26 установок
- [canvas2d-data-visualization](https://affpapa.org/nevibecode/skills/canvas2d-data-visualization.md) — скилл · 9 установок

## Другие версии с тем же именем
- [echarts · sentimony](https://affpapa.org/nevibecode/skills/echarts.md) — 2700 установок

Из того же набора: [rebyteai-template/rebyte-skills](https://affpapa.org/nevibecode/by/rebyteai-template/rebyte-skills.md) — 5 карточек

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md