用途:这是一个数据新闻风格的大字号数值揭示卡片区块,可作为 stat 卡片的替代方案,用于依次揭示多个指标并进行对比。调性为 tech 与 news(数据新闻),推荐时长为 5–7 秒。
安装:运行 npx hyperframes add data-chart,生成 compositions/data-chart.html。
接入方式:在页面中使用 div 挂载,设置 data-composition-src="compositions/data-chart.html",并配置 data-start、data-duration、data-track-index、data-width、data-height 等属性。
参数:数值、标签与图表类型通过区块内部 JS 变量设置。
搭配:适合用 chromatic-radial-split 作为进入、sdf-iris 作为收尾;应避免与已有的卡片新闻 stat 模板重复,二者只选其一。
限制:资料未提供更多关于兼容性、浏览器支持、收费与授权等信息。