TanStack Charts进入Alpha,周下载量约16万
TanStack Charts由Tanner Linsley及其团队推出,目前仍处于Alpha阶段,但每周下载量已达到约16万。该库面向TypeScript开发者,定位为框架无关的可视化方案,并将无头、类型安全的设计延伸到图表领域。
它没有预置柱状图、折线图等固定组件,而是沿用图形语法思路,通过标记、比例尺、通道、变换和图层组合出不同图表。标记与通道接口接近Observable Plot,但运行时为独立实现;推断出的类型会持续关联源数据行,使标记能够直接读取数据结构。同一套定义可借助适配器运行于React、Preact、Vue、Solid、Svelte、Angular、Lit及原生DOM环境,也支持浏览器和服务端渲染。
安装时只需执行pnpm add @tanstack/charts;使用React适配器还需将react和react-dom作为对等依赖。社区用户尤其认可其TypeScript开发体验,并有人希望它支持React Native。Linsley表示,项目已经提供实验性RN适配器,相关说明可在文档中查看。
项目进入Alpha阶段时已发布11个版本,包含188个示例、完整的shadcn图表目录、多坐标轴、极坐标比例尺和可下钻旭日图。Linsley称这是自己一直希望拥有的图表库,相关演示视频也进一步扩大了讨论度。值得注意的是,项目几乎所有实现都由AI编码智能体在其直接监督下完成,随后经过审查并合入代码库。
性能方面,商业竞品认为它更适合不涉及实时处理、数据规模和复杂度较低的图表,繁重实时负载则更适合使用硬件加速渲染器。项目的大数据指南也指出,Canvas虽然能减少SVG DOM开销,却不能消除比例尺、辅助元素和场景编译的计算。一个基础React折线图压缩并gzip后的体积约29 kB;受控测试中,库体积约38至45 KiB,Chart.js约45至58 KiB,Observable Plot约83至92 KiB,Apache ECharts约153至173 KiB,AG Charts则明显更大。
稳定性指南明确说明,Alpha并不代表API稳定,使用者应锁定精确版本;代码仓库也提醒项目尚未适合生产环境,计划迁移的团队需要先阅读迁移指南。TanStack Charts采用MIT许可证免费发布,属于TanStack开源库体系,该体系还包括Query、Table、Router、Form和全栈框架Start,并已被数百万个应用使用。
本文基于公开渠道信息整理,内容可能存在不准确或遗漏之处,不代表本站立场,如内容涉及侵权或错误,请联系我们处理。
阅读原文