Style Picker Demo

See how your diagrams look in different styles

← Back to Generator
📄Content from:docs.cloud.google.com/vertex-ai

Vertex AI ML Workflow

Complete machine learning lifecycle on Google Cloud

Choose a Style

Currently viewing:Google Cloud(1 of 6)

Google Cloud

Official Google brand colors

View Mermaid Code
flowchart LR
    subgraph PREP[Data Preparation]
        A[Notebooks] --> B[Cloud Storage]
        B --> C[BigQuery]
    end

    subgraph TRAIN[Model Training]
        D[AutoML] --> E[Custom Training]
        E --> F[Experiments]
    end

    subgraph DEPLOY[Deployment]
        G[Model Registry] --> H[Endpoints]
        H --> I[Monitoring]
    end

    PREP --> TRAIN --> DEPLOY

    style PREP fill:#4285F4,color:#fff,stroke:#1a73e8
    style TRAIN fill:#FBBC04,color:#333,stroke:#f9a825
    style DEPLOY fill:#34A853,color:#fff,stroke:#1e8e3e
    style A fill:#e8f0fe,color:#1967d2,stroke:#4285F4
    style B fill:#e8f0fe,color:#1967d2,stroke:#4285F4
    style C fill:#e8f0fe,color:#1967d2,stroke:#4285F4
    style D fill:#fef7e0,color:#b06000,stroke:#FBBC04
    style E fill:#fef7e0,color:#b06000,stroke:#FBBC04
    style F fill:#fef7e0,color:#b06000,stroke:#FBBC04
    style G fill:#e6f4ea,color:#137333,stroke:#34A853
    style H fill:#e6f4ea,color:#137333,stroke:#34A853
    style I fill:#e6f4ea,color:#137333,stroke:#34A853

How Style Selection Works

1️⃣

Generate Content

Enter your topic and sources. The system extracts workflows and creates diagrams.

2️⃣

Preview Styles

Cycle through all available styles to see how your diagrams look in each one.

3️⃣

Apply & Export

Choose your preferred style. It applies to ALL diagrams in your generated site.