60FOLDCOMPONENTS
MCPVerfügbar

Leistungsstarke Komponenten für KI, Observability, industrielles IoT und Finanzmärkte

Berühren ist ausdrücklich erwünscht. Scrollen, ziehen oder zoomen Sie mit zwei Fingern. Probieren Sie es auch auf Smartphone oder Tablet aus – Millionen von Werten liegen buchstäblich unter Ihren Fingerspitzen.

  • RUNTIME GZIP · LINE 63 KB · STOCK 55 KB
  • ZIEL 60 FPS
  • WORKER-FIRST
  • NODE · BUN · DENO
WORKBENCH GENERATOR · 20 Mio. WERTE · WORKER

Mit Rad oder Pinch zoomen. Zum Prüfen ziehen. Doppelklick setzt zurück. Mit Pfeil links und rechts verschieben, mit Plus und Minus zoomen und mit Pos1 zurücksetzen.

Chart wird vorbereitet…

FÄHIGKEITSFELD

Gebaut für Daten, die nicht klein bleiben wollen.

Eine kompakte TypeScript-Engine nutzt Worker und bildschirmgerechte Detailstufen, damit große Datensätze reaktionsfähig bleiben, ohne wichtige Spitzen, Lücken oder Trends zu verbergen.

  • CANVAS2D / OHNE WEBGL
  • LINE + STOCK
  • WORKER / MAIN / SSR
  • 5 FRAMEWORK-ADAPTER
  1. ZIEL 60 FPS

    Millionen bleiben interaktiv.

    Eine stufenweise Screen-Space-Pipeline ist darauf ausgelegt, Schwenken und Zoomen mit Datensätzen aus Millionen Punkten auf geeigneter moderner Hardware flüssig zu halten.

    Das Beispiel mit Millionen Werten starten
  2. WORKER-FIRST

    Rechenintensive Arbeit bleibt außerhalb der Oberfläche.

    Ein Web Worker bereitet Chartdetails vor und rendert außerhalb des UI-Hauptthreads, wenn der Browser dies unterstützt. Derselbe Renderer weicht bei Bedarf auf den Hauptthread aus.

    Worker-first FeederBW ansehen
  3. LOD · DETAILSTUFE

    Nur die Details, die der Bildschirm nutzen kann.

    LOD zeichnet große Daten automatisch in einer bildschirmgerechten Ansicht. Beim Zoomen erscheinen feinere Details; echte Spitzen, Täler und Lücken bleiben erhalten.

    Zehn Millionen neuronale Messwerte untersuchen
  4. ERWEITERTE GESTEN

    Big Data unter den Fingerspitzen.

    Maus, Trackpad, Rad, Ziehen, Pinch, Touch und Tastatur machen große Bereiche auf Desktop, Tablet und Smartphone in beiden Ausrichtungen unmittelbar steuerbar.

    Die Beschleunigerstörung analysieren
  5. RUNTIME GZIP · LINE 63 KB · STOCK 55 KB

    Nur den benötigten Chart ausliefern.

    Line und Stock besitzen getrennte Einstiegspunkte. Ein sauberer initialer Ladevorgang im Worker-Modus umfasst etwa 63 kB beziehungsweise 55 kB gzip, einschließlich Browser-API, erforderlicher Core-Laufzeit, generierter statischer Chunks und Rendering-Worker. Anwendungscode und Diagrammdaten sind nicht enthalten; der URL-Overlay-Decoder und der Main-Thread-Fallback werden nur bei Bedarf geladen. Core, Line und Stock haben keine Laufzeitabhängigkeiten von Drittanbietern.

    Line- und Stock-Beispiele erkunden
  6. NODE · BUN · DENO

    Rendern über den Browser hinaus.

    Dieselben TypeScript-Renderer erzeugen statische Line- und Stock-Charts mit einem bereitgestellten Canvas2D-Backend. Echte PNG-Ausgabe wird mit Node.js 22.22.3, Bun 1.3.14 und Deno 2.9.3 geprüft.

    Das Beispiel für Server-Rendering ansehen

AUSSTELLUNGSZUGANG

Jeder moderne Browser sitzt in der ersten Reihe.

Vom Arbeitsplatz bis zum einhändig bedienten Smartphone folgt Sixtyfold dem Browser, den Sie bereits nutzen. Dieselbe Canvas2D-Engine und responsive Steuerung funktionieren plattformübergreifend ohne nativen Wrapper.

Unterstützung moderner Browser und Geräte
BrowserEngineDesktopTabletMobil
ChromeBlinkUnterstütztUnterstütztUnterstützt
SafariWebKitUnterstütztUnterstütztUnterstützt
FirefoxGeckoUnterstütztUnterstütztUnterstützt
EdgeBlinkUnterstütztUnterstütztUnterstützt
Samsung InternetBlinkNicht verfügbarUnterstütztUnterstützt
Andere ChromiumBrave · Opera · Arc · VivaldiBlinkUnterstütztUnterstütztUnterstützt

Aktuelle, vom jeweiligen Anbieter unterstützte Versionen. Automatisierte Release-Prüfungen testen Hauptthread und den standardmäßigen Automatikmodus in Chromium, Firefox und WebKit. Auf kompatiblen Engines nutzt der Automatikmodus einen OffscreenCanvas-Worker; der erzwungene Worker-Vertrag wird zusätzlich in Chromium geprüft.

MausTrackpadTouchPinchTastatur

FRAMEWORK-ADAPTER

Ihr Framework. Dieselbe Chart-Engine.

Schlanke, typisierte Adapter bieten den nativen Lebenszyklus jedes Frameworks und erhalten übertragbare Daten, Worker-Bereinigung, SSR-sichere Hosts und direkten Diagrammzugriff.

Framework-Integrationen vergleichen
  • 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

KOMMERZIELLE LIZENZEN

Eine Lizenz, die zu Ihrer Entwicklung passt.

Die kommerziellen Preise werden derzeit finalisiert. Die Beträge der kostenpflichtigen Pläne stehen noch nicht fest.

Nichtkommerziell

$0

Kostenlos für berechtigte nichtkommerzielle Projekte unter PolyForm Noncommercial 1.0.0.

Lizenz lesen

Solo

TBD

Eine benannte, unabhängige Person. Unbegrenzte Anwendungen, die diese Person selbst besitzt oder kontrolliert.

Die kommerziellen Preise werden derzeit finalisiert.

Lizenz lesen

Company

TBD

Eine juristische Person. Unbegrenzt Entwickler und Anwendungen; verbundene Unternehmen sind nicht eingeschlossen.

Die kommerziellen Preise werden derzeit finalisiert.

Lizenz lesen

OEM

TBD

Eine juristische Person. Company-Umfang plus Weitergabe in einem benannten OEM-Produkt.

Die kommerziellen Preise werden derzeit finalisiert.

Lizenz lesen
Alle Preisdetails

AGENTEN-SCHNITTSTELLE

Ihr Coding-Agent liest die echte API.

Verbinden Sie den lokalen Model Context Protocol (MCP)-Server von Sixtyfold für versionsgenaue Paketauswahl, exakte TypeScript-Symbole, geprüfte Beispiele und Optionsprüfung — ohne Code zum Chart-Bundle hinzuzufügen.

@sixtyfold/mcp verbinden
LOKAL / VERSIONSGENAU
Einmal verbinden
codex mcp add sixtyfold -- npx -y @sixtyfold/mcp@next

  • Installierte API
  • Geprüfte Beispiele
  • Optionsprüfung