Glean 拾遗
最近收录

2 条 · 按时间

09-28

TanStack 推出 Charts:用图形语法取代图表类型,gzip 后仅 29 kB

TanStack 团队发布 Charts,一个框架无关的 TypeScript 图形语法库,目前仍处 Alpha,周下载量已约 16 万。它不提供固定的图表组件目录,而是沿用 Leland Wilkinson 的图形语法传统,由开发者组合 marks、scales、channels、transforms 与 layers;类型推导与源数据行保持关联,同一份定义可通过 adapter 渲染到 React、Preact、Vue、Solid、Svelte、Angular、Lit 及原生 DOM,服务端与浏览器均可运行。体积上,基础 React 折线图 gzip 后约 29 kB,官方自测套件 38–45 KiB,低于 Chart.js(45–58 KiB)、Observable Plot(83–92 KiB)与 ECharts(153–173 KiB)。稳定性指南明确 Alpha 不等于 API 承诺,建议锁定精确版本,仓库也声明尚不适合生产环境;大数据实时场景仍建议改用硬件加速渲染方案。作者 Linsley 称实现几乎全部由 AI coding agent 在其监督下生成。适合前端与 TypeScript 数据可视化工程师评估选型。

www.infoq.com · 3 min · Data Visualization · Open Source · React
08-20

为 AI 编程助手的编辑级图表设计系统

Diagram Design 是一套面向 AI 编程助手(Claude Code、Codex、Pi 等)的图表设计技能,内置 38 种编辑级图表类型,以自包含 HTML+SVG 输出零依赖的静态图表。它把一套严格的设计系统——单一强调色、无阴影、4px 网格、三种静态变体——固化进提示与模板,解决 AI 生成图表千篇一律、视觉廉价的问题。你只需给出网址即可在 60 秒内完成品牌匹配;导入 draw.io / Mermaid 文件时可调整格式、尺寸、细节与受众,并在转换后给出取舍账本。适合希望 AI 画图后无需手工返工的工程师、技术作者与产品团队。

github.com · 40 min · Agent Skills · Claude Code · Data Visualization