Retour à Equivox v1.0

Données de marché

Les grandes plateformes financières affichent toutes des graphiques et des chiffres rouges et verts en mouvement, alors Equivox a aussi mis l'accent sur les données de marché. Rétrospectivement, cela a dilué la focalisation produit, mais techniquement l'architecture du système était solide et réutilisable dans l'application.

Each step pairs a heading and description with a decorative 3D preview of the Equivox UI. Those previews are skipped in screen reader navigation and are not interactive for assistive technology—the text beside each preview is authoritative.

Pages d'actions

Les pages d'entreprises étaient une page centralisée avec navigation par onglets et comportement de mise en page conditionnel. Si une carte échouait, la grille pouvait se réorganiser pour préserver la symétrie plutôt que de laisser des espaces brisés.

Onglet Aperçu :

  • Graphique de prix avec sélecteurs de période (cache à la sortie de page, invalidation toutes les 5 minutes)
  • Carte des dernières nouvelles
  • Carte des 5 enjeux principaux (fonctionnalité IA personnalisée)
  • Carte de détention (institutionnel % vs particulier %)

Autres onglets :

  • Publications : liste de type fil des publications taguées par action (ex. $TSLA mène vers l'onglet publications de /company/TSLA)
  • Nouvelles : fil de nouvelles spécifique à l'action
  • Résultats : résultats déclarés/prévus, surperformance ou sous-performance, et dates à venir
  • Documents : liste des documents SEC avec liens directs

Marchés en bref

Plus grandes hausses

Plus grandes baisses

Panneau d'actions et carrousel

Le panneau d'actions sur la page du fil affichait les plus grandes hausses et baisses du S&P 500 avec mini graphiques et variation en pourcentage sur la journée. Les deltas en pourcentage étaient en temps réel, tandis que l'ensemble des hausses et baisses se rafraîchissait toutes les heures.

Les actions en liste de surveillance ont leur propre section du panneau. Comme le panneau se situe à droite du fil, les nouvelles du marché apparaissaient en dessous pour équilibrer visuellement la colonne.

Le carrousel d'actions réutilisait le même modèle de données dans un format compressé et était monté sur plusieurs pages sous l'en-tête global.

Stratégie temps réel

Notre fournisseur de données de marché n'autorisait qu'un seul websocket en direct, alors j'ai construit un petit service relais. Le relais maintient cette seule connexion montante vers le fournisseur. Chaque client Equivox ouvre son propre websocket vers le relais plutôt que de communiquer directement avec le fournisseur.

Chaque client indique au relais quels tickers il veut. Si plusieurs personnes ouvrent Tesla en même temps, elles s'abonnent toutes à TSLA sur leur connexion relais. Le relais n'a besoin qu'une seule souscription montante correspondante. Quand un trade arrive pour TSLA, le relais transmet cette mise à jour à chaque client qui a demandé TSLA.

Le relais s'abonne à un symbole en amont quand au moins un client en a encore besoin. Il se désabonne en amont quand plus aucun client en a besoin. Cela respecte la limite d'un seul socket tout en donnant à l'application des prix en direct.