正在打开每日关注
正在打开每日关注
TanStack Charts 以类型安全、可组合和跨框架渲染为核心，快速扩展交互、动效与复杂图表能力。
TanStack Charts has moved fast since 0.0.0 just 2 days ago: 🧩 Composable guides and layouts 🧮 Built-in transforms 🎯 Focus marks and animated states 💬 Pinnable, portaled tooltips 🌊 Sankey diagrams from ordinary marks 🪄 Smarter scale and key inference 🪶 A React compact-scale line is 16.48 KiB gzip, with tooltips and portals excluded until imported 🌐 One definition across nine frameworks, SVG, Canvas, and SSR Still pre-alpha, already capable of some seriously weird charts. https://t.co/mwB2sLKHas
是什么 TanStack Charts 是 TanStack 推出的、仍处 alpha/pre-alpha 阶段的类型化、可 tree-shaking 的图表语法库。它不把图表封装成一组固定组件，而是以 marks、views、scales、transforms、interactions 和 motion 等原语，让 SVG、Canvas、SSR 及 D3 兼容输入共享一套定义。
核心设计 核心是组合性与定义归属：开发者可从普通 marks 组合出桑基图、层级图、地图和统计图，并由库推断 scale/key，减少胶水代码；内置 transforms、focus marks、animated states，以及可固定、portal 化的 Tooltip，覆盖从数据整形到交互反馈的完整链路。React 紧凑折线示例约 16.48 KiB gzip，Tooltip 和 Portal 按需导入，体现了 tree-shaking 能力。
关键洞察 它把图表类型下沉为可复用语法，把差异留给 marks、布局和交互，因此适合分析产品、设计系统和多框架基础设施。188 个示例也显示其目标不止是基础折线图或柱状图，而是验证复杂组合与跨视图联动。
边界与风险 alpha 阶段意味着 API、文档和性能边界仍可能变化；跨九个框架会带来适配与调试成本，组合原语的自由度也可能提高学习曲线。它解决的是图表工程能力，不等于提供完整的视觉规范、信息架构或业务语义，落地仍需自行处理可访问性、响应式、数据质量和图表选择。