Skip to main content

Generic

Node types list for the Generic provider.

Example Usage​

import { Diagram } from "diagrams-js";
import { Blank } from "diagrams-js/generic/blank";
import { Rack } from "diagrams-js/generic/compute";

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

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

generic/blank​

Blank Blank

import { Blank } from "diagrams-js/generic/blank"

generic/compute​

Rack Rack

import { Rack } from "diagrams-js/generic/compute"

generic/database​

SQL SQL

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

generic/device​

Mobile Mobile

import { Mobile } from "diagrams-js/generic/device"

Tablet Tablet

import { Tablet } from "diagrams-js/generic/device"

generic/network​

Firewall Firewall

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

Router Router

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

Subnet Subnet

import { Subnet } from "diagrams-js/generic/network"

Switch Switch

import { Switch } from "diagrams-js/generic/network"

VPN VPN

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

generic/os​

Android Android

import { Android } from "diagrams-js/generic/os"

Centos Centos

import { Centos } from "diagrams-js/generic/os"

Debian Debian

import { Debian } from "diagrams-js/generic/os"

IOS IOS

import { IOS } from "diagrams-js/generic/os"

LinuxGeneral LinuxGeneral

import { LinuxGeneral } from "diagrams-js/generic/os"

Raspbian Raspbian

import { Raspbian } from "diagrams-js/generic/os"

RedHat RedHat

import { RedHat } from "diagrams-js/generic/os"

Suse Suse

import { Suse } from "diagrams-js/generic/os"

Ubuntu Ubuntu

import { Ubuntu } from "diagrams-js/generic/os"

Windows Windows

import { Windows } from "diagrams-js/generic/os"

generic/place​

Datacenter Datacenter

import { Datacenter } from "diagrams-js/generic/place"

generic/storage​

Storage Storage

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

generic/virtualization​

Qemu Qemu

import { Qemu } from "diagrams-js/generic/virtualization"

Virtualbox Virtualbox

import { Virtualbox } from "diagrams-js/generic/virtualization"

Vmware Vmware

import { Vmware } from "diagrams-js/generic/virtualization"

XEN XEN

import { XEN } from "diagrams-js/generic/virtualization"