Я играю в Blogowar.ru, чего и вам советую.

Скриншот примера использования SVG для отображения мнемосхемы водомерного узла

Скриншот примера использования SVG мнемосхемы для отображения состояния канализационной насосной станции

Скриншот примера использования SVG мнемосхемы для отображения состояния водопроводной насосной станции

Мнемосхемы SVG

Обычно для отображения мнемосхем технологических объектов используются различные SCADA и HMI системы. На данном сайте демонстрируеются возможности алтернативной технологии - динамического изменения атрибутов SVG изображения, что позволяет в качестве графического движка мнемосхемы использовать веб-браузер. Данное решение позволяет в ряде случаев обойтись либо вообще без использования SCADA систем и значительно сократить стоимость системы автоматизации, либо значительно расширить их функциональность по отображению через ВЕБ.