{"id":9290,"date":"2012-07-16T21:31:47","date_gmt":"2012-07-16T10:31:47","guid":{"rendered":"https:\/\/stage.creately.com\/blog\/?p=9290"},"modified":"2012-07-17T18:59:53","modified_gmt":"2012-07-17T07:59:53","slug":"aws-architecture-diagrams-icons","status":"publish","type":"post","link":"https:\/\/stage.creately.com\/blog\/announcements\/aws-architecture-diagrams-icons\/","title":{"rendered":"Introducing AWS Architecture Diagrams and Icons"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p>We are really excited to launch a brand new set of AWS architecture diagrams and shapes!.<\/p>\n<p>Why are we so excited you ask? We and countless other businesses run and operate all their operations and infrastructure on AWS and it has become a really core part of the internet. And when something is mission critical, you need plans. Plans like these need clear diagrams that help you communicate and collaborate around the designs. And we&#8217;ve created a fantastic set of shapes and templates to help you do just that!<\/p>\n<p>Use the 100+ icons and 8 templates to get started, share among your team with our smooth real-time collaboration features and embed securely in your intranet using the Creately diagram viewer.<\/p>\n<p>Below are some templates in Creately that help you get started instantly.<\/p>\n<ul>\n<li><a href=\"#Basic AWS\">Basic AWS architecture diagrams<\/a><\/li>\n<li><a href=\"#AWS Load Balancing\">AWS architecture diagram with load balancing<\/a><\/li>\n<li><a href=\"#Varnish Deployment\">Varnish\u00a0deployment architecture ( using diagram viewer )<\/a><\/li>\n<li><a href=\"#Amazon 3 tier\">Amazon 3 tier architecturs ( exactly as Amazon examples )<\/a><\/li>\n<\/ul>\n<h3><a name=\"Basic AWS\"><\/a>Basic AWS Architecture Diagram<\/h3>\n<p>Basic structure of the AWS EC2 instance. Want to add more objects and expand the diagram? Just click on the image and you can start modifying instantly.<\/p>\n<div id=\"attachment_9294\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/diagram\/example\/h4jacmks2\/Basic+AWS+EC2+instance+with+S3+backed+backup\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9294\" class=\"size-full wp-image-9294\" title=\"Basic AWS EC2 instance\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/07\/AWS-architecture-basic.png\" alt=\"Basic AWS architecture diagram\" width=\"590\" height=\"546\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/07\/AWS-architecture-basic.png 590w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/07\/AWS-architecture-basic-300x277.png 300w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><p id=\"caption-attachment-9294\" class=\"wp-caption-text\">A simple AWS architecture diagram<\/p><\/div>\n<h3><a name=\"AWS Load Balancing\"><\/a>AWS Architecture Diagram with Load Balancing<\/h3>\n<p>This is a load balanced auto scaling web application cluster with Amazon EC2.<\/p>\n<div id=\"attachment_9296\" style=\"width: 598px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/diagram\/example\/h4jacmks1\/Load+Balanced+Auto+scalling+web+application+cluster+with+Amazon+EC2\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9296\" class=\"size-full wp-image-9296\" title=\"Load balanced auto scaling web cluster\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/07\/AWS-architecture-load-balancing.png\" alt=\"AWS architecture diagram with load balancing\" width=\"588\" height=\"550\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/07\/AWS-architecture-load-balancing.png 588w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/07\/AWS-architecture-load-balancing-300x280.png 300w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><\/a><p id=\"caption-attachment-9296\" class=\"wp-caption-text\">AWS diagram with load balancing<\/p><\/div>\n<h3><a name=\"Varnish Deployment\"><\/a>Varnish Deployment Architecture in AWS Diagrams<\/h3>\n<p>Another diagram showing varnish behind the reverse proxy. Instead of adding the image we embedded the diagram using the Creately diagram viewer. Another cool feature that lets you embed complex and large diagrams into web pages easily. Move the mouse over the image to get the toolbar and check the functionality.<\/p>\n<p>\t\t\t\t\t\t\t\t\t<script type=\"text\/javascript\" language=\"javascript\" src=\"https:\/\/stage.creately.com\/player\/createlyplayerstart.js\"><\/script><\/p>\n<div id=\"container-h4gr4x8dc\"><\/div>\n<p> \t\t\t\t\t\t\t\t\t<script type=\"text\/javascript\">\n \t\t\t\t\t\t\t\t\tcreatelyPlayerStart( {\n \t\t\t\t\t\t\t\t\t\tcontainer: \"container-h4gr4x8dc\",\n \t\t\t\t\t\t\t\t\t\ttitle : \"Varnish behind the Reverse Proxy\" ,\n \t\t\t\t\t\t\t\t\t\tdocid :\"h4gr4x8dc\",\n \t\t\t\t\t\t\t\t\t\twidth :600,\n \t\t\t\t\t\t\t\t\t\theight :400,\n \t\t\t\t\t\t\t\t\t\tbgcolor :\"#EEE\"\n \t\t\t\t\t\t\t\t\t} );<\/script><\/p>\n<p>Want more examples with varnish? Check out the below examples<\/p>\n<ul>\n<li><a title=\"Varnish behind the Amazon load balancer\" href=\"https:\/\/stage.creately.com\/diagram\/example\/h4gr4x8da\/Varnish+behind+the+Amazon+Elastic+Load+Balancer\" target=\"_blank\">Varnish behind the Amazon elastic load balancer<\/a><\/li>\n<li><a title=\"Varnish behind Amazon route 53\" href=\"https:\/\/stage.creately.com\/diagram\/example\/h4gr4x8d8\/Varnish+behind+the+Amazon+Route53\" target=\"_blank\">Varnish behind the Amazon route 53<\/a><\/li>\n<\/ul>\n<h3><a name=\"Amazon 3 tier\"><\/a>Amazon 3 Tier Architecture<\/h3>\n<p>Want it exactly like Amazon? Below is the 3 tier architecture example at Amazon\u00a0drawn using Creately tools. As I mentioned before the library includes all the objects in the AWS icon set so you can draw any type of AWS architecture diagram you want.<\/p>\n<div id=\"attachment_9302\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/stage.creately.com\/diagram\/example\/h4gr4x8d4\/3-Tier+Architecture\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-9302\" class=\"size-full wp-image-9302\" title=\"AWS 3 tier architecture drawn using Creately\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2012\/07\/AWS-3-Tier-Architecture.png\" alt=\"Amazon Web Services 3 Tier architecture drawn using Creately\" width=\"590\" height=\"607\" srcset=\"https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/07\/AWS-3-Tier-Architecture.png 590w, https:\/\/d3w3koqe3hizre.cloudfront.net\/uploads\/2012\/07\/AWS-3-Tier-Architecture-291x300.png 291w\" sizes=\"auto, (max-width: 590px) 100vw, 590px\" \/><\/a><p id=\"caption-attachment-9302\" class=\"wp-caption-text\">AWS 3 Tier Architecture<\/p><\/div>\n<p>Follow the links for more examples at Amazon drawn using Creately<\/p>\n<ul>\n<li><a title=\"AWS 2 Tier architecture diagram\" href=\"https:\/\/stage.creately.com\/diagram\/example\/h4gr4x8d2\/2-Tier+Architecture\" target=\"_blank\">Amazon web services 2 tier architecture<\/a><\/li>\n<li><a title=\"AWS cloud for disaster recovery\" href=\"https:\/\/stage.creately.com\/diagram\/example\/h4gr4x8d6\/AWS+Cloud+for+Disaster+Recovery\" target=\"_blank\">AWS cloud for disaster recovery<\/a><\/li>\n<\/ul>\n<p>A combination of templates, icons and easy to use tools make Creately a great tool to draw AWS diagrams and designs online. We are constantly adding template and improving our <a title=\"Creately diagramming community\" href=\"https:\/\/stage.creately.com\/diagram-community\/popular\" target=\"_blank\">diagramming community<\/a> so make sure to check back often for more awesome templates.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are really excited to launch a brand new set of AWS architecture diagrams and shapes!. Why are we so excited you ask? We and countless other businesses run and operate all their operations and infrastructure on AWS and it&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/stage.creately.com\/blog\/announcements\/aws-architecture-diagrams-icons\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":15,"featured_media":9294,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[97],"tags":[294,293,291,292],"class_list":["post-9290","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements","tag-amazon-web-service-design","tag-aws-architecture-design","tag-aws-architecture-diagrams","tag-aws-architecture-icons"],"_links":{"self":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/9290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/comments?post=9290"}],"version-history":[{"count":48,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/9290\/revisions"}],"predecessor-version":[{"id":9341,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/9290\/revisions\/9341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media\/9294"}],"wp:attachment":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media?parent=9290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/categories?post=9290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/tags?post=9290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}