Skip to main content

SaaS

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

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"