·bubble-chart
</>

bubble-chart

✓
dennisadriaans/vue-chrtsGitHub: dennisadriaans/vue-chrtsИсточник: dennisadriaans/vue-chrts

Создайте компоненты BubbleChart. Используйте для диаграмм рассеяния с кодировкой размера, показывающих взаимосвязи между тремя переменными.

dennisadriaans·bubble·chart
2Установки·0Тренд·@dennisadriaans

Установка

GitHub: dennisadriaans/vue-chrts
$npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart

Как установить bubble-chart

Быстро установите AI-навык bubble-chart в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: dennisadriaans/vue-chrts.

SKILL.md

Показать raw

BubbleChart displays data points as circles where position (x, y) and size encode three different variables. Great for showing relationships and clusters.

| data | T[] | required | Array of data objects | | categories | Record | required | Color mapping for categoryKey values | | categoryKey | keyof T | required | Data key for bubble coloring | | xAccessor | (d: T) => number | - | Function to get x-position | | yAccessor | (d: T) => number | - | Function to get y-position |

| sizeAccessor | (d: T) => number | - | Function to get bubble size | | sizeRange | [number, number] | [1, 20] | Min/max bubble radius in pixels | | opacity | number | - | Bubble opacity (0-1) | | height | number | required | Chart height in pixels | | xFormatter | (tick, i?, ticks?) => string | - | X-axis label formatter |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart
Источник
dennisadriaans/vue-chrts
Категория
</>Разработка
Проверено
✓
Впервые замечено
2026-02-02
Обновлено
2026-03-11
URL
https://www.learn-skills.dev/ru/skills/dennisadriaans/vue-chrts/bubble-chart

Browse more skills from dennisadriaans/vue-chrts

Короткие ответы

Что такое bubble-chart?

Создайте компоненты BubbleChart. Используйте для диаграмм рассеяния с кодировкой размера, показывающих взаимосвязи между тремя переменными. Источник: dennisadriaans/vue-chrts.

Как установить bubble-chart?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/dennisadriaans/vue-chrts

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-02

Похожие навыки

Нет