Skip to main content

Generic

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

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";