CHT-008
도넛 비율
- 조각이 12시부터 돌아가며 차고, 가운데 합계가 올라가요.
항목별 비율을 도넛 차트로 그려 주세요. 조각은 12시 방향부터 시계 방향으로 차례로 차고, 가운데 합계는 0부터 올라가요. 오른쪽에 색, 이름, 퍼센트 범례를 두고, 가장 큰 조각은 다 그려지면 바깥으로 살짝 튀어나와요. 합계는 [합계와 단위]예요.
[여기에 표 붙여넣기]
첫 줄은 머리글이에요. HTML 파일 하나에 CSS와 JavaScript를 넣고, 외부 라이브러리 없이 canvas나 SVG로 그려 주세요. 어두운 배경에 숫자와 글자는 또렷하게, 휴대폰 폭에서도 글자가 겹치지 않게 해 주세요. prefers-reduced-motion이 켜져 있으면 움직임 없이 다 그려진 차트를 보여 주세요.빈칸
사용법
- 프롬프트를 복사해요.
- [대괄호] 자리를 내 내용으로 바꿔요. 아래 칸에 적으면 바로 바뀌어요.
- Claude 새 대화에 넣고, 나온 HTML 파일을 브라우저로 열어요.
과정
- 가이드 'Claude로 데이터 차트 바로 만들기'의 장면이에요.
- 미리보기는 이 프롬프트로 나오는 장면을 사이트에서 그린 거예요.
