Визуализация инженерных данных. Как мы делали веб-приложение для электромобиля на TypeScript

Представьте: вы пишете веб-приложение, которое работает внутри электромобиля, — рисует 3D-карту окружения в реальном времени, показывает видео с камер, визуализирует данные с радаров и нейросетей. А еще оно должно работать на автомобильном дисплее, подключаться к меняющимся протоколам (DDS, MQTT) и не падать при обновлениях. Мы разработали Visionary — замену Foxglove, которая используется на прототипах российского электромобиля Атом, — и хочу рассказать, как:

• Three.js и WebGL рисуют 3D-мир вокруг машины и почему это сложнее, чем кажется;
• мы справляемся с потоками видео- и телеметрии;
• TypeScript выживает в условиях, когда протоколы и API динамично меняются.

Это не просто дашборд — это ключевая система для инженеров, тестирующих продвинутые функции помощи водителю (ADAS). И там есть крутая фича с автоматической парковкой! Если вы JS/TS-разработчик и хотите узнать, как фронтенд работает в настоящем электромобиле, — этот доклад для вас.