GCP

Node classes 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();
diagram.destroy();

note

All node classes 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​