Vega-Lite(간단) 및 Vega(고급)를 사용하여 데이터 기반 차트를 만듭니다. 막대형, 선형, 분산형, 히트맵, 영역 차트 및 다중 계열 분석에 가장 적합합니다. 통계 시각화가 필요한 숫자 데이터 배열이 있는 경우에 사용합니다. 레이더 차트 및 단어 클라우드용 Vega. 프로세스 다이어그램(인어 사용)이나 빠른 KPI 카드(인포그래픽 사용)에는 적합하지 않습니다.
SKILL.md
Quick Start: Structure data as array of objects → Choose mark type (bar/line/point/area/arc/rect) → Map encodings (x, y, color, size) to fields → Set data types (quantitative/nominal/ordinal/temporal) → Wrap in `vega-lite or `vega fence. Always include $schema, use valid JSON with double quotes, field names are case-sensitive. Use Vega-Lite for 90% of charts; Vega only for radar, word cloud, force-directed.
| Chart not rendering | Check JSON validity, verify $schema | | Data not showing | Field names must match exactly | | Wrong chart type | Match mark to data structure | | Colors not visible | Check color scale contrast | | Dual-axis issues | Add resolve: {scale: {y: "independent"}} |
For advanced chart patterns and complex visualizations, refer to references below:
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/xicilion/markdown-viewer-extension --skill vega- 카테고리
- {}데이터 분석
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
vega이란?
Vega-Lite(간단) 및 Vega(고급)를 사용하여 데이터 기반 차트를 만듭니다. 막대형, 선형, 분산형, 히트맵, 영역 차트 및 다중 계열 분석에 가장 적합합니다. 통계 시각화가 필요한 숫자 데이터 배열이 있는 경우에 사용합니다. 레이더 차트 및 단어 클라우드용 Vega. 프로세스 다이어그램(인어 사용)이나 빠른 KPI 카드(인포그래픽 사용)에는 적합하지 않습니다. 출처: xicilion/markdown-viewer-extension.
vega 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/xicilion/markdown-viewer-extension --skill vega 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/xicilion/markdown-viewer-extension