FinTech · Analytics · DataViz2025–2026
Tech Radar
Корпоративная аналитическая платформа с D3-радарами, фильтрами и карточками технологий: 7 маршрутов, 9 режимов радара и 26 лендингов услуг в одном продукте.
Заказчик: Корпоративный заказчик (NDA)
Задача
Крупному корпоративному заказчику нужна была платформа мониторинга технологий: не лендинг, а полноценный аналитический продукт с радарами, фильтрами, карточками и контентными страницами. Требовались визуализация больших данных, разграничение доступа по ролям и управление контентом через CMS.
Что сделали
- 9 режимов радара на D3.js: карта технологий, Молекула 1.0/2.0, ESG, FinTech-тренды, слабые сигналы, ЦРГЦИ-инициативы и организации, mini-radar в карточках, stakeholder graph
- 12+ типов фильтров: ClusterFilter в топ-баре, maturity bands, жизненный цикл, зона влияния, поиск в сайдбаре и hub-меню, deep link'и
- Карточки технологий: TRL battery, звёзды приоритета, Markdown-описания, теги, кейсы и сценарии, комментарии для авторизованных
- Метрики в карточках на Recharts: патенты, новости, научные публикации, инвестиции
- Навигация react-pro-sidebar 68↔350px с drill-down, hub-меню TechnologiesMap и zoomable-блоками
- Авторизация JWT через Strapi с role-based UI
- 26 slug-лендингов услуг на Strapi CMS с JSON-fallback'ами и PDF-документами
Стек
React 18TypeScriptD3.js 7Recharts 2MUI 6Bootstrap 5styled-componentsreact-pro-sidebarFastAPIAxiosStrapi
Результат
Платформа работает у заказчика (прод-URL не публикуется по NDA): 7 маршрутов, 9 режимов радара и 26 контентных лендингов — один продукт вместо набора разрозненных страниц.