Перейти к содержанию

Canvas: визуализируем поток

Классические панели показывают данные. Canvas показывает поток: как данные текут от одного компонента к другому, как связаны системы, как выглядит архитектура.

Что можно нарисовать

  • Потоковые диаграммы: API Gateway → Auth Service → Business Logic → Database и метрики на каждом сегменте.
  • Сетевые схемы: маршрутизаторы, свитчи, каналы связи с метриками загрузки и потерь пакетов.
  • Дата-центр: стойки (элементы) с датчиками температуры, соединённые путями воздушных потоков.

Как устроено

Работаете с GUI-редактором: перетаскиваете элементы (иконки серверов, баз данных, облаков) на холст. Элементы могут быть декорированы метриками: меняющий цвет статус (зелёный — OK, красный — DOWN), значение метрики прямо на элементе.

Connections — линии между элементами. Можно настроить их цвет и толщину в зависимости от метрики: канал 100 Gbps — тонкая зелёная линия, канал забит под 98% — толстая красная.

Data links — клик по элементу уводит на другой дашборд или панель с детализацией.

Когда использовать

Не пытайтесь нарисовать всю инфраструктуру на одном Canvas. Это интерактивный чертёж, а не системная архитектура на A0. Canvas хорош для ответа на вопрос «Как всё соединено и где сейчас проблемы?», но не для «Сколько оперативной памяти в среднем по гетерогенным зонам».