퍼널 영역 차트v1.0.3

블록 하나만 붙여 넣으면 SVG로 대충 스케치한 것이 아니라 제대로 그려진 실제 데이터 시각화가 페이지에 나타납니다. 숫자를 넣으면 도형이 알아서 다시 그려집니다.

제공 내용

• 퍼널 영역 차트 전체 소스 — 컴포넌트 파일과 실행 가능한 사용 예시가 포함되어 바로 붙여 넣고 편집할 수 있습니다.
• 문서화된 비주얼 규약: 팔레트, 타입 스케일, 모서리 반경, 아이콘 선 굵기, 모션 타이밍을 모두 한곳에서 수정하는 토큰으로 정리했습니다.
• 일반 데이터로 제공되는 차트 설정 — 내 시리즈로 바꿔 넣기만 하면 나머지는 차트 레이어가 처리합니다.

사용 방법

1. 섹션을 넣을 위치를 어시스턴트에게 알려 주세요. 먼저 프로젝트를 읽은 뒤, 기존 코드 작성 방식에 맞춰 블록을 작성합니다.
2. 문구를 직접 쓴 내용으로 바꾸세요. 글자 크기와 간격은 알아서 유지됩니다.
3. 숫자를 내 시리즈로 바꾸세요 — 차트가 다시 그려지고 색상과 축은 일관되게 유지됩니다.
4. 배포하기 전에 휴대폰에서 확인해 보세요. 모바일에서도 무너지지 않도록 이미 만들어져 있습니다.