60FOLDCOMPONENTS
MCPDisponível

Componentes de alto desempenho para IA, observabilidade, IoT industrial e mercados financeiros

O toque é incentivado. Use a roda, arraste ou faça o gesto de pinça sobre a obra. Experimente também num telemóvel ou tablet — milhões de valores ficam literalmente ao alcance dos seus dedos.

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

Use a roda ou gesto de pinça para ampliar. Arraste para inspecionar. Duplo clique para repor. Use as setas esquerda e direita para deslocar, Mais e Menos para ampliar e Home para repor.

A preparar o gráfico…

MAPA DE CAPACIDADES

Criado para dados que se recusam a ficar pequenos.

Um motor TypeScript compacto usa workers e detalhe adaptado ao ecrã para manter conjuntos grandes responsivos sem esconder picos, lacunas ou tendências importantes.

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

    Milhões continuam interativos.

    Um pipeline faseado em espaço de ecrã foi concebido para manter pan e zoom fluidos com conjuntos de milhões de pontos em hardware moderno capaz.

    Executar o exemplo com milhões de valores
  2. WORKER-FIRST

    Mantenha o trabalho pesado fora da interface.

    Um Web Worker prepara o detalhe do gráfico e renderiza fora da thread principal da interface quando o browser o permite. O mesmo renderizador recorre à thread principal quando necessário.

    Ver o FeederBW worker-first
  3. LOD · NÍVEL DE DETALHE

    Mostre o detalhe que o ecrã consegue usar.

    O LOD desenha automaticamente uma vista à escala do ecrã para dados grandes. Usa detalhe mais fino ao ampliar, preservando picos, vales e lacunas reais.

    Inspecionar dez milhões de amostras neurais
  4. GESTOS AVANÇADOS

    Big data na ponta dos dedos.

    Rato, trackpad, roda, arrasto, pinça, toque e teclado tornam intervalos extensos diretos em computadores, tablets e telemóveis, nas duas orientações.

    Investigar o incidente dos aceleradores
  5. RUNTIME GZIP · LINE 63 KB · STOCK 55 KB

    Inclua apenas o gráfico que utiliza.

    Line e Stock têm pontos de entrada separados. Uma carga inicial limpa em modo worker ocupa cerca de 63 kB e 55 kB gzip, respetivamente, incluindo a API do browser, o runtime Core necessário, os chunks estáticos gerados e o worker de renderização. O código da aplicação e os dados do gráfico não estão incluídos; o descodificador de overlays por URL e o fallback na thread principal só são carregados quando necessários. Core, Line e Stock não têm dependências de runtime de terceiros.

    Explorar exemplos Line e Stock
  6. NODE · BUN · DENO

    Renderize para além do browser.

    Os mesmos renderizadores TypeScript geram gráficos Line e Stock estáticos através de um backend Canvas2D fornecido. A saída PNG real é verificada com Node.js 22.22.3, Bun 1.3.14 e Deno 2.9.3.

    Ver o exemplo de renderização no servidor

ACESSO À EXPOSIÇÃO

Todos os browsers modernos têm lugar na primeira fila.

De uma estação de trabalho a um telemóvel numa só mão, Sixtyfold acompanha o browser que já utiliza. O mesmo motor Canvas2D e controlos responsivos atravessam plataformas sem um wrapper nativo.

Compatibilidade com browsers e dispositivos modernos
BrowserMotorComputadorTabletTelemóvel
ChromeBlinkSuportadoSuportadoSuportado
SafariWebKitSuportadoSuportadoSuportado
FirefoxGeckoSuportadoSuportadoSuportado
EdgeBlinkSuportadoSuportadoSuportado
Samsung InternetBlinkNão disponívelSuportadoSuportado
Outros ChromiumBrave · Opera · Arc · VivaldiBlinkSuportadoSuportadoSuportado

Versões atuais suportadas pelos respetivos fornecedores. As verificações automáticas de release exercitam a thread principal e o modo automático predefinido em Chromium, Firefox e WebKit. Nos motores compatíveis, o modo automático usa um worker OffscreenCanvas; o contrato de worker forçado também é testado no Chromium.

RatoTrackpadToquePinçaTeclado

ADAPTADORES DE FRAMEWORK

O seu framework. O mesmo motor de gráficos.

Adaptadores leves e tipados oferecem o ciclo de vida nativo de cada framework, preservando dados transferíveis, limpeza de workers, hosts seguros para SSR e acesso direto ao gráfico.

Comparar integrações 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

LICENCIAMENTO COMERCIAL

Uma licença adequada à forma como desenvolve.

Os preços comerciais estão a ser finalizados. Os valores dos planos pagos estão por definir.

Não comercial

$0

Gratuito para projetos não comerciais elegíveis sob PolyForm Noncommercial 1.0.0.

Ler os termos

Solo

TBD

Uma pessoa independente identificada. Aplicações ilimitadas que essa pessoa possua ou controle.

Os preços comerciais estão a ser finalizados.

Ler os termos

Company

TBD

Uma entidade jurídica. Programadores e aplicações ilimitados; entidades afiliadas não estão incluídas.

Os preços comerciais estão a ser finalizados.

Ler os termos

OEM

TBD

Uma entidade jurídica. Âmbito Company mais redistribuição num produto OEM identificado.

Os preços comerciais estão a ser finalizados.

Ler os termos
Todos os detalhes dos preços

INTERFACE DE AGENTE

O seu agente de código pode ler a API real.

Ligue o servidor local Model Context Protocol (MCP) da Sixtyfold para escolher pacotes compatíveis com a versão, consultar símbolos TypeScript exatos, usar exemplos verificados e validar opções — sem acrescentar código ao bundle do gráfico.

Ligar @sixtyfold/mcp
LOCAL / VERSÃO CORRETA
Ligar uma vez
codex mcp add sixtyfold -- npx -y @sixtyfold/mcp@next

  • API instalada
  • Exemplos verificados
  • Validação de opções