Data Visualization Cost-Savings for a World-Known Research Platform

Client

A leading research platform delivering detailed analysis and actionable insights to the credit markets, with specific emphasis on private BSL and CLO markets.

Client Need

The client sought to create an in-house solution to minimize dependence on a costly third-party tool that renders financial information in table form. The new solution had to improve data processing, system performance, and user experience and provide a less expensive way to process and display intricate financial data.

Solution

Leveraging our expertise as a front-end development company, we collaborated with the client’s back-end experts to create a custom financial table that relies on data from the client’s internal databases.

For presenting information, the table requires complex data transformations, which has hindered table performance. To ensure smooth data display and prevent redundant recalculations, we created an optimized data transformation pipeline. The pipeline processes and aggregates the data carefully to provide the best display performance and interactive user experience.

Apart from that, as the table deals with hierarchical information, we designed a highly nested table layout. This ensures correct visual representation without compromising on responsiveness and smoothness of the interface.

By prioritizing data management efficiency and a smooth table display, we were able to give a high-performance solution that not only saved on cost and gave more control to the client but also enhanced the user experience.

Challenges

While building the financial table, the team also needed to address some infrastructure-level problems, affecting the table’s performance.

Fixing cross-origin issues

The website relied on two URLs, but CORS restrictions prevented the front-end from sending requests to both. To solve this, we built a proxy API within the microservice, ensuring all requests were correctly routed through a single URL while maintaining security and seamless functionality.

Improving UI consistency

To simplify the development, the system relies on common reusable components. However, according to the client’s requirements, one component — a mode window — had to be adjusted to change the behavior flow. The challenge was to implement the changes while not disrupting the existing shared component logic.

To achieve this, we refactored the component logic to include custom animations. This added polish and coherence to the interface without creating unnecessary complexity or disrupting reusable design principles.