canine89 Data Chart
언제 쓰나
- 데이터 저널리즘 스타일의 수치 공개 카드 (stat 대체)
- 여러 지표를 순차 리빌하며 비교할 때
- 톤: tech, news(데이터 저널리즘)
- 추천 duration: 5–7초
설치
npx hyperframes add data-chart
→ compositions/data-chart.html.
와이어링
<div data-composition-src="compositions/data-chart.html"
data-start="10" data-duration="5"
data-track-index="0"
data-width="1080" data-height="1350">
</div>
파라미터
- 수치·라벨·차트 타입은 블록 내부 JS 변수로 설정
짝
- 잘 맞음:
chromatic-radial-split으로 진입,sdf-iris로 마감 - 피해야: 이미 카드뉴스
stat템플릿과 중복 — 둘 중 하나만 선택