Aws 3D Entities
AMI
- Preview
- Usage
- Definition

import { Ami } from '@dinghy/diagrams/entitiesAws3d'
<Ami/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AMI } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, AMI)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.ami;aspect=fixed;fillColor=#E8CA45;strokeColor=#FFF215;',
},
_width: 92,
_height: 60,
}
AMI 2
- Preview
- Usage
- Definition

import { Ami2 } from '@dinghy/diagrams/entitiesAws3d'
<Ami2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { AMI_2 } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, AMI_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.ami2;aspect=fixed;fillColor=#FF9900;strokeColor=#ffffff;',
},
_width: 74,
_height: 50,
}
Application
- Preview
- Usage
- Definition
import { Application } from '@dinghy/diagrams/entitiesAws3d'
<Application/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPLICATION } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, APPLICATION)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.application;fillColor=#4286c5;strokeColor=#57A2D8;aspect=fixed;',
},
_original_width: 62,
_original_height: 68.8,
}
Application 2
- Preview
- Usage
- Definition
import { Application2 } from '@dinghy/diagrams/entitiesAws3d'
<Application2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { APPLICATION_2 } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, APPLICATION_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.application2;fillColor=#86E83A;strokeColor=#B0F373;aspect=fixed;',
},
_original_width: 62,
_original_height: 53,
}
Arrow NE
- Preview
- Usage
- Definition
import { ArrowNe } from '@dinghy/diagrams/entitiesAws3d'
<ArrowNe/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROW_NE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ARROW_NE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.arrowNE;fillColor=#000000;aspect=fixed;',
},
_width: 45.5,
_height: 26,
}
Arrow NW
- Preview
- Usage
- Definition
import { ArrowNw } from '@dinghy/diagrams/entitiesAws3d'
<ArrowNw/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROW_NW } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ARROW_NW)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.arrowNW;fillColor=#000000;aspect=fixed;',
},
_width: 45.5,
_height: 26,
}
Arrow SE
- Preview
- Usage
- Definition
import { ArrowSe } from '@dinghy/diagrams/entitiesAws3d'
<ArrowSe/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROW_SE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ARROW_SE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.arrowSE;fillColor=#000000;aspect=fixed;',
},
_width: 45.5,
_height: 26,
}
Arrow SW
- Preview
- Usage
- Definition
import { ArrowSw } from '@dinghy/diagrams/entitiesAws3d'
<ArrowSw/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROW_SW } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ARROW_SW)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.arrowSW;fillColor=#000000;aspect=fixed;',
},
_width: 45.5,
_height: 26,
}
Arrowhead
- Preview
- Usage
- Definition
import { Arrowhead } from '@dinghy/diagrams/entitiesAws3d'
<Arrowhead/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROWHEAD } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ARROWHEAD)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.arrowhead2;fillColor=#000000;aspect=fixed;',
},
_width: 19,
_height: 11,
}
Arrowless NE
- Preview
- Usage
- Definition
import { ArrowlessNe } from '@dinghy/diagrams/entitiesAws3d'
<ArrowlessNe/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ARROWLESS_NE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ARROWLESS_NE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.arrowlessNE;fillColor=#000000;aspect=fixed;',
},
_width: 31.6,
_height: 18,
}
Client
- Preview
- Usage
- Definition

import { Client } from '@dinghy/diagrams/entitiesAws3d'
<Client/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLIENT } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, CLIENT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.client;aspect=fixed;strokeColor=none;fillColor=#777777;',
},
_width: 60,
_height: 104,
}
CloudFront
- Preview
- Usage
- Definition

import { Cloudfront } from '@dinghy/diagrams/entitiesAws3d'
<Cloudfront/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CLOUDFRONT } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, CLOUDFRONT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.cloudfront;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 103.8,
_height: 169.79999999999998,
}
Content
- Preview
- Usage
- Definition
import { Content } from '@dinghy/diagrams/entitiesAws3d'
<Content/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CONTENT } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, CONTENT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.file;aspect=fixed;strokeColor=#2d6195;fillColor=#ffffff;',
},
_width: 30.8,
_height: 70.6,
}
Customer Gateway
- Preview
- Usage
- Definition

import { CustomerGateway } from '@dinghy/diagrams/entitiesAws3d'
<CustomerGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { CUSTOMER_GATEWAY } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, CUSTOMER_GATEWAY)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.customerGateway;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 116.7,
_height: 102.8,
}
Dashed Arrowless Edge
- Preview
- Usage
- Definition
import { DashedArrowlessEdge } from '@dinghy/diagrams/entitiesAws3d'
<DashedArrowlessEdge/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DASHED_ARROWLESS_EDGE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, DASHED_ARROWLESS_EDGE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dashedArrowlessEdge2;strokeColor=#2D6195;aspect=fixed;',
},
_width: 31.6,
_height: 18,
}
Dashed Edge
- Preview
- Usage
- Definition
import { DashedEdge } from '@dinghy/diagrams/entitiesAws3d'
<DashedEdge/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DASHED_EDGE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, DASHED_EDGE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dashedEdge2;strokeColor=#2D6195;aspect=fixed;',
},
_width: 31.6,
_height: 18,
}
Dashed Edge Double Arrow
- Preview
- Usage
- Definition
import { DashedEdgeDoubleArrow } from '@dinghy/diagrams/entitiesAws3d'
<DashedEdgeDoubleArrow/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DASHED_EDGE_DOUBLE_ARROW } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, DASHED_EDGE_DOUBLE_ARROW)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dashedEdgeDouble2;strokeColor=#2D6195;aspect=fixed;',
},
_width: 31.6,
_height: 18,
}
Data Center
- Preview
- Usage
- Definition

import { DataCenter } from '@dinghy/diagrams/entitiesAws3d'
<DataCenter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATA_CENTER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, DATA_CENTER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dataCenter;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 142,
}
Data Server
- Preview
- Usage
- Definition

import { DataServer } from '@dinghy/diagrams/entitiesAws3d'
<DataServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DATA_SERVER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, DATA_SERVER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dataServer;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 106,
}
Decider
- Preview
- Usage
- Definition

import { Decider } from '@dinghy/diagrams/entitiesAws3d'
<Decider/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DECIDER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, DECIDER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.decider;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 74,
_height: 50,
}
DynamoDB
- Preview
- Usage
- Definition

import { Dynamodb } from '@dinghy/diagrams/entitiesAws3d'
<Dynamodb/>
// or
import { extendStyle } from "@dinghy/base-components";
import { DYNAMODB } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, DYNAMODB)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.dynamoDb;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 181.5,
_height: 210,
}
EBS
- Preview
- Usage
- Definition

import { Ebs } from '@dinghy/diagrams/entitiesAws3d'
<Ebs/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EBS } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, EBS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.ebs;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 92,
_height: 60,
}
EBS 2
- Preview
- Usage
- Definition

import { Ebs2 } from '@dinghy/diagrams/entitiesAws3d'
<Ebs2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EBS_2 } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, EBS_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.ebs2;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 92,
_height: 60,
}
EC2 Instance
- Preview
- Usage
- Definition

import { Ec2Instance } from '@dinghy/diagrams/entitiesAws3d'
<Ec2Instance/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EC2_INSTANCE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, EC2_INSTANCE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.application_server;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 124,
}
Edge
- Preview
- Usage
- Definition
import { Edge } from '@dinghy/diagrams/entitiesAws3d'
<Edge/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EDGE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, EDGE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.edge2;strokeColor=#000000;aspect=fixed;',
},
_width: 97,
_height: 107.4,
}
Elastic Beanstalk
- Preview
- Usage
- Definition

import { ElasticBeanstalk } from '@dinghy/diagrams/entitiesAws3d'
<ElasticBeanstalk/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_BEANSTALK } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ELASTIC_BEANSTALK)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.elasticBeanstalk;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 182,
_height: 140,
}
Elastic Load Balancing
- Preview
- Usage
- Definition
import { ElasticLoadBalancing } from '@dinghy/diagrams/entitiesAws3d'
<ElasticLoadBalancing/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_LOAD_BALANCING } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ELASTIC_LOAD_BALANCING)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.elasticLoadBalancing;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_original_width: 92,
_original_height: 88.17,
}
Elastic MapReduce
- Preview
- Usage
- Definition

import { ElasticMapreduce } from '@dinghy/diagrams/entitiesAws3d'
<ElasticMapreduce/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ELASTIC_MAPREDUCE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ELASTIC_MAPREDUCE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.elasticMapReduce;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 133,
}
Email
- Preview
- Usage
- Definition
import { Email } from '@dinghy/diagrams/entitiesAws3d'
<Email/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EMAIL } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, EMAIL)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.email;aspect=fixed;strokeColor=#292929;',
},
_original_width: 43,
_original_height: 56.99999999999999,
}
Email Service
- Preview
- Usage
- Definition

import { EmailService } from '@dinghy/diagrams/entitiesAws3d'
<EmailService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { EMAIL_SERVICE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, EMAIL_SERVICE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.email_service;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 151,
_height: 192,
}
File
- Preview
- Usage
- Definition
import { File } from '@dinghy/diagrams/entitiesAws3d'
<File/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FILE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, FILE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.file;aspect=fixed;strokeColor=#292929;',
},
_width: 30.8,
_height: 70.6,
}
Flat Double Edge
- Preview
- Usage
- Definition

import { FlatDoubleEdge } from '@dinghy/diagrams/entitiesAws3d'
<FlatDoubleEdge/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FLAT_DOUBLE_EDGE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, FLAT_DOUBLE_EDGE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.flatDoubleEdge2;strokeColor=none;fillColor=#F4B934;aspect=fixed;',
},
_width: 252.8,
_height: 144,
}
Flat Edge
- Preview
- Usage
- Definition
import { FlatEdge } from '@dinghy/diagrams/entitiesAws3d'
<FlatEdge/>
// or
import { extendStyle } from "@dinghy/base-components";
import { FLAT_EDGE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, FLAT_EDGE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.flatEdge2;strokeColor=none;fillColor=#F4B934;aspect=fixed;',
},
_width: 63.2,
_height: 36,
}
Glacier
- Preview
- Usage
- Definition

import { Glacier } from '@dinghy/diagrams/entitiesAws3d'
<Glacier/>
// or
import { extendStyle } from "@dinghy/base-components";
import { GLACIER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, GLACIER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.glacier;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 181,
_height: 192,
}
Image/Video
- Preview
- Usage
- Definition

import { ImageVideo } from '@dinghy/diagrams/entitiesAws3d'
<ImageVideo/>
// or
import { extendStyle } from "@dinghy/base-components";
import { IMAGE_VIDEO } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, IMAGE_VIDEO)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.image;strokeColor=none;fillColor=#777777;aspect=fixed;',
},
_width: 50,
_height: 86,
}
Internet Gateway
- Preview
- Usage
- Definition

import { InternetGateway } from '@dinghy/diagrams/entitiesAws3d'
<InternetGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { INTERNET_GATEWAY } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, INTERNET_GATEWAY)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.internetGateway;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 116.7,
_height: 102.8,
}
Lambda
- Preview
- Usage
- Definition

import { Lambda } from '@dinghy/diagrams/entitiesAws3d'
<Lambda/>
// or
import { extendStyle } from "@dinghy/base-components";
import { LAMBDA } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, LAMBDA)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.lambda;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 92,
_height: 109.5,
}
Mobile Worker
- Preview
- Usage
- Definition
import { MobileWorker } from '@dinghy/diagrams/entitiesAws3d'
<MobileWorker/>
// or
import { extendStyle } from "@dinghy/base-components";
import { MOBILE_WORKER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, MOBILE_WORKER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.mobile_worker;aspect=fixed;strokeColor=none;fillColor=#777777;',
},
_width: 36,
_height: 90,
}
Oracle Data Center
- Preview
- Usage
- Definition

import { OracleDataCenter } from '@dinghy/diagrams/entitiesAws3d'
<OracleDataCenter/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ORACLE_DATA_CENTER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ORACLE_DATA_CENTER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.oracleDataCenter;fillColor=#ffffff;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 142,
}
Oracle Database Server
- Preview
- Usage
- Definition

import { OracleDatabaseServer } from '@dinghy/diagrams/entitiesAws3d'
<OracleDatabaseServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ORACLE_DATABASE_SERVER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ORACLE_DATABASE_SERVER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.oracleDbServer;fillColor=#ffffff;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 133,
}
Oracle Server
- Preview
- Usage
- Definition

import { OracleServer } from '@dinghy/diagrams/entitiesAws3d'
<OracleServer/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ORACLE_SERVER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ORACLE_SERVER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.oracleServer;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 142,
}
RDS
- Preview
- Usage
- Definition

import { Rds } from '@dinghy/diagrams/entitiesAws3d'
<Rds/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RDS } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, RDS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.rds;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 133,
}
RDS Master
- Preview
- Usage
- Definition

import { RdsMaster } from '@dinghy/diagrams/entitiesAws3d'
<RdsMaster/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RDS_MASTER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, RDS_MASTER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.rdsMaster;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 133,
}
RDS Slave
- Preview
- Usage
- Definition

import { RdsSlave } from '@dinghy/diagrams/entitiesAws3d'
<RdsSlave/>
// or
import { extendStyle } from "@dinghy/base-components";
import { RDS_SLAVE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, RDS_SLAVE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.rdsSlave;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 133,
}
Redshift
- Preview
- Usage
- Definition

import { Redshift } from '@dinghy/diagrams/entitiesAws3d'
<Redshift/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REDSHIFT } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, REDSHIFT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.redshift;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 150,
_height: 190,
}
Reference
- Preview
- Usage
- Definition
import { Reference } from '@dinghy/diagrams/entitiesAws3d'
<Reference/>
// or
import { extendStyle } from "@dinghy/base-components";
import { REFERENCE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, REFERENCE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.reference2;fillColor=#2d6195;strokeColor=none;aspect=fixed;',
},
_width: 29.5,
_height: 19.5,
}
Route 53
- Preview
- Usage
- Definition

import { Route53 } from '@dinghy/diagrams/entitiesAws3d'
<Route53/>
// or
import { extendStyle } from "@dinghy/base-components";
import { ROUTE_53 } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, ROUTE_53)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.route53;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 117.17,
_height: 134.4,
}
S3
- Preview
- Usage
- Definition

import { S3 } from '@dinghy/diagrams/entitiesAws3d'
<S3/>
// or
import { extendStyle } from "@dinghy/base-components";
import { S3_CONST } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, S3_CONST)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.s3;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 231.5,
_height: 239,
}
S3 Bucket
- Preview
- Usage
- Definition
import { S3Bucket } from '@dinghy/diagrams/entitiesAws3d'
<S3Bucket/>
// or
import { extendStyle } from "@dinghy/base-components";
import { S3_BUCKET } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, S3_BUCKET)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.s3Bucket;fillColor=#4286c5;strokeColor=#57A2D8;aspect=fixed;',
},
_original_width: 61.5,
_original_height: 63.800000000000004,
}
Search Engine
- Preview
- Usage
- Definition

import { SearchEngine } from '@dinghy/diagrams/entitiesAws3d'
<SearchEngine/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SEARCH_ENGINE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, SEARCH_ENGINE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.searchEngine;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 180,
_height: 192,
}
Secure Connection
- Preview
- Usage
- Definition
import { SecureConnection } from '@dinghy/diagrams/entitiesAws3d'
<SecureConnection/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURE_CONNECTION } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, SECURE_CONNECTION)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.secureConnection;fillColor=#000000;strokeColor=#ffffff;aspect=fixed;',
},
_width: 56.99999999999999,
_height: 34,
}
Security Token Service
- Preview
- Usage
- Definition

import { SecurityTokenService } from '@dinghy/diagrams/entitiesAws3d'
<SecurityTokenService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SECURITY_TOKEN_SERVICE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, SECURITY_TOKEN_SERVICE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.securityTokenService;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 180,
_height: 192,
}
SimpleDB
- Preview
- Usage
- Definition

import { Simpledb } from '@dinghy/diagrams/entitiesAws3d'
<Simpledb/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMPLEDB } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, SIMPLEDB)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.simpleDb;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 133,
}
SimpleDB 2
- Preview
- Usage
- Definition

import { Simpledb2 } from '@dinghy/diagrams/entitiesAws3d'
<Simpledb2/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SIMPLEDB_2 } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, SIMPLEDB_2)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.simpleDb2;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 181.5,
_height: 192.6,
}
Snapshot
- Preview
- Usage
- Definition

import { Snapshot } from '@dinghy/diagrams/entitiesAws3d'
<Snapshot/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SNAPSHOT } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, SNAPSHOT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.snapshot;fillColor=#4286c5;strokeColor=#57A2D8;aspect=fixed;',
},
_width: 92,
_height: 60,
}
Spot
- Preview
- Usage
- Definition
import { Spot } from '@dinghy/diagrams/entitiesAws3d'
<Spot/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SPOT } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, SPOT)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.spot2;fillColor=#F4B934;strokeColor=none;aspect=fixed;',
},
_width: 62,
_height: 36,
}
Spot Instance
- Preview
- Usage
- Definition

import { SpotInstance } from '@dinghy/diagrams/entitiesAws3d'
<SpotInstance/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SPOT_INSTANCE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, SPOT_INSTANCE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.instance;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 123,
_height: 97,
}
SQS
- Preview
- Usage
- Definition

import { Sqs } from '@dinghy/diagrams/entitiesAws3d'
<Sqs/>
// or
import { extendStyle } from "@dinghy/base-components";
import { SQS } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, SQS)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.sqs;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 184,
_height: 212.75,
}
User
- Preview
- Usage
- Definition
import { User } from '@dinghy/diagrams/entitiesAws3d'
<User/>
// or
import { extendStyle } from "@dinghy/base-components";
import { USER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, USER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.end_user;strokeColor=none;fillColor=#777777;aspect=fixed;',
},
_width: 49,
_height: 100.46,
}
VPC Gateway
- Preview
- Usage
- Definition

import { VpcGateway } from '@dinghy/diagrams/entitiesAws3d'
<VpcGateway/>
// or
import { extendStyle } from "@dinghy/base-components";
import { VPC_GATEWAY } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, VPC_GATEWAY)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.vpcGateway;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 116.7,
_height: 102.8,
}
Worker
- Preview
- Usage
- Definition

import { Worker } from '@dinghy/diagrams/entitiesAws3d'
<Worker/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WORKER } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, WORKER)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.worker;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 74,
_height: 50,
}
Workflow Service
- Preview
- Usage
- Definition

import { WorkflowService } from '@dinghy/diagrams/entitiesAws3d'
<WorkflowService/>
// or
import { extendStyle } from "@dinghy/base-components";
import { WORKFLOW_SERVICE } from '@dinghy/diagrams/entitiesAws3d'
<Shape
{...props}
_style={extendStyle(props, WORKFLOW_SERVICE)}
/>
{
_style: {
entity: 'verticalLabelPosition=bottom;html=1;verticalAlign=top;strokeWidth=1;align=center;outlineConnect=0;dashed=0;outlineConnect=0;shape=mxgraph.aws3d.workflowService;fillColor=#ECECEC;strokeColor=#5E5E5E;aspect=fixed;',
},
_width: 182.20000000000002,
_height: 148.4,
}