Dashboard di Analisi Finanziaria
FinTech · Analytics
2024
web
Quello di cui avevano bisogno
Gli analisti dell'azienda erano bloccati in attesa di report che non riuscivano a tenere il passo con il business. La piattaforma doveva acquisire e visualizzare oltre 10 milioni di punti dati al giorno da feed finanziari live, per poi permettere agli analisti di scendere nel dettaglio di segmenti e finestre temporali specifiche senza un ricaricamento della pagina. Gli approcci di charting standard cedevano a quel volume — un singolo grafico interattivo poteva impiegare secondi per essere disegnato, e mantenerlo live man mano che i dati sottostanti cambiavano peggiorava il ritardo. I dirigenti avevano bisogno di una vista a livello aziendale che restasse aggiornata tra un ciclo di report e l'altro, non di uno snapshot già superato al momento del caricamento. L'asticella era una risposta sub-secondo su visualizzazioni genuinamente interattive, a una scala in cui un rendering client-side ingenuo o query non ottimizzate avrebbero reso la dashboard inutilizzabile.
Quello che abbiamo costruito
Abbiamo costruito la dashboard su React per il guscio dell'interfaccia, con grafici D3.js personalizzati invece di una libreria di charting preconfezionata, così da poter controllare esattamente come ogni visualizzazione veniva renderizzata su larga scala. Un backend Node.js espone un'API GraphQL, permettendo al frontend di richiedere solo i campi di cui una determinata vista ha bisogno invece di sovraccaricare le schermate ricche di dati. MongoDB contiene i dati finanziari in ingresso, modellati intorno ai pattern di query che le dashboard eseguono realmente. Gli aggiornamenti live vengono trasmessi al browser tramite connessioni WebSocket invece del polling, così i grafici si aggiornano nel momento in cui arrivano nuovi dati invece che a un ciclo di refresh. Insight predittivi basati sull'IA girano sopra la stessa pipeline, facendo emergere segnali prospettici accanto alla vista storica. AWS ospita l'intero stack, dando ai livelli di ingestione e streaming il margine per scalare man mano che il volume dei dati cresce.
Come lo abbiamo affrontato
Costruiti componenti grafici D3.js personalizzati invece di adottare una libreria di charting generica, scambiando tempo di sviluppo con il controllo di rendering necessario a oltre 10 milioni di punti dati al giorno.
Utilizzato GraphQL invece di un'API REST così ogni vista della dashboard recupera solo i campi di cui ha bisogno, mantenendo leggeri i payload sulle schermate finanziarie dense di dati.
Impostato gli aggiornamenti live su streaming WebSocket invece che sul polling, così i nuovi dati raggiungono i grafici nell'istante in cui si verificano.
Sovrapposti insight predittivi basati sull'IA sulla stessa pipeline di dati in tempo reale che alimenta la dashboard live, così le previsioni restano aggiornate con i dati in arrivo.
L'impatto ottenuto
Punti Dati/Giorno
Velocità dei Report
Adozione da Parte degli Utenti
"La dashboard ha trasformato il modo in cui prendiamo decisioni. Ne vale ogni centesimo."
VP Data
FinTech / Analytics
Dicci cosa
costruire.
Portaci quella che tutti dicevano fosse troppo difficile. Risposta gratuita e senza impegno entro 24 ore — NDA su richiesta.