bubble-chart
✓BubbleChart 구성 요소를 빌드합니다. 세 변수 간의 관계를 표시하는 크기 인코딩이 포함된 산점도에 사용됩니다.
SKILL.md
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- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-02
- 업데이트
- 2026-02-18
빠른 답변
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에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/dennisadriaans/vue-chrts
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-02