Полный реверс-инжиниринг чарт-платформы takeprofit.com: архитектура, движок рендеринга, индикаторы и инструменты вживую, дизайн-система и конкурентный анализ. Все страницы самодостаточны.
80 встроенных индикаторов — живой скриншот рендера КАЖДОГО на DOGE/USD + полный Indie-исходник у 56 + дизайн-чипы. Плюс 44 алгоритма и 25 инструментов рисования вживую.
~8 МБ · флагман931 токен вытащен вживую: цвета (display-P3), типографика (IBM Plex / Nib Pro), spacing, радиусы, тени, анимации, UX-паттерны. Страница свёрстана на их же токенах.
токены · P3 · motionДвижок рендеринга: форк TradingView Lightweight + кастомный PixiJS WebGL2, on-demand rAF, single full-viewport canvas.
Бандлы, воркеры, gRPC/protobuf, Lumino DockPanel, SharedWorkers, Indie® DSL, потоки данных.
Полная карта продукта: все подсистемы и как они связаны.
Краткий обзор всей структуры исследования одним экраном.
Как устроена работа с виджетами, анимации, плавность, паттерны взаимодействия.
Пошаговый прогон интерфейса со скринами живого терминала.
Что не так с архитектурой, как выжать перформанс/стабильность: 42 проблемы, роадмап, тикеты.
Конкурентное сравнение: что есть/чего нет, Canvas2D vs WebGL2.
Reverse-engineering / реконструкция в исследовательских целях. Источники: код-бандлы takeprofit.com, официальная документация, живой залогиненный терминал (скриншоты сняты автоматизированно). Цвета показаны как нативный color(display-p3) + sRGB-приближение. Не аффилировано с TakeProfit.