专业版$9.99/月,访问全部 Premium Skills,随时取消。查看方案

汇总折线图v1.0.3

使用这个 Skill:制作信息图/速读海报。

5.014 次下载0 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么?

汇总折线图是一个可直接粘贴的数据可视化区块,附带用法示例与组件源码。图表走统一的图表层,不是手写 SVG、canvas 绘制的背景,不依赖 WebGL 库。配色、字号与圆角以 token 形式集中管理,改一次就贯穿整个区块。

最常被这些职业选择

更新于 2026年8月31日

摘要折线图结果预览

运行于

Claude CodeClaude Desktop / CoworkChatGPTCodexCursorGitHub CopilotOpenClawHermesOpenCodeKilo Code

生成模型

宿主 Agent 模型

你将获得

  • Summary Line Chart 的完整源码:组件文件加一个可直接运行的用法示例,粘进项目就能改。
  • 一份视觉契约:配色、字号阶梯、圆角、icon 描边与动效时长,集中成 token。
  • 图表配置以数据形式给出,换成你自己的数据即可,其余行为由图表层负责。

适合

  • 你要在页面里放一个数据可视化区块,不想自己接图表库。
  • 你希望图表的配色和排版和页面其余部分一致。
  • 你想拿到可读、可改的源码,而不是再多一个需要跟着升级的依赖。

不适合

  • 已经在跑成熟设计系统的团队——这里的配色和字号阶梯会和你的打架。
  • 想要可版本化升级的 npm 包的人;这交给你的是需要自己维护的源码。
  • 需要图表做实时数据流或大数据量虚拟滚动的场景。
客户交付与管理层汇报科研出版与技术说明数字出版物与网页展示制作信息图/速读海报制作界面原型与界面插画制作网页/单页站/仪表盘成果可编辑视觉精美低门槛Warm NeutralTeal AccentGenerative Backdrop

关于此 Skill

你说/bs-data-visualization-summary-lines 把这个数据可视化区块放进我的看板页,数据换成我的。

用户评价

评价加载中…

常见问题