chartsAndDataViz
带引导点的绘制曲线图
SVG 折线图通过一个宽度按三次缓出(ease-out)曲线增长的裁剪矩形逐步显现,同时一个光点借助 getPointAtLength 沿真实曲线移动,并有一个浮动标签紧贴光点同步出现和移动。
实时预览并复制提示词可调整的参数
- 绘制时长
- 标签阈值
- 圆点停止点
目录的使用方式
每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。
chartsAndDataViz
SVG 折线图通过一个宽度按三次缓出(ease-out)曲线增长的裁剪矩形逐步显现,同时一个光点借助 getPointAtLength 沿真实曲线移动,并有一个浮动标签紧贴光点同步出现和移动。
实时预览并复制提示词每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。