Non commercial
$0
Gratuit pour les projets non commerciaux admissibles sous PolyForm Noncommercial 1.0.0.
Des composants haute performance pour l’IA, l’observabilité, l’IoT industriel et les marchés financiers
Nous vous invitons à toucher. Faites défiler, glissez ou pincez l’œuvre. Essayez aussi sur téléphone ou tablette : des millions de valeurs restent littéralement au bout des doigts.
- RUNTIME GZIP · LINE 63 KB · STOCK 55 KB
- OBJECTIF 60 FPS
- WORKER-FIRST
- NODE · BUN · DENO
Molette ou pincement pour zoomer. Faites glisser pour inspecter. Double-cliquez pour réinitialiser. Utilisez les flèches gauche et droite pour déplacer, Plus et Moins pour zoomer, et Début pour réinitialiser.
CHAMP DES CAPACITÉS
Conçu pour les données qui refusent de rester petites.
Un moteur TypeScript compact utilise des workers et un niveau de détail adapté à l’écran pour garder les grands jeux de données réactifs sans masquer pics, lacunes ou tendances importantes.
- CANVAS2D / SANS WEBGL
- LINE + STOCK
- WORKER / MAIN / SSR
- 5 ADAPTATEURS FRAMEWORK
- OBJECTIF 60 FPS
Des millions de points restent interactifs.
Un pipeline progressif en espace écran est conçu pour garder panoramique et zoom fluides sur des jeux de plusieurs millions de points avec un matériel moderne adapté.
Lancer l’exemple à plusieurs millions de valeurs - WORKER-FIRST
Gardez le travail lourd hors de l’interface.
Un Web Worker prépare le détail du graphique et effectue le rendu hors du thread principal lorsque le navigateur le permet. Le même moteur revient au thread principal si nécessaire.
Voir FeederBW en worker-first - LOD · NIVEAU DE DÉTAIL
Affichez le détail utile à l’écran.
Le LOD dessine automatiquement une vue à l’échelle de l’écran pour les grands jeux de données. Il révèle plus de détails au zoom tout en préservant pics, creux et lacunes réelles.
Examiner dix millions d’échantillons neuronaux - GESTES AVANCÉS
Le big data au bout des doigts.
Souris, pavé tactile, molette, glissement, pincement, toucher et clavier rendent les grandes plages directes sur ordinateur, tablette et mobile, dans les deux orientations.
Étudier l’incident des accélérateurs - RUNTIME GZIP · LINE 63 KB · STOCK 55 KB
N’embarquez que le graphique utilisé.
Line et Stock disposent de points d’entrée séparés. Un chargement initial propre en mode worker pèse environ 63 kB et 55 kB gzip, API du navigateur, runtime Core requis, chunks statiques générés et worker de rendu compris. Le code de l’application et les données du graphique ne sont pas inclus ; le décodeur d’overlays par URL et le fallback sur le thread principal ne sont chargés qu’en cas de besoin. Core, Line et Stock n’ont aucune dépendance d’exécution tierce.
Explorer les exemples Line et Stock - NODE · BUN · DENO
Effectuez le rendu au-delà du navigateur.
Les mêmes moteurs TypeScript génèrent des graphiques Line et Stock statiques avec un backend Canvas2D fourni. La sortie PNG réelle est vérifiée avec Node.js 22.22.3, Bun 1.3.14 et Deno 2.9.3.
Voir l’exemple de rendu serveur
ACCÈS À L’EXPOSITION
Chaque navigateur moderne est au premier rang.
Du poste de travail au téléphone tenu d’une main, Sixtyfold suit le navigateur que vous utilisez déjà. Le même moteur Canvas2D et les mêmes commandes adaptatives passent d’une plateforme à l’autre sans enveloppe native.
| Navigateur | Moteur | Ordinateur | Tablette | Mobile |
|---|---|---|---|---|
| Chrome | Blink | Pris en charge | Pris en charge | Pris en charge |
| Safari | WebKit | Pris en charge | Pris en charge | Pris en charge |
| Firefox | Gecko | Pris en charge | Pris en charge | Pris en charge |
| Edge | Blink | Pris en charge | Pris en charge | Pris en charge |
| Samsung Internet | Blink | Non disponible | Pris en charge | Pris en charge |
| Autres ChromiumBrave · Opera · Arc · Vivaldi | Blink | Pris en charge | Pris en charge | Pris en charge |
ADAPTATEURS FRAMEWORK
Votre framework. Le même moteur graphique.
Des adaptateurs légers et typés offrent le cycle de vie natif de chaque framework tout en préservant les données transférables, le nettoyage des workers, les hôtes compatibles SSR et l’accès direct au graphique.
Comparer les intégrations framework- Line + StockReact
@sixtyfold/react - Line + StockVue
@sixtyfold/vue - Line + StockAngular
@sixtyfold/angular - Line + StockSvelte
@sixtyfold/svelte - Line + StockSolidJS
@sixtyfold/solid
LICENCE COMMERCIALE
Une licence adaptée à votre façon de développer.
La tarification commerciale est en cours de finalisation. Les montants des offres payantes restent à définir.
Solo
TBD
Une personne indépendante désignée. Applications illimitées qu’elle possède ou contrôle personnellement.
La tarification commerciale est en cours de finalisation.
Lire la licenceCompany
TBD
Une entité juridique. Développeurs et applications illimités ; les sociétés affiliées ne sont pas incluses.
La tarification commerciale est en cours de finalisation.
Lire la licenceOEM
TBD
Une entité juridique. Portée Company plus redistribution dans un produit OEM désigné.
La tarification commerciale est en cours de finalisation.
Lire la licenceINTERFACE AGENT
Votre agent de code peut lire la véritable API.
Connectez le serveur local Model Context Protocol (MCP) de Sixtyfold pour choisir les paquets adaptés à la version, consulter les symboles TypeScript exacts, utiliser des exemples vérifiés et valider les options — sans ajouter de code au bundle du graphique.
Connecter @sixtyfold/mcpLOCAL / VERSION ADAPTÉE
Connecter une fois
codex mcp add sixtyfold -- npx -y @sixtyfold/mcp@next- API installée
- Exemples vérifiés
- Validation des options