E6M1 · SIGNAL GRAPH
РеализованTime Series Chart
Независимый интерактивный SVG-график
PLAYER CLASSFrontend Engineer
MISSION BRIEF
Компонент принимает четыре независимые временные последовательности и не изменяет входные массивы.
Поддержаны пропуски, отрицательные значения, фиксированные диапазоны, touch и управление с клавиатуры.
ResizeObserver перестраивает SVG под контейнер, а destroy полностью освобождает ресурсы.
LOADOUT
JavaScriptSVGViteVitestResizeObserverAccessibility
SYSTEM MAP
Data Contract
Валидация четырёх рядов
Scale Engine
Независимые временные и числовые шкалы
Interaction
Общий tooltip, touch и клавиатура
Responsive Render
Перестроение по размеру контейнера
BOSS FIGHTS
Объединить ряды с несовпадающими датами и масштабами
Общая временная ось и независимый числовой domain для каждого типа серии.
Компонент корректно показывает разреженные и неоднородные данные.• Нет runtime-зависимостей.
• Полная клавиатурная навигация.
• Проверяемый контракт данных.