hyperframes-fx-data-chart

Data Chart

When to use

• Data journalism-style numeric reveal card (replaces stat)
• When sequentially revealing and comparing multiple metrics
• 톤: tech, news (data journalism)
• Recommended duration: 5–7초

Install

npx hyperframes add data-chart

→ compositions/data-chart.html.

Wiring

<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>

Parameters

• Set values, labels, and chart type via JS variables inside the block

짝

• Good fit: chromatic-radial-splitenter with, sdf-irisclose with
• Avoid: already card news stat overlaps with template — choose only one of the two