Skip to main content

SaaS

Node classes list for the SaaS provider.

Example Usage​

import { Diagram } from "diagrams-js";
import { Newrelic, Opsgenie, Pagerduty } from "diagrams-js/saas/alerting";
import { Dataform, Snowflake, Stitch } from "diagrams-js/saas/analytics";

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

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

saas/alerting​

Newrelic Newrelic

import { Newrelic } from "diagrams-js/saas/alerting";

Opsgenie Opsgenie

import { Opsgenie } from "diagrams-js/saas/alerting";

Pagerduty Pagerduty

import { Pagerduty } from "diagrams-js/saas/alerting";

Pushover Pushover

import { Pushover } from "diagrams-js/saas/alerting";

Xmatters Xmatters

import { Xmatters } from "diagrams-js/saas/alerting";

saas/analytics​

Dataform Dataform

import { Dataform } from "diagrams-js/saas/analytics";

Snowflake Snowflake

import { Snowflake } from "diagrams-js/saas/analytics";

Stitch Stitch

import { Stitch } from "diagrams-js/saas/analytics";

saas/automation​

N8n N8n

import { N8n } from "diagrams-js/saas/automation";

saas/cdn​

Akamai Akamai

import { Akamai } from "diagrams-js/saas/cdn";

Cloudflare Cloudflare

import { Cloudflare } from "diagrams-js/saas/cdn";

Fastly Fastly

import { Fastly } from "diagrams-js/saas/cdn";

Imperva Imperva

import { Imperva } from "diagrams-js/saas/cdn";

saas/chat​

Discord Discord

import { Discord } from "diagrams-js/saas/chat";

Line Line

import { Line } from "diagrams-js/saas/chat";

Mattermost Mattermost

import { Mattermost } from "diagrams-js/saas/chat";

Messenger Messenger

import { Messenger } from "diagrams-js/saas/chat";

RocketChat RocketChat

import { RocketChat } from "diagrams-js/saas/chat";

Slack Slack

import { Slack } from "diagrams-js/saas/chat";

Teams Teams

import { Teams } from "diagrams-js/saas/chat";

Telegram Telegram

import { Telegram } from "diagrams-js/saas/chat";

saas/communication​

Twilio Twilio

import { Twilio } from "diagrams-js/saas/communication";

saas/crm​

Intercom Intercom

import { Intercom } from "diagrams-js/saas/crm";

Zendesk Zendesk

import { Zendesk } from "diagrams-js/saas/crm";

saas/filesharing​

Nextcloud Nextcloud

import { Nextcloud } from "diagrams-js/saas/filesharing";

saas/identity​

Auth0 Auth0

import { Auth0 } from "diagrams-js/saas/identity";

Okta Okta

import { Okta } from "diagrams-js/saas/identity";

saas/logging​

Datadog Datadog

import { Datadog } from "diagrams-js/saas/logging";

Newrelic Newrelic

import { Newrelic } from "diagrams-js/saas/logging";

Papertrail Papertrail

import { Papertrail } from "diagrams-js/saas/logging";

saas/media​

Cloudinary Cloudinary

import { Cloudinary } from "diagrams-js/saas/media";

saas/payment​

Adyen Adyen

import { Adyen } from "diagrams-js/saas/payment";

AmazonPay AmazonPay

import { AmazonPay } from "diagrams-js/saas/payment";

Paypal Paypal

import { Paypal } from "diagrams-js/saas/payment";

Stripe Stripe

import { Stripe } from "diagrams-js/saas/payment";

saas/recommendation​

Recombee Recombee

import { Recombee } from "diagrams-js/saas/recommendation";

saas/security​

Crowdstrike Crowdstrike

import { Crowdstrike } from "diagrams-js/saas/security";

Sonarqube Sonarqube

import { Sonarqube } from "diagrams-js/saas/security";

saas/social​

Facebook Facebook

import { Facebook } from "diagrams-js/saas/social";

Twitter Twitter

import { Twitter } from "diagrams-js/saas/social";