60FOLDCOMPONENTS
MCPDisponible

Componentes de alto rendimiento para IA, observabilidad, IoT industrial y mercados financieros

Se anima a tocar. Usa la rueda, arrastra o pellizca la imagen. Pruébalo también en un móvil o una tableta: millones de valores quedan literalmente al alcance de tus dedos.

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

Usa la rueda o pellizca para ampliar. Arrastra para inspeccionar. Haz doble clic para restablecer. Usa las flechas izquierda y derecha para desplazar, Más y Menos para ampliar y Home para restablecer.

Preparando el gráfico…

CAMPO DE CAPACIDADES

Creado para datos que se niegan a seguir siendo pequeños.

Un motor TypeScript compacto usa workers y detalle adaptado a la pantalla para mantener ágiles los grandes conjuntos de datos sin ocultar picos, huecos ni tendencias importantes.

  • CANVAS2D / SIN WEBGL
  • LINE + STOCK
  • WORKER / MAIN / SSR
  • 5 ADAPTADORES DE FRAMEWORK
  1. OBJETIVO 60 FPS

    Millones de puntos siguen siendo interactivos.

    Una canalización progresiva en espacio de pantalla está diseñada para mantener fluidos el desplazamiento y el zoom con conjuntos de millones de puntos en hardware moderno capaz.

    Ejecutar el ejemplo con millones de valores
  2. WORKER-FIRST

    Mantén el trabajo pesado fuera de la interfaz.

    Un Web Worker prepara el detalle del gráfico y renderiza fuera del hilo principal de la interfaz cuando el navegador lo permite. El mismo renderizador recurre al hilo principal cuando es necesario.

    Ver FeederBW con worker-first
  3. LOD · NIVEL DE DETALLE

    Muestra el detalle que la pantalla puede aprovechar.

    El LOD dibuja automáticamente una vista a escala de pantalla de grandes datos. Usa más detalle al acercar el zoom y conserva picos, valles y huecos reales.

    Examinar diez millones de muestras neuronales
  4. GESTOS AVANZADOS

    Big data al alcance de tus dedos.

    Ratón, trackpad, rueda, arrastre, pellizco, toque y teclado hacen que los grandes intervalos se sientan directos en ordenadores, tabletas y móviles en cualquier orientación.

    Investigar el incidente de los aceleradores
  5. RUNTIME GZIP · LINE 63 KB · STOCK 55 KB

    Incluye solo el gráfico que usas.

    Line y Stock tienen puntos de entrada separados. Una carga inicial limpia en modo worker ocupa unos 63 kB y 55 kB gzip, respectivamente, e incluye la API del navegador, el runtime Core necesario, los chunks estáticos generados y el worker de renderizado. El código de la aplicación y los datos del gráfico no están incluidos; el decodificador de overlays por URL y el fallback del hilo principal solo se cargan cuando son necesarios. Core, Line y Stock no tienen dependencias de ejecución de terceros.

    Explorar ejemplos de Line y Stock
  6. NODE · BUN · DENO

    Renderiza más allá del navegador.

    Los mismos renderizadores TypeScript generan gráficos Line y Stock estáticos mediante un backend Canvas2D proporcionado. La salida PNG real se verifica con Node.js 22.22.3, Bun 1.3.14 y Deno 2.9.3.

    Ver el ejemplo de renderizado en servidor

ACCESO A LA EXPOSICIÓN

Todos los navegadores modernos tienen un asiento en primera fila.

Desde una estación de trabajo hasta un móvil en una mano, Sixtyfold funciona en el navegador que ya utilizas. El mismo motor Canvas2D y los mismos controles adaptables recorren todas las plataformas sin una capa nativa.

Compatibilidad con navegadores y dispositivos modernos
NavegadorMotorEscritorioTabletaMóvil
ChromeBlinkCompatibleCompatibleCompatible
SafariWebKitCompatibleCompatibleCompatible
FirefoxGeckoCompatibleCompatibleCompatible
EdgeBlinkCompatibleCompatibleCompatible
Samsung InternetBlinkNo disponibleCompatibleCompatible
Otros ChromiumBrave · Opera · Arc · VivaldiBlinkCompatibleCompatibleCompatible

Versiones actuales mantenidas por sus proveedores. Las comprobaciones automáticas ejercitan el hilo principal y el modo automático predeterminado en Chromium, Firefox y WebKit. En motores compatibles, el modo automático usa un worker OffscreenCanvas; el contrato de worker forzado también se prueba en Chromium.

RatónTrackpadTáctilPellizcoTeclado

ADAPTADORES DE FRAMEWORK

Tu framework. El mismo motor de gráficos.

Los adaptadores ligeros y tipados ofrecen el ciclo de vida nativo de cada framework, conservando datos transferibles, limpieza de workers, hosts seguros para SSR y acceso directo al gráfico.

Comparar integraciones de frameworks
  • 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

LICENCIA COMERCIAL

Una licencia que encaja con tu forma de desarrollar.

Los precios comerciales se están ultimando. Los importes de los planes de pago están por definir.

No comercial

$0

Gratis para proyectos no comerciales que cumplan PolyForm Noncommercial 1.0.0.

Leer las condiciones

Solo

TBD

Una persona independiente identificada. Aplicaciones ilimitadas que esa persona posea o controle.

Los precios comerciales se están ultimando.

Leer las condiciones

Company

TBD

Una entidad jurídica. Desarrolladores y aplicaciones ilimitados; las afiliadas no están incluidas.

Los precios comerciales se están ultimando.

Leer las condiciones

OEM

TBD

Una entidad jurídica. Alcance Company más redistribución en un producto OEM identificado.

Los precios comerciales se están ultimando.

Leer las condiciones
Todos los detalles de precios

INTERFAZ PARA AGENTES

Tu agente de programación puede leer la API real.

Conecta el servidor local Model Context Protocol (MCP) de Sixtyfold para seleccionar paquetes compatibles con la versión, consultar símbolos TypeScript exactos, usar recetas verificadas y validar opciones sin añadir código al bundle del gráfico.

Conectar @sixtyfold/mcp
LOCAL / SEGÚN VERSIÓN
Conectar una vez
codex mcp add sixtyfold -- npx -y @sixtyfold/mcp@next

  • API instalada
  • Recetas verificadas
  • Validación de opciones