Используя canvas в Grafana можно создавать что-то подобное. Но не так уж и много информации про то, как собственно это делать.

Добавляем свои собственные svg иконки

При использовании canvas вы можете добавить на dashboard иконки svg. Лично для меня плюс этих иконок что я могу подсвечивать их в зависимости от метрик. Т.е. если сервер, который отправляет метрики доступен то иконка будет зелёной, а если нет - то другого цвета. Но по умолчанию выбор этих иконок svg не такой уж и большой.

Для того чтобы добавить свою иконку нужно поместить её в любую вложенную папку в директории /usr/share/grafana/public/img/icons/.

Для докера можно примонтировать локальную папку к вложенную папке в директории /usr/share/grafana/public/img/icons/.

vim docker-compose.yml

  grafana:
    volumes:
      - /grafana-bg/ico:/usr/share/grafana/public/img/icons/iot

Свои собственные svg иконки не окрашиваются

Если вдруг вы устанавливает цвет заливки иконки в зависимости от метрик, но иконка не окрашивается возможно у вас цвет линий задан по умолчанию в файле svg. Для этого открываем файл в редакторе и удаляем всё связанное с цветом.

vim icon.svg

<path
id="path4442"
style="fill:green"  <<<<<< must be deleted
d="m430.88 592.9c6.15-10.03 15.9-17.1 25.17-24.07 0.92-0.69 1.84-1.37 2.75-2.06l0.74 0.87c-0.84 0.77-1.69 1.53-2.53 2.3-8.15 7.6-16.23 15.38-23.33 23.98l-2.8-1.02z"
/>

После этого копируем иконку снова и радуемся жизни.

Пример того, какого цвета у меня зерно кофе если узел доступен и шлёт метрики.

Пример того, какого цвета у меня зерно кофе если узел недоступен и не шлёт метрики.