OCI

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

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​