60FOLDCOMPONENTS
MCPAvailable

High-performance components for AI, observability, industrial IoT, and financial markets

Touching is encouraged. Wheel, drag or pinch the picture. Try it on a phone or tablet too—millions of values stay right under your fingertips.

  • RUNTIME GZIP · LINE 63 KB · STOCK 55 KB
  • 60 FPS TARGET
  • WORKER-FIRST
  • NODE · BUN · DENO
WORKBENCH GENERATOR · 20M VALUES · WORKER

Wheel or pinch to zoom. Drag to inspect a range. Double-click to reset. Use Left and Right Arrow to pan, Plus and Minus to zoom, and Home to reset.

Preparing chart…

CAPABILITY FIELD

Built for data that refuses to stay small.

A compact TypeScript engine uses workers and screen-aware detail to keep large datasets responsive without hiding important peaks, gaps or trends.

  • CANVAS2D / NO WEBGL
  • LINE + STOCK
  • WORKER / MAIN / SSR
  • 5 FRAMEWORK ADAPTERS
  1. 60 FPS TARGET

    Millions stay interactive.

    A staged, screen-space rendering pipeline is designed to keep pan and zoom fluid with multi-million-point datasets on capable modern hardware.

    Run the multi-million-value example
  2. WORKER-FIRST

    Keep heavy work off the UI.

    A Web Worker prepares chart detail and renders away from the main UI thread when the browser supports it. The same renderer falls back to the main thread when needed.

    See worker-first FeederBW
  3. LOD · LEVEL OF DETAIL

    Show the detail the screen can use.

    LOD automatically draws a screen-sized view of large data. It uses finer detail as you zoom while preserving real peaks, troughs and gaps.

    Inspect ten million neural samples
  4. ADVANCED GESTURES

    Big data under your fingertips.

    Mouse, trackpad, wheel, drag, pinch, touch and keyboard navigation make large ranges feel direct on desktops, tablets and phones in either orientation.

    Investigate the accelerator incident
  5. RUNTIME GZIP · LINE 63 KB · STOCK 55 KB

    Only ship the chart you use.

    Line and Stock have separate entry points. A clean initial worker-mode load is about 63 kB and 55 kB gzip respectively, including the browser API, required Core runtime, generated static chunks and rendering worker. Application code and chart data are not included; the URL-overlay decoder and main-thread fallback load only when needed. Core, Line and Stock have no third-party runtime dependencies.

    Browse Line and Stock examples
  6. NODE · BUN · DENO

    Render beyond the browser.

    The same TypeScript renderers generate static Line and Stock charts through a supplied Canvas2D backend. Real PNG output is verified with Node.js 22.22.3, Bun 1.3.14 and Deno 2.9.3.

    See the server-rendering example

BROWSER ADMISSION

Every modern browser gets a front-row seat.

From a studio workstation to a phone in one hand, Sixtyfold follows the browser you already use. The same Canvas2D engine and responsive controls travel across platforms without a native wrapper.

Modern browser and device support
BrowserEngineDesktopTabletMobile
ChromeBlinkSupportedSupportedSupported
SafariWebKitSupportedSupportedSupported
FirefoxGeckoSupportedSupportedSupported
EdgeBlinkSupportedSupportedSupported
Samsung InternetBlinkNot releasedSupportedSupported
Other ChromiumBrave · Opera · Arc · VivaldiBlinkSupportedSupportedSupported

Current vendor-supported releases. Automated release checks exercise both the main-thread path and the production-default automatic path in Chromium, Firefox and WebKit. On capable engines, automatic mode uses an OffscreenCanvas worker; the forced-worker contract also runs in Chromium.

MouseTrackpadTouchPinchKeyboard

FRAMEWORK ADAPTERS

Your framework. Same chart engine.

Thin, typed adapters give each framework its native lifecycle while preserving transferable data, worker cleanup, SSR-safe hosts, and direct access to the underlying chart.

Compare framework integrations
  • Line + Stock
    React@sixtyfold/react
  • Line + Stock
    Vue@sixtyfold/vue
  • Line + Stock
    Angular@sixtyfold/angular
  • Line + Stock
    Svelte@sixtyfold/svelte
  • Line + Stock
    SolidJS@sixtyfold/solid

COMMERCIAL LICENSING

A licence that fits how you build.

Commercial pricing is being finalized. Paid-plan values are TBD.

Noncommercial

$0

Free for qualifying noncommercial projects under PolyForm Noncommercial 1.0.0.

Read licence terms

Solo

TBD

One named independent individual. Unlimited applications they personally own or control.

Commercial pricing is being finalized.

Read licence terms

Company

TBD

One legal entity. Unlimited developers and applications; affiliates are not included.

Commercial pricing is being finalized.

Read licence terms

OEM

TBD

One legal entity. Company scope plus redistribution in one named OEM product.

Commercial pricing is being finalized.

Read licence terms
Full pricing details

AGENT INTERFACE

Your coding agent can read the real API.

Connect the local Sixtyfold Model Context Protocol (MCP) server for version-matched package selection, exact TypeScript symbols, verified framework recipes and option checks—without adding code to the chart bundle.

Connect @sixtyfold/mcp
LOCAL / VERSION-MATCHED
Connect once
codex mcp add sixtyfold -- npx -y @sixtyfold/mcp@next

  • Installed API
  • Verified recipes
  • Option checks