Data Visualization작성자 Owl-Listener가장 정교해 보이는 차트가 아니라, 비교를 이해하기 쉽게 만드는 그래픽을 선택하세요.
01 기능 소개
차트 선택, 시각적 인코딩, 맥락을 담은 레이블링, 접근성, 반응형 표현.
Data Visualization은(는) 차트 디자인 스킬입니다. 비교, 추세, 구성, 분포, 관계에 관한 질문을 후보 차트 형태에 연결한 뒤 레이블, 축, 맥락, 시각적 인코딩을 다룹니다.
범위는 데이터 수집이나 통계적 증명이 아니라 표현입니다. 실제 데이터, 직접 주석, 색상 외의 단서, 표 같은 반응형 대안을 강조합니다. 제품 전반의 색상 팔레트 설계는 별도의 문제입니다.
예상 산출물
보는 사람이 이해해야 할 비교나 패턴을 파악합니다.
단순한 차트를 고르고 축, 레이블, 단위, 일관된 계열 처리 방식을 정의합니다.
실제 데이터를 사용하고 유용한 맥락을 더하며, 색상 외의 단서와 작은 화면에서의 동작을 검토합니다.
02 활용 상황
실제 데이터, 필드 정의, 독자의 질문, 표시 환경의 제약을 제공하세요. 이 스킬은 차트 디자인을 안내하며, 데이터 검증과 차트 구현은 별도의 작업입니다.
03 핵심 결정
차트 형태는 드러내야 할 관계로 정당화됩니다.
색조만으로는 전달할 수 없는 정보를 레이블, 도형, 패턴이 전달합니다.
04 예시 브리프
아래 예시 브리프는 테스트되지 않았습니다. 사용하기 전에 스킬의 설정을 확인하세요.
designer-skills 저장소에서 이 작업의 SKILL.md을(를) 에이전트가 지원하는 스킬 위치에 로드하세요. 진입 파일에는 범용 설치 명령이 정해져 있지 않습니다.
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/data-visualization/SKILL.md실제 데이터, 필드 정의, 독자의 질문, 표시 환경의 제약을 제공하세요. 이 스킬은 차트 디자인을 안내하며, 데이터 검증과 차트 구현은 별도의 작업입니다.
스킬을 실행하기 전에 이 브리프의 범위, 소스 자료, 제약 조건을 상황에 맞게 조정하세요.
data-visualization을(를) 사용해 제공된 월별 값으로 이 목표 대비 실적 차트를 다시 디자인하세요. 단위와 맥락이 명확한 차트를 추천하고, 축 선택의 이유를 설명하며, 읽기 쉬운 모바일 대안과 텍스트 요약을 포함하세요. 추세로부터 원인을 추론하지 마세요.실제 출력을 다음의 관찰 가능한 기준과 대조해 확인하세요.
OpenDesign은(는) 코딩 에이전트를 위한 로컬 디자인 작업 공간을 제공합니다. 이 목록은 해당 스킬이 번들로 포함되어 있다거나, 외부 도구, 자격 증명, 소프트웨어 의존성이 포함되어 있다는 뜻이 아닙니다.
05 출처 및 라이선스
이 페이지는 아래에 링크된 고정 소스 리비전을 설명합니다. 업스트림의 동작과 요구 사항은 변경될 수 있습니다.
9a6930cf84a8차트 선택, 시각적 인코딩, 맥락을 담은 레이블링, 접근성, 반응형 표현.
링크된 소스를 바탕으로 OpenDesign이(가) 작성한 자체 요약입니다. 저장소 스타 수는 특정 시점의 인기 지표일 뿐 스킬 사용량이나 품질 점수가 아닙니다.
06 시작 전 질문
OpenDesign
브리프, 소스 자료, 디자인 작업을 로컬 작업 공간에 함께 보관하세요. 워크플로에 추가하기 전에 스킬 자체의 설정을 확인하세요.
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/ui-design/skills/data-visualization/SKILL.md