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,
}

AMI​

AMI 2​

Application​

Application 2​

Arrow NE​

Arrow NW​

Arrow SE​

Arrow SW​

Arrowhead​

Arrowless NE​

Client​

CloudFront​

Content​

Customer Gateway​

Dashed Arrowless Edge​

Dashed Edge​

Dashed Edge Double Arrow​

Data Center​

Data Server​

Decider​

DynamoDB​

EBS​

EBS 2​

EC2 Instance​

Edge​

Elastic Beanstalk​

Elastic Load Balancing​

Elastic MapReduce​

Email​

Email Service​

File​

Flat Double Edge​

Flat Edge​

Glacier​

Image/Video​

Internet Gateway​

Lambda​

Mobile Worker​

Oracle Data Center​

Oracle Database Server​

Oracle Server​

RDS​

RDS Master​

RDS Slave​

Redshift​

Reference​

Route 53​

S3​

S3 Bucket​

Search Engine​

Secure Connection​

Security Token Service​

SimpleDB​

SimpleDB 2​

Snapshot​

Spot​

Spot Instance​

SQS​

User​

VPC Gateway​

Worker​

Workflow Service​

AMI

AMI 2

Application

Application 2

Arrow NE

Arrow NW

Arrow SE

Arrow SW

Arrowhead

Arrowless NE

Client

CloudFront

Content

Customer Gateway

Dashed Arrowless Edge

Dashed Edge

Dashed Edge Double Arrow

Data Center

Data Server

Decider

DynamoDB

EBS

EBS 2

EC2 Instance

Edge

Elastic Beanstalk

Elastic Load Balancing

Elastic MapReduce

Email

Email Service

File

Flat Double Edge

Flat Edge

Glacier

Image/Video

Internet Gateway

Lambda

Mobile Worker

Oracle Data Center

Oracle Database Server

Oracle Server

RDS

RDS Master

RDS Slave

Redshift

Reference

Route 53

S3

S3 Bucket

Search Engine

Secure Connection

Security Token Service

SimpleDB

SimpleDB 2

Snapshot

Spot

Spot Instance

SQS

User

VPC Gateway

Worker

Workflow Service