OCI

Node types list for the OCI provider.

Example Usage

import { Diagram } from "diagrams-js";
import { AutoscaleWhite, Autoscale, BMWhite } from "diagrams-js/oci/compute";
import { BackboneWhite, Backbone, CDNWhite } from "diagrams-js/oci/connectivity";

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

const node1 = diagram.add(AutoscaleWhite("Node 1"));
const node2 = diagram.add(BackboneWhite("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

oci/compute

AutoscaleWhite

import { AutoscaleWhite } from "diagrams-js/oci/compute"

Autoscale

import { Autoscale } from "diagrams-js/oci/compute"

BMWhite BMWhite

import { BMWhite } from "diagrams-js/oci/compute"

import { BM } from "diagrams-js/oci/compute"

ContainerWhite

import { ContainerWhite } from "diagrams-js/oci/compute"

Container

import { Container } from "diagrams-js/oci/compute"

FunctionsWhite

import { FunctionsWhite } from "diagrams-js/oci/compute"

Functions

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

InstancePoolsWhite

import { InstancePoolsWhite } from "diagrams-js/oci/compute"

InstancePools

import { InstancePools } from "diagrams-js/oci/compute"

OCIRWhite

import { OCIRWhite } from "diagrams-js/oci/compute"

OCIR OCIR

import { OCIR } from "diagrams-js/oci/compute"

OKEWhite

import { OKEWhite } from "diagrams-js/oci/compute"

OKE OKE

import { OKE } from "diagrams-js/oci/compute"

VMWhite VMWhite

import { VMWhite } from "diagrams-js/oci/compute"

import { VM } from "diagrams-js/oci/compute"

oci/connectivity

BackboneWhite

import { BackboneWhite } from "diagrams-js/oci/connectivity"

Backbone

import { Backbone } from "diagrams-js/oci/connectivity"

CDNWhite

import { CDNWhite } from "diagrams-js/oci/connectivity"

CDN CDN

import { CDN } from "diagrams-js/oci/connectivity"

CustomerDatacenter

import { CustomerDatacenter } from "diagrams-js/oci/connectivity"

CustomerDatacntrWhite

import { CustomerDatacntrWhite } from "diagrams-js/oci/connectivity"

CustomerPremisesWhite

import { CustomerPremisesWhite } from "diagrams-js/oci/connectivity"

CustomerPremises

import { CustomerPremises } from "diagrams-js/oci/connectivity"

DisconnectedRegionsWhite

import { DisconnectedRegionsWhite } from "diagrams-js/oci/connectivity"

DisconnectedRegions

import { DisconnectedRegions } from "diagrams-js/oci/connectivity"

DNSWhite

import { DNSWhite } from "diagrams-js/oci/connectivity"

DNS DNS

import { DNS } from "diagrams-js/oci/connectivity"

FastConnectWhite

import { FastConnectWhite } from "diagrams-js/oci/connectivity"

FastConnect

import { FastConnect } from "diagrams-js/oci/connectivity"

NATGatewayWhite

import { NATGatewayWhite } from "diagrams-js/oci/connectivity"

NATGateway

import { NATGateway } from "diagrams-js/oci/connectivity"

VPNWhite

import { VPNWhite } from "diagrams-js/oci/connectivity"

VPN VPN

import { VPN } from "diagrams-js/oci/connectivity"

oci/database

AutonomousWhite

import { AutonomousWhite } from "diagrams-js/oci/database"

Autonomous

import { Autonomous } from "diagrams-js/oci/database"

BigdataServiceWhite

import { BigdataServiceWhite } from "diagrams-js/oci/database"

BigdataService

import { BigdataService } from "diagrams-js/oci/database"

DatabaseServiceWhite

import { DatabaseServiceWhite } from "diagrams-js/oci/database"

DatabaseService

import { DatabaseService } from "diagrams-js/oci/database"

DataflowApacheWhite

import { DataflowApacheWhite } from "diagrams-js/oci/database"

DataflowApache

import { DataflowApache } from "diagrams-js/oci/database"

DcatWhite

import { DcatWhite } from "diagrams-js/oci/database"

Dcat Dcat

import { Dcat } from "diagrams-js/oci/database"

DisWhite

import { DisWhite } from "diagrams-js/oci/database"

Dis Dis

import { Dis } from "diagrams-js/oci/database"

DMSWhite

import { DMSWhite } from "diagrams-js/oci/database"

DMS DMS

import { DMS } from "diagrams-js/oci/database"

ScienceWhite

import { ScienceWhite } from "diagrams-js/oci/database"

Science Science

import { Science } from "diagrams-js/oci/database"

StreamWhite

import { StreamWhite } from "diagrams-js/oci/database"

Stream Stream

import { Stream } from "diagrams-js/oci/database"

oci/devops

APIGatewayWhite

import { APIGatewayWhite } from "diagrams-js/oci/devops"

APIGateway

import { APIGateway } from "diagrams-js/oci/devops"

APIServiceWhite

import { APIServiceWhite } from "diagrams-js/oci/devops"

APIService

import { APIService } from "diagrams-js/oci/devops"

ResourceMgmtWhite

import { ResourceMgmtWhite } from "diagrams-js/oci/devops"

ResourceMgmt

import { ResourceMgmt } from "diagrams-js/oci/devops"

oci/governance

AuditWhite

import { AuditWhite } from "diagrams-js/oci/governance"

Audit Audit

import { Audit } from "diagrams-js/oci/governance"

CompartmentsWhite

import { CompartmentsWhite } from "diagrams-js/oci/governance"

Compartments

import { Compartments } from "diagrams-js/oci/governance"

GroupsWhite

import { GroupsWhite } from "diagrams-js/oci/governance"

Groups Groups

import { Groups } from "diagrams-js/oci/governance"

LoggingWhite

import { LoggingWhite } from "diagrams-js/oci/governance"

Logging Logging

import { Logging } from "diagrams-js/oci/governance"

OCIDWhite

import { OCIDWhite } from "diagrams-js/oci/governance"

OCID OCID

import { OCID } from "diagrams-js/oci/governance"

PoliciesWhite

import { PoliciesWhite } from "diagrams-js/oci/governance"

Policies

import { Policies } from "diagrams-js/oci/governance"

TaggingWhite

import { TaggingWhite } from "diagrams-js/oci/governance"

Tagging Tagging

import { Tagging } from "diagrams-js/oci/governance"

oci/monitoring

AlarmWhite

import { AlarmWhite } from "diagrams-js/oci/monitoring"

Alarm Alarm

import { Alarm } from "diagrams-js/oci/monitoring"

EmailWhite

import { EmailWhite } from "diagrams-js/oci/monitoring"

Email Email

import { Email } from "diagrams-js/oci/monitoring"

EventsWhite

import { EventsWhite } from "diagrams-js/oci/monitoring"

Events Events

import { Events } from "diagrams-js/oci/monitoring"

HealthCheckWhite

import { HealthCheckWhite } from "diagrams-js/oci/monitoring"

HealthCheck

import { HealthCheck } from "diagrams-js/oci/monitoring"

NotificationsWhite

import { NotificationsWhite } from "diagrams-js/oci/monitoring"

Notifications

import { Notifications } from "diagrams-js/oci/monitoring"

QueueWhite

import { QueueWhite } from "diagrams-js/oci/monitoring"

Queue Queue

import { Queue } from "diagrams-js/oci/monitoring"

SearchWhite

import { SearchWhite } from "diagrams-js/oci/monitoring"

Search

import { Search } from "diagrams-js/oci/monitoring"

TelemetryWhite

import { TelemetryWhite } from "diagrams-js/oci/monitoring"

Telemetry

import { Telemetry } from "diagrams-js/oci/monitoring"

WorkflowWhite

import { WorkflowWhite } from "diagrams-js/oci/monitoring"

Workflow

import { Workflow } from "diagrams-js/oci/monitoring"

oci/network

DrgWhite

import { DrgWhite } from "diagrams-js/oci/network"

Drg Drg

import { Drg } from "diagrams-js/oci/network"

FirewallWhite

import { FirewallWhite } from "diagrams-js/oci/network"

Firewall

import { Firewall } from "diagrams-js/oci/network"

InternetGatewayWhite

import { InternetGatewayWhite } from "diagrams-js/oci/network"

InternetGateway

import { InternetGateway } from "diagrams-js/oci/network"

LoadBalancerWhite

import { LoadBalancerWhite } from "diagrams-js/oci/network"

LoadBalancer

import { LoadBalancer } from "diagrams-js/oci/network"

RouteTableWhite

import { RouteTableWhite } from "diagrams-js/oci/network"

RouteTable

import { RouteTable } from "diagrams-js/oci/network"

SecurityListsWhite

import { SecurityListsWhite } from "diagrams-js/oci/network"

SecurityLists

import { SecurityLists } from "diagrams-js/oci/network"

ServiceGatewayWhite

import { ServiceGatewayWhite } from "diagrams-js/oci/network"

ServiceGateway

import { ServiceGateway } from "diagrams-js/oci/network"

VcnWhite

import { VcnWhite } from "diagrams-js/oci/network"

Vcn Vcn

import { Vcn } from "diagrams-js/oci/network"

oci/security

CloudGuardWhite

import { CloudGuardWhite } from "diagrams-js/oci/security"

CloudGuard

import { CloudGuard } from "diagrams-js/oci/security"

DDOSWhite

import { DDOSWhite } from "diagrams-js/oci/security"

DDOS DDOS

import { DDOS } from "diagrams-js/oci/security"

EncryptionWhite

import { EncryptionWhite } from "diagrams-js/oci/security"

Encryption

import { Encryption } from "diagrams-js/oci/security"

IDAccessWhite

import { IDAccessWhite } from "diagrams-js/oci/security"

IDAccess

import { IDAccess } from "diagrams-js/oci/security"

KeyManagementWhite

import { KeyManagementWhite } from "diagrams-js/oci/security"

KeyManagement

import { KeyManagement } from "diagrams-js/oci/security"

MaxSecurityZoneWhite

import { MaxSecurityZoneWhite } from "diagrams-js/oci/security"

MaxSecurityZone

import { MaxSecurityZone } from "diagrams-js/oci/security"

VaultWhite

import { VaultWhite } from "diagrams-js/oci/security"

Vault Vault

import { Vault } from "diagrams-js/oci/security"

WAFWhite

import { WAFWhite } from "diagrams-js/oci/security"

WAF WAF

import { WAF } from "diagrams-js/oci/security"

oci/storage

BackupRestoreWhite

import { BackupRestoreWhite } from "diagrams-js/oci/storage"

BackupRestore

import { BackupRestore } from "diagrams-js/oci/storage"

BlockStorageCloneWhite

import { BlockStorageCloneWhite } from "diagrams-js/oci/storage"

BlockStorageClone

import { BlockStorageClone } from "diagrams-js/oci/storage"

BlockStorageWhite

import { BlockStorageWhite } from "diagrams-js/oci/storage"

BlockStorage

import { BlockStorage } from "diagrams-js/oci/storage"

BucketsWhite

import { BucketsWhite } from "diagrams-js/oci/storage"

Buckets Buckets

import { Buckets } from "diagrams-js/oci/storage"

DataTransferWhite

import { DataTransferWhite } from "diagrams-js/oci/storage"

DataTransfer

import { DataTransfer } from "diagrams-js/oci/storage"

ElasticPerformanceWhite

import { ElasticPerformanceWhite } from "diagrams-js/oci/storage"

ElasticPerformance

import { ElasticPerformance } from "diagrams-js/oci/storage"

FileStorageWhite

import { FileStorageWhite } from "diagrams-js/oci/storage"

FileStorage

import { FileStorage } from "diagrams-js/oci/storage"

ObjectStorageWhite

import { ObjectStorageWhite } from "diagrams-js/oci/storage"

ObjectStorage

import { ObjectStorage } from "diagrams-js/oci/storage"

StorageGatewayWhite

import { StorageGatewayWhite } from "diagrams-js/oci/storage"

StorageGateway

import { StorageGateway } from "diagrams-js/oci/storage"

Example Usage​

Node Reference​

oci/compute​

oci/connectivity​

oci/database​

oci/devops​

oci/governance​

oci/monitoring​

oci/network​

oci/security​

oci/storage​