@ -10,4 +10,4 @@
< / span > < / div > < div > < span > < p > It was born for < strong > prototyping< / strong > a new system architecture without any design tools. You can also describe or visualize the existing system architecture as well.< / p >
< / span > < / div > < div > < span > < p > < code > Diagram as Code< / code > allows you to < strong > tracking< / strong > the architecture diagram changes on any < strong > version control< / strong > system.< / p >
< / span > < / div > < div > < span > < p > Diagrams currently supports four major providers: < code > AWS< / code > , < code > Azure< / code > , < code > GCP< / code > , < code > Kubernetes< / code > and < code > Alibaba Cloud< / code > .< / p >
< / span > < / div > < / div > < div class = "container paddingBottom paddingTop" > < div class = "wrapper" > < div class = "gridBlock" > < div class = "blockElement alignCenter imageAlignSide imageAlignLeft twoByGridBlock" > < div class = "blockImage" > < img src = "/img/message_collecting_code.png" / > < / div > < div class = "blockContent" > < div > < / div > < / div > < / div > < div class = "blockElement alignCenter imageAlignSide imageAlignRight twoByGridBlock" > < div class = "blockContent" > < div > < / div > < / div > < div class = "blockImage" > < img src = "/img/message_collecting_diagram.png" / > < / div > < / div > < / div > < / div > < / div > < div class = "container paddingBottom paddingTop" > < div class = "wrapper" > < div class = "gridBlock" > < div class = "blockElement alignCenter imageAlignSide imageAlignLeft twoByGridBlock" > < div class = "blockImage" > < img src = "/img/event_processing_code.png" / > < / div > < div class = "blockContent" > < div > < / div > < / div > < / div > < div class = "blockElement alignCenter imageAlignSide imageAlignRight twoByGridBlock" > < div class = "blockContent" > < div > < / div > < / div > < div class = "blockImage" > < img src = "/img/event_processing_diagram.png" / > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < footer class = "nav-footer" id = "footer" > < section class = "sitemap" > < a href = "/" class = "nav-home" > < img src = "/img/diagrams.ico" alt = "Diagrams" width = "66" height = "58" / > < / a > < div > < h5 > Docs< / h5 > < a href = "/docs/ en/ getting-started/installation"> Getting Started< / a > < a href = "/docs/ en/ guides/diagram"> Guides< / a > < a href = "/docs /en /nodes/aws"> Nodes< / a > < / div > < div > < h5 > More< / h5 > < a href = "https://github.com/mingrammer/diagrams" > GitHub< / a > < a class = "github-button" data-icon = "octicon-star" data-count-href = "/mingrammer/diagrams/stargazers" data-show-count = "true" data-count-aria-label = "# stargazers on GitHub" aria-label = "Star this project on GitHub" > Star< / a > < / div > < / section > < section class = "copyright" > Copyright © 2020 mingrammer< / section > < / footer > < / div > < / body > < / html >
< / span > < / div > < / div > < div class = "container paddingBottom paddingTop" > < div class = "wrapper" > < div class = "gridBlock" > < div class = "blockElement alignCenter imageAlignSide imageAlignLeft twoByGridBlock" > < div class = "blockImage" > < img src = "/img/message_collecting_code.png" / > < / div > < div class = "blockContent" > < div > < / div > < / div > < / div > < div class = "blockElement alignCenter imageAlignSide imageAlignRight twoByGridBlock" > < div class = "blockContent" > < div > < / div > < / div > < div class = "blockImage" > < img src = "/img/message_collecting_diagram.png" / > < / div > < / div > < / div > < / div > < / div > < div class = "container paddingBottom paddingTop" > < div class = "wrapper" > < div class = "gridBlock" > < div class = "blockElement alignCenter imageAlignSide imageAlignLeft twoByGridBlock" > < div class = "blockImage" > < img src = "/img/event_processing_code.png" / > < / div > < div class = "blockContent" > < div > < / div > < / div > < / div > < div class = "blockElement alignCenter imageAlignSide imageAlignRight twoByGridBlock" > < div class = "blockContent" > < div > < / div > < / div > < div class = "blockImage" > < img src = "/img/event_processing_diagram.png" / > < / div > < / div > < / div > < / div > < / div > < / div > < / div > < footer class = "nav-footer" id = "footer" > < section class = "sitemap" > < a href = "/" class = "nav-home" > < img src = "/img/diagrams.ico" alt = "Diagrams" width = "66" height = "58" / > < / a > < div > < h5 > Docs< / h5 > < a href = "/docs/ getting-started/installation"> Getting Started< / a > < a href = "/docs/ guides/diagram"> Guides< / a > < a href = "/docs /nodes/aws"> Nodes< / a > < / div > < div > < h5 > More< / h5 > < a href = "https://github.com/mingrammer/diagrams" > GitHub< / a > < a class = "github-button" data-icon = "octicon-star" data-count-href = "/mingrammer/diagrams/stargazers" data-show-count = "true" data-count-aria-label = "# stargazers on GitHub" aria-label = "Star this project on GitHub" > Star< / a > < / div > < / section > < section class = "copyright" > Copyright © 2020 mingrammer< / section > < / footer > < / div > < / body > < / html >