Х-Банк: Разработка высоконагруженного скальперского стакана

Задача

В рамках консалтингового проекта для Х-Банка мы участвовали в проектировании и разработали с нуля высокопроизводительный виджет торгового терминала — скальперский стакан. Ключевыми требованиями были способность выдерживать экстремальные нагрузки, предоставлять информацию в максимально наглядном и динамичном виде и обеспечивать мгновенный отклик интерфейса.

Наши роли

Hands-on разработка, архитектурное проектирование, презентации клиенту, техническое лидерство.

Решение

Была предложена и реализована архитектура на Canvas и Solid.js. Лэйаут основанна на четырех перетаскиваемых панелях. Скальперский привод позволяют трейдеру быстро выставлять следки и мониторить рынок.

• Лента сделок и кластеры: Визуализация потока ордеров и агрегированных объемов на разных ценовых уровнях.
• Интерактивный стакан: Динамическое отображение лимитных заявок с возможностью совершения сделок в один клик.
• График цены: Классический график, обогащенный данными из стакана.
• Панель управления: Управление ордерами, позициями и рисками.

Интерфейс был создан с упором на максимальную информативность и скорость, что позволило трейдерам принимать решения за доли секунды. По нашему мнению, разработанный продукт является лучшим в своей области.

Технологический стек

• Canvas API: Для рендеринга графиков и стакана, что обеспечило максимальную производительность.
• Solid.js: Реактивный фреймворк для создания высокопроизводительных и отзывчивых пользовательских интерфейсов.
• D3.js: Библиотека для сложных манипуляций с данными и их визуализации.