In this article, I will guide you step by step to create dynamic and interactive visual documentation using Diagram-as-Code tools. Instead of static images, we will generate diagrams programmatically, ensuring they are always up-to-date and easy to maintain.

☁️ AWS (Amazon Web Services)

We can use Amazon nodes, which are organized into several categories, such as:

• 
  Analytics and Business: aws.analytics, aws.business
  


• 
  Compute and Storage: aws.compute, aws.storage, aws.cost
  


• 
  Database and DevTools: aws.database, aws.devtools
  


• 
  Integration and Management: aws.integration, aws.management
  


• 
  Machine Learning and Mobile: aws.ml, aws.mobile
  


• 
  Networking and Security: aws.network, aws.security
  


• 
  Others: aws.blockchain, aws.enduser, aws.engagement, aws.game, aws.general, aws.iot, aws.media, aws.migration, aws.quantum, aws.robotics, aws.satellite
  

Next, we will represent one of these categories to visualize the available nodes within aws.database.

from diagrams import Diagram

from IPython.display import Image

import diagrams.aws.database as aws_database





database_components = []

for item in dir(aws_database):

    if item[0] != '_':

        if not any(comp.startswith(item) or item.startswith(comp) for comp in database_components):

            database_components.append(item)





with Diagram("AWS Database", show=False, filename="aws_database"):

    mid_index = len(database_components) // 2

    first_line = database_components[:mid_index]

    second_line = database_components[mid_index:]





    prev_node = None

    for item_database in first_line:

        current_node = eval(f"aws_database.{item_database}(item_database)")

        if prev_node is not None:

            prev_node >> current_node

        prev_node = current_node





    prev_node = None

    for item_database in second_line:

        current_node = eval(f"aws_database.{item_database}(item_database)")

        if prev_node is not None:

            prev_node >> current_node

        prev_node = current_node



Image("aws_database.png")

Repository

Below are the link to all the code, if you find it useful, you can leave a star ⭐️ and follow me to receive notifications of new articles. This will help me grow in the tech community and create more content.