Interactive Enterprise Architecture – using scalable vector graphics (SVG) for self-explanatory heat maps

Abstract

In the context of enterprise architecture management, complex diagrams of proprietary software systems are often created. Working with these diagrams is often not self-explanatory, as multiple layers of information are contained in the overview. Changing the design and style is often not supported within the hierarchical structure of the diagrams and is impossible outside the original software product. Separating content from structure provides a solution to this problem. The use of scalable vector graphics (SVG) not only allows free scaling compared to traditional pixel-based formats, but also the integration of interactive elements (e.g., focus regions) or help texts. Additional animations and graphic design can guide the reader in understanding. As part of the international adaptation of the Global Higher Education Reference Model (HERM) from English to German, a neutral SVG structural template was developed. The adaptation of all designations into any language was automated based on a UTF8 text file containing the translated labels. This simplifies the application and distribution of HERM in the European context.