chart-visualization은(는) 무엇을 하나요?
이 스킬은 사용자가 데이터를 시각화하고자 할 때 사용됩니다. 26가지 차트 유형 중 가장 적합한 차트를 지능적으로 선택하고, 상세 사양에 따라 매개변수를 추출한 후 JavaScript 스크립트를 사용하여 차트 이미지를 생성합니다.
지원하는 차트 유형
- 막대 차트 (세로, 가로)
- 선 차트
- 원형 차트
- 산점도
- 버블 차트
- 히트맵
- 상자 그림
- 히스토그램
- 밀도 플롯
- 등고선 플롯
- 3D 표면 플롯
- 3D 산점도
- 3D 막대 차트
- 레이더 차트
- 게이지 차트
- 깔때기 차트
- 워터폴 차트
- 트리맵
- 선버스트 차트
- 샌키 다이어그램
- 병렬 좌표
- 지리적 지도 (포인트, 버블, choropleth)
- 네트워크 그래프
- 간트 차트
- 캔들스틱 차트
- 박스 플롯
사용 방법
- 사용자가 데이터를 제공하거나 데이터에 대한 설명을 제시합니다.
- 스킬은 데이터의 유형과 구조를 분석합니다.
- 가장 적합한 차트 유형을 선택합니다.
- 선택된 차트 유형에 따라 세부 매개변수(축 레이블, 색상, 제목, 범례 등)를 추출합니다.
- JavaScript 스크립트를 생성하여 차트 이미지를 렌더링합니다.
예제
// 차트 생성 예제 (간단한 막대 차트)
const data = {
labels: ['A', 'B', 'C', 'D'],
values: [10, 20, 15, 30]
};
const chartConfig = {
type: 'bar',
data: data,
options: {
title: '샘플 차트',
xLabel: '카테고리',
yLabel: '값'
}
};
// 차트 이미지 생성
const chartImage = generateChart(chartConfig);
참고 사항
- 이 스킬은 JavaScript 실행 환경이 필요합니다.
- 생성된 차트 이미지는 PNG 또는 SVG 형식으로 출력됩니다.
- 데이터가 명확하지 않을 경우 가장 일반적인 차트 유형(막대 차트)을 기본값으로 사용합니다.