非商业
$0
符合 PolyForm Noncommercial 1.0.0 的非商业项目可免费使用。
面向 AI、可观测性、工业物联网和金融市场的高性能组件
我们鼓励你触碰它。滚动、拖拽或双指缩放这件作品。 也可以在手机或平板电脑上试试——数百万个数据点，真正尽在指尖。
- RUNTIME GZIP · LINE 63 KB · STOCK 55 KB
- 目标 60 FPS
- WORKER 优先
- NODE · BUN · DENO
滚轮或双指缩放，拖动查看范围，双击重置。 使用左右方向键平移，使用加号和减号缩放，使用 Home 键重置。
能力矩阵
为不甘于保持小规模的数据而造。
紧凑的 TypeScript 引擎利用 Worker 和适配屏幕的细节层级，让大型数据集保持流畅，同时保留重要峰值、缺口和趋势。
- CANVAS2D / 不使用 WEBGL
- LINE + STOCK
- WORKER / MAIN / SSR
- 5 个框架适配器
- 目标 60 FPS
数百万点，依然保持交互。
分阶段的屏幕空间渲染管线，旨在让具备相应能力的现代硬件在面对数百万数据点时仍能流畅平移与缩放。
运行数百万数据值示例 - WORKER 优先
让繁重工作远离界面线程。
浏览器支持时，Web Worker 会准备图表细节并在界面主线程之外渲染；需要时，同一渲染器会回退到主线程。
查看 Worker 优先的 FeederBW - LOD · 细节层级
只显示屏幕能够利用的细节。
LOD 会自动为大型数据绘制适合屏幕的视图。放大时会显示更细的内容，同时保留真实峰值、谷值和缺口。
查看一千万个神经样本 - 高级手势
让大数据触手可及。
鼠标、触控板、滚轮、拖动、双指缩放、触摸与键盘，让桌面、平板和手机在横竖屏下都能直观浏览超大范围。
分析加速器故障 - RUNTIME GZIP · LINE 63 KB · STOCK 55 KB
只引入需要的图表。
Line 与 Stock 使用独立入口。干净的初始 Worker 模式加载分别约为 63 kB 和 55 kB（gzip），其中包括浏览器 API、所需的 Core 运行时、生成的静态代码块以及渲染 Worker。应用代码和图表数据不计入；URL 覆盖层解码器与主线程回退仅在需要时加载。Core、Line 与 Stock 也没有第三方运行时依赖。
浏览 Line 与 Stock 示例 - NODE · BUN · DENO
在浏览器之外完成渲染。
同一套 TypeScript 渲染器可通过调用方提供的 Canvas2D 后端生成静态 Line 与 Stock 图表，并已使用 Node.js 22.22.3、Bun 1.3.14 和 Deno 2.9.3 验证真实 PNG 输出。
查看服务端渲染示例
展览通行
每一款现代浏览器，都坐在第一排。
从工作站到单手握持的手机，Sixtyfold 就运行在你已经使用的浏览器中。同一套 Canvas2D 引擎和响应式操作无需原生封装，即可跨越各个平台。
| 浏览器 | 引擎 | 桌面端 | 平板 | 手机 |
|---|---|---|---|---|
| Chrome | Blink | 支持 | 支持 | 支持 |
| Safari | WebKit | 支持 | 支持 | 支持 |
| Firefox | Gecko | 支持 | 支持 | 支持 |
| Edge | Blink | 支持 | 支持 | 支持 |
| Samsung Internet | Blink | 未提供 | 支持 | 支持 |
| 其他 ChromiumBrave · Opera · Arc · Vivaldi | Blink | 支持 | 支持 | 支持 |
框架适配器
你的框架，同一套图表引擎。
轻量、强类型的适配器提供各框架原生生命周期，同时保留可转移数据、Worker 清理、SSR 安全宿主以及对底层图表的直接访问。
比较框架集成方式- Line + StockReact
@sixtyfold/react - Line + StockVue
@sixtyfold/vue - Line + StockAngular
@sixtyfold/angular - Line + StockSvelte
@sixtyfold/svelte - Line + StockSolidJS
@sixtyfold/solid
智能体接口
让编程智能体读取真实 API。
连接本地 Sixtyfold Model Context Protocol（MCP）服务器，即可选择与已安装版本匹配的软件包、查询准确的 TypeScript 符号、使用已验证的示例并检查选项，而且不会增加图表的浏览器包体积。
连接 @sixtyfold/mcp本地 / 版本匹配
仅需连接一次
codex mcp add sixtyfold -- npx -y @sixtyfold/mcp@next- 已安装 API
- 已验证示例
- 选项检查