Interactive ONAP Architecture Overview added

Issue-ID: DOC-757

Signed-off-by: thmsdt <thomas.kulik@telekom.de>
Change-Id: I7946e9db32d899ab97039a7fb62a9c1b213de8f1

1 files changed, 10 insertions, 6 deletions

diff --git a/docs/guides/onap-developer/architecture/onap-architecture.rst b/docs/guides/onap-developer/architecture/onap-architecture.rst
index 6ced443f7..7907cf01c 100644
--- a/docs/guides/onap-developer/architecture/onap-architecture.rst
+++ b/docs/guides/onap-developer/architecture/onap-architecture.rst
@@ -99,19 +99,23 @@ Further, ONAP comes with a functional architecture with component definitions
 and interfaces, which provides a force of industry alignment in addition to
 the open source code.
 
-ONAP Architecture
-=================
+Architecture Overview
+=====================
 
 The ONAP architecture consists of a design time and run time functions, as well
 as functions for managing ONAP itself.
 
-**Figure 1 provides a high-level view of the ONAP architecture with its
-microservices-based platform components.**
+.. tip:: Use the interactive features of the below ONAP Architecture Overview.
+   Hover with your mouse over an element in the figure for a short description.
+   Click the element to get forwarded to a more detailed description.
 
-|image1|
+.. raw:: html
+   :file: media/onap-architecture-overview-r9-istanbul-interactive-path.svg
 
+**Figure 1: Interactive high-level view of the ONAP architecture with its
+microservices-based platform components.**
 
-Figure 2 below, provides a simplified functional view of the architecture,
+The figure below provides a simplified functional view of the architecture,
 which highlights the role of a few key components:
 
 #. ONAP Design time environment provides onboarding services and resources