GCP

Node types list for the GCP provider.

Example Usage

import { Diagram } from "diagrams-js";
import { Bigquery, Composer, DataCatalog } from "diagrams-js/gcp/analytics";
import { APIGateway, Apigee, Endpoints } from "diagrams-js/gcp/api";

const diagram = Diagram("GCP Architecture", { direction: "TB" });

const node1 = diagram.add(Bigquery("Node 1"));
const node2 = diagram.add(APIGateway("Node 2"));

node1.to(node2);

const svg = await diagram.render();

note

All node types available in the Python diagrams library are also available in diagrams-js with the same class names and structure.

Node Reference

gcp/analytics

Bigquery

import { Bigquery } from "diagrams-js/gcp/analytics"

Composer

import { Composer } from "diagrams-js/gcp/analytics"

DataCatalog

import { DataCatalog } from "diagrams-js/gcp/analytics"

DataFusion

import { DataFusion } from "diagrams-js/gcp/analytics"

Dataflow

import { Dataflow } from "diagrams-js/gcp/analytics"

Datalab Datalab

import { Datalab } from "diagrams-js/gcp/analytics"

Dataprep

import { Dataprep } from "diagrams-js/gcp/analytics"

Dataproc

import { Dataproc } from "diagrams-js/gcp/analytics"

Genomics

import { Genomics } from "diagrams-js/gcp/analytics"

Looker Looker

import { Looker } from "diagrams-js/gcp/analytics"

Pubsub Pubsub

import { Pubsub } from "diagrams-js/gcp/analytics"

gcp/api

APIGateway

import { APIGateway } from "diagrams-js/gcp/api"

Apigee Apigee

import { Apigee } from "diagrams-js/gcp/api"

Endpoints

import { Endpoints } from "diagrams-js/gcp/api"

gcp/compute

AppEngine

import { AppEngine } from "diagrams-js/gcp/compute"

BinaryAuthorization

import { BinaryAuthorization } from "diagrams-js/gcp/compute"

ComputeEngine

import { ComputeEngine } from "diagrams-js/gcp/compute"

ContainerOptimizedOS

import { ContainerOptimizedOS } from "diagrams-js/gcp/compute"

Functions

import { Functions } from "diagrams-js/gcp/compute"

GKEOnPrem

import { GKEOnPrem } from "diagrams-js/gcp/compute"

GPU GPU

import { GPU } from "diagrams-js/gcp/compute"

KubernetesEngine

import { KubernetesEngine } from "diagrams-js/gcp/compute"

OSConfigurationManagement

import { OSConfigurationManagement } from "diagrams-js/gcp/compute"

OSInventoryManagement

import { OSInventoryManagement } from "diagrams-js/gcp/compute"

OSPatchManagement

import { OSPatchManagement } from "diagrams-js/gcp/compute"

Run Run

import { Run } from "diagrams-js/gcp/compute"

gcp/database

Bigtable

import { Bigtable } from "diagrams-js/gcp/database"

Datastore

import { Datastore } from "diagrams-js/gcp/database"

Firestore

import { Firestore } from "diagrams-js/gcp/database"

Memorystore

import { Memorystore } from "diagrams-js/gcp/database"

Spanner Spanner

import { Spanner } from "diagrams-js/gcp/database"

SQL SQL

import { SQL } from "diagrams-js/gcp/database"

gcp/devtools

Build Build

import { Build } from "diagrams-js/gcp/devtools"

CloudShell

import { CloudShell } from "diagrams-js/gcp/devtools"

CodeForIntellij

import { CodeForIntellij } from "diagrams-js/gcp/devtools"

Code Code

import { Code } from "diagrams-js/gcp/devtools"

ContainerRegistry

import { ContainerRegistry } from "diagrams-js/gcp/devtools"

GradleAppEnginePlugin

import { GradleAppEnginePlugin } from "diagrams-js/gcp/devtools"

IdePlugins

import { IdePlugins } from "diagrams-js/gcp/devtools"

MavenAppEnginePlugin

import { MavenAppEnginePlugin } from "diagrams-js/gcp/devtools"

Scheduler

import { Scheduler } from "diagrams-js/gcp/devtools"

SDK SDK

import { SDK } from "diagrams-js/gcp/devtools"

ServiceCatalog

import { ServiceCatalog } from "diagrams-js/gcp/devtools"

SourceRepositories

import { SourceRepositories } from "diagrams-js/gcp/devtools"

Tasks Tasks

import { Tasks } from "diagrams-js/gcp/devtools"

TestLab TestLab

import { TestLab } from "diagrams-js/gcp/devtools"

ToolsForEclipse

import { ToolsForEclipse } from "diagrams-js/gcp/devtools"

ToolsForPowershell

import { ToolsForPowershell } from "diagrams-js/gcp/devtools"

ToolsForVisualStudio

import { ToolsForVisualStudio } from "diagrams-js/gcp/devtools"

gcp/iot

IotCore IotCore

import { IotCore } from "diagrams-js/gcp/iot"

gcp/management

Billing Billing

import { Billing } from "diagrams-js/gcp/management"

Project Project

import { Project } from "diagrams-js/gcp/management"

Quotas Quotas

import { Quotas } from "diagrams-js/gcp/management"

Support Support

import { Support } from "diagrams-js/gcp/management"

gcp/migration

MigrateComputeEngine

import { MigrateComputeEngine } from "diagrams-js/gcp/migration"

TransferAppliance

import { TransferAppliance } from "diagrams-js/gcp/migration"

gcp/ml

AdvancedSolutionsLab

import { AdvancedSolutionsLab } from "diagrams-js/gcp/ml"

AIHub AIHub

import { AIHub } from "diagrams-js/gcp/ml"

AIPlatformDataLabelingService

import { AIPlatformDataLabelingService } from "diagrams-js/gcp/ml"

AIPlatform

import { AIPlatform } from "diagrams-js/gcp/ml"

AutomlNaturalLanguage

import { AutomlNaturalLanguage } from "diagrams-js/gcp/ml"

AutomlTables

import { AutomlTables } from "diagrams-js/gcp/ml"

AutomlTranslation

import { AutomlTranslation } from "diagrams-js/gcp/ml"

AutomlVideoIntelligence

import { AutomlVideoIntelligence } from "diagrams-js/gcp/ml"

AutomlVision

import { AutomlVision } from "diagrams-js/gcp/ml"

Automl Automl

import { Automl } from "diagrams-js/gcp/ml"

DialogFlowEnterpriseEdition

import { DialogFlowEnterpriseEdition } from "diagrams-js/gcp/ml"

InferenceAPI

import { InferenceAPI } from "diagrams-js/gcp/ml"

JobsAPI JobsAPI

import { JobsAPI } from "diagrams-js/gcp/ml"

NaturalLanguageAPI

import { NaturalLanguageAPI } from "diagrams-js/gcp/ml"

RecommendationsAI

import { RecommendationsAI } from "diagrams-js/gcp/ml"

SpeechToText

import { SpeechToText } from "diagrams-js/gcp/ml"

TextToSpeech

import { TextToSpeech } from "diagrams-js/gcp/ml"

TPU TPU

import { TPU } from "diagrams-js/gcp/ml"

TranslationAPI

import { TranslationAPI } from "diagrams-js/gcp/ml"

VertexAI

import { VertexAI } from "diagrams-js/gcp/ml"

VideoIntelligenceAPI

import { VideoIntelligenceAPI } from "diagrams-js/gcp/ml"

VisionAPI

import { VisionAPI } from "diagrams-js/gcp/ml"

gcp/network

Armor Armor

import { Armor } from "diagrams-js/gcp/network"

CDN CDN

import { CDN } from "diagrams-js/gcp/network"

CloudIDS

import { CloudIDS } from "diagrams-js/gcp/network"

DedicatedInterconnect

import { DedicatedInterconnect } from "diagrams-js/gcp/network"

DNS DNS

import { DNS } from "diagrams-js/gcp/network"

ExternalIpAddresses

import { ExternalIpAddresses } from "diagrams-js/gcp/network"

FirewallRules

import { FirewallRules } from "diagrams-js/gcp/network"

LoadBalancing

import { LoadBalancing } from "diagrams-js/gcp/network"

NAT NAT

import { NAT } from "diagrams-js/gcp/network"

NetworkConnectivityCenter

import { NetworkConnectivityCenter } from "diagrams-js/gcp/network"

NetworkIntelligenceCenter

import { NetworkIntelligenceCenter } from "diagrams-js/gcp/network"

NetworkSecurity

import { NetworkSecurity } from "diagrams-js/gcp/network"

NetworkTiers

import { NetworkTiers } from "diagrams-js/gcp/network"

NetworkTopology

import { NetworkTopology } from "diagrams-js/gcp/network"

Network Network

import { Network } from "diagrams-js/gcp/network"

PartnerInterconnect

import { PartnerInterconnect } from "diagrams-js/gcp/network"

PremiumNetworkTier

import { PremiumNetworkTier } from "diagrams-js/gcp/network"

PrivateServiceConnect

import { PrivateServiceConnect } from "diagrams-js/gcp/network"

Router Router

import { Router } from "diagrams-js/gcp/network"

Routes Routes

import { Routes } from "diagrams-js/gcp/network"

ServiceMesh

import { ServiceMesh } from "diagrams-js/gcp/network"

StandardNetworkTier

import { StandardNetworkTier } from "diagrams-js/gcp/network"

TrafficDirector

import { TrafficDirector } from "diagrams-js/gcp/network"

VirtualPrivateCloud

import { VirtualPrivateCloud } from "diagrams-js/gcp/network"

VPN VPN

import { VPN } from "diagrams-js/gcp/network"

gcp/operations

Logging Logging

import { Logging } from "diagrams-js/gcp/operations"

Monitoring

import { Monitoring } from "diagrams-js/gcp/operations"

gcp/security

AccessContextManager

import { AccessContextManager } from "diagrams-js/gcp/security"

AssuredWorkloads

import { AssuredWorkloads } from "diagrams-js/gcp/security"

CertificateAuthorityService

import { CertificateAuthorityService } from "diagrams-js/gcp/security"

CertificateManager

import { CertificateManager } from "diagrams-js/gcp/security"

CloudAssetInventory

import { CloudAssetInventory } from "diagrams-js/gcp/security"

Iam Iam

import { Iam } from "diagrams-js/gcp/security"

IAP IAP

import { IAP } from "diagrams-js/gcp/security"

KeyManagementService

import { KeyManagementService } from "diagrams-js/gcp/security"

ResourceManager

import { ResourceManager } from "diagrams-js/gcp/security"

SecretManager

import { SecretManager } from "diagrams-js/gcp/security"

SecurityCommandCenter

import { SecurityCommandCenter } from "diagrams-js/gcp/security"

SecurityHealthAdvisor

import { SecurityHealthAdvisor } from "diagrams-js/gcp/security"

SecurityScanner

import { SecurityScanner } from "diagrams-js/gcp/security"

gcp/storage

Filestore

import { Filestore } from "diagrams-js/gcp/storage"

LocalSSD

import { LocalSSD } from "diagrams-js/gcp/storage"

PersistentDisk

import { PersistentDisk } from "diagrams-js/gcp/storage"

Storage Storage

import { Storage } from "diagrams-js/gcp/storage"

Example Usage​

Node Reference​

gcp/analytics​

gcp/api​

gcp/compute​

gcp/database​

gcp/devtools​

gcp/iot​

gcp/management​

gcp/migration​

gcp/ml​

gcp/network​

gcp/operations​

gcp/security​

gcp/storage​