Canvas
Rapide où ça compte, honnête sur l'enveloppe.
Un rendu piloté par le niveau de zoom affiche les places seulement quand elles comptent, la liaison de données D3 garde les mises à jour chirurgicales, et des stratégies par bloc portent les salles jusqu'à des milliers de places.
Ça vous parle ?
Le diaporama au panoramique
Un plan qui saccade au déplacement se lit comme cassé, quel que soit le benchmark. Un rendu piloté par niveau garde l'interaction fluide.
10 000 nœuds dès la page un
Afficher chaque place avant que quelqu'un zoome, c'est comment les navigateurs fondent. Les places se dessinent en contexte de bloc, quand elles sont lisibles.
La douleur du pinch-zoom sur mobile
La plupart des billets se vendent sur mobile. Les gestes D3-zoom et les mises à jour chirurgicales gardent les téléphones réactifs.
De l'ingénierie, pas du marketing, sur la vitesse
01Dessiné quand c'est lisibleLes places s'affichent en contexte de bloc pendant le zoom. Le DOM ne garde que ce que l'œil peut utiliser.
02Liaison de données chirurgicaleLes jointures D3 mettent à jour ce qui a changé. Une option retourne un cercle, pas l'arbre.
03Une enveloppe annoncéeOptimal sous cinq mille places, maximum recommandé sous dix, et des patterns pour aller plus loin.
04Stratégies par blocDécouper les très grandes salles en blocs et charger les sections à la demande est un pattern documenté, pas une aventure.
05Reflow à la demandeConteneur redimensionné ? reflow() recalcule la mise en page sans rechargement.
06Échelle plateforme quand il fautLes mises en vente stade associent le moteur de rendu aux modèles de lecture par bloc de la plateforme et au bus temps réel.
Pourquoi ça reste fluide
- 01Rendu conditionné par niveauLa vue d'ensemble dessine la structure ; les places apparaissent au niveau bloc.
- 02Mises à jour minimalesLes changements d'état touchent seulement les places concernées.
- 03Découpez pour l'échelleRendu par bloc et sections lazy portent les plus grandes salles.
Stress-testez la démo
Panoramique, zoom et sélection à l'échelle, en direct.