Create isometric Architecture Diagrams for Microsoft Azure

<!DOCTYPE html> <html lang="en"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-119530534-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-119530534-1'); </script> <title>Create isometric Architecture Diagrams for Microsoft Azure</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="description" content="Arcentry makes it easy to create interactive 2D and 3D diagrams for Microsoft Azure infrastructures, integrate Metrics and even embed them directly into third-party apps." />  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="HandheldFriendly" content="True" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name='viewport' content='width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0' /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <link rel="stylesheet" href="/assets/css/main.css?abc" media="screen"> <meta name="theme-color" content="#e61898"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet"> <meta name="google-site-verification" content="1UxiB3vlAPeAIdHlkN2z_iTdCimMjBVn4IaD_CQXsHc" /> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">  <meta name="google-signin-client_id" content="141321794497-g8hq7d3houd00adqkm4pdv6hqa03bp3q.apps.googleusercontent.com"> <script src="https://apis.google.com/js/platform.js?onload=onGoogleLoaded" async defer></script> </head> <body class="for-azure"> <div id="outer" class="outer " v-bind:class="{ 'show-form': formVisible }" > <div class="form-overlay"> <div class="wrapper"> <div class="header" v-if="showView == 'forgot-password' || showView == 'reset-password'"> <h2 v-if="showView === 'forgot-password'">REQUEST PASSWORD RESET</h2> <h2 v-if="showView === 'reset-password'">RESET YOUR PASSWORD</h2> </div> <form action="#" v-on:submit.prevent="executeForm"> <div class="loading-overlay" v-bind:class="{show:loadingText !== ''}"> <div class="loadingbar" v-if="!isConfirm"> <div></div> </div> <div class="text" v-if="!isConfirm" v-html="'… ' + loadingText"></div> <div class="confirm-state" v-if="isConfirm"> <div v-html="loadingText"></div> <div class="btn confirm" @click="hideForm">OK</div> </div> </div> <div class="error-text" v-if="errorText !== ''" v-text="errorText"></div> <label v-if="requiresEmail" for="signup-email">YOUR EMAIL</label> <input v-if="requiresEmail" autocomplete="email" type="email" required="true" v-model="email" :disabled="emailDisabled" /> <label for="signup-password-a" v-if="requiresPassword" >PASSWORD</label> <input v-if="requiresPassword" :autocomplete="showView === 'signup'? 'new-password' : 'current-password'" type="password" name="signup-password-a" required="true" v-model="passwordA"/> <label v-if="requiresPasswordRepeat" for="signup-password-b">REPEAT PASSWORD</label> <input v-if="requiresPasswordRepeat" type="password" autocomplete="new-password" name="signup-password-b" required="true" v-model="passwordB"/> <a href="#" v-if="showView==='login'" class="forgot-password" v-on:click="showForm('forgot-password')">forgot password?</a> <div class="confirm"> <div class="cancel btn-secondary" v-on:click="hideForm">CANCEL</div> <input type="submit" class="btn" value="OK"> </div> </form> <div class="social" v-if="!socialSignupDisabled"> <span class="or">OR</span> <div class="buttons" > <div ref="socialButtonContainer"></div> <a class="signin-with-github abcRioButton abcRioButtonLightBlue" href="https://github.com/login/oauth/authorize?scope=user:email&client_id=f9bc05ecdd45d7b54122"> <i class="fab fa-github"></i> <span>Sign in with Github</span> </a> </div> </div> </div> </div> <nav id="main-nav"> <div class="wrapper"> <div class="links" :class="{open: mobileNavVisible}"> <a @click="mobileNavVisible=false" href="/#features">features</a> <a @click="mobileNavVisible=false" href="/#pricing">pricing</a> <a @click="mobileNavVisible=false" href="/enterprise/">enterprise</a> <a href="/api-docs/">api docs</a> <div class="menu news" @click.stop="visibleDropdown = 'news'" :class="{show: visibleDropdown === 'news'}"> <div class="header"> <i class="fas fa-caret-down"></i> <span>news</span> </div> <div class="dropdown"> <div class="tip"> <div></div> </div> <a href="/changelog/">change log</a> <a href="/blog/">blog</a> </div> </div>  <a href="#" @click="mobileNavVisible=false;showForm('login')" v-if="!hasActiveSession">log in</a> <a href="#" @click="mobileNavVisible=false;showForm('signup')" class="nav-btn" v-if="!hasActiveSession">sign up</a> <a href="/app/" class="nav-btn" v-if="hasActiveSession">go to app</a> </div> <h1> <a href="/"> <span>Arcentry</span> <p>Create Interactive Cloud Diagrams</p> </a> </h1> <i class="fas fa-bars mobile-toggle" @click="mobileNavVisible = !mobileNavVisible"></i> </div> </nav> <div class="content"> <div class="for-page azure"> <div class="header">  <img src="./azure-logo.png" title="Microsoft Azure Logo" width="400" /> <h1>Create interactive Microsoft Azure Architecture Diagrams with Arcentry</h1> </div> <div class="content"> <p> From IIS to MsSQL - Microsoft has been a hallmark of large scale enterprise architectures since the 1980s. And so it's no surprise that this mission continues to the cloud with Microsoft Azure, one of the most widely used cloud computing platforms amongst the Fortune 500. </p> <img src="./mini-arch.png" title="small architecture with Azure components" class="as-is" /> <p> But while the switch to managed cloud services can solve a lot of DevOps headaches, it by no means leads to a decline in complexity. This is particularly true for the Microsoft stack that's often deployed as hybrid cloud/on-premise architectures with numerous open source and third-party systems woven into the mix. </p> <p> Having a collaborative planning tool that helps IT teams stay on top of this complexity is thus absolutely essential. And that's exactly what Arcentry provides: The ability to collaboratively plan, structure, program and monitor large scale Azure architectures across all stacks and sides. </p> <ul class="img-left-right"> <li> <img src="./microsoft-azure-components.png" title="Azure Icons" class="full" /> <div> <h2>Azure Service Icons, VPNs, Charts and more</h2> <p>Azure comes with more than a hundred different services - and Arcentry has them all. But not just that, Arcentry makes it easy to visualize abstract concepts like VPNs/VPCs, security groups, log streams, scaling groups as well as charts and metrics.</p> </div> </li> <li> <img src="./azure-kubernetes.png" class="full" title="Kubernetes Architecture Diagram" /> <div> <h2>Containers, Kubernetes and Serverless</h2> <p>We've designed Arcentry from the ground up for modern Cloud Visualisations - including concepts such as Azure Kubernetes Service, Container Registries, Azure Functions or App Service. Once your infrastructure is live, Arcentry's API makes it easy to push data from <code>kubectl</code> and other monitoring tools directly into your visualization.</p> </div> </li> <li> <img src="./azure-api.png" alt="Azure API connection" class="full" /> <div> <h2>Connect to the Azure API</h2> <p>All aspects of Arcentry diagrams are fully programmable via our powerful REST API. You can update component colors, chart metrics, labels, lines and everything else with a simple HTTP call. Changes are pushed to all connected clients and dashboards in realtime. This makes it possible to integrate any aspect of Azure, from Virtual Machine Scale Sets metrics to Azure Monitor reports directly into the app.</p> </div> </li> <li> <img src="./azure-export.png" alt="Arcentry Image Export" class="full"> <div> <h2>Embeddable Diagrams</h2> <p>You can export Arcentry's 2D and 3D diagrams as images in any resolution. Or - even better - you can embed them in our 3D viewer into blog posts, websites and even third-party monitoring dashboards like Grafana.</p> </div> </li> </ul> <h2>Get started</h2> <p>Arcentry comes with a free tier to play around and get a feeling for how it works. The paid plan costs $9.90 a month and can be cancelled at any time. To learn more, visit <a href="/">arcentry.com</a> or sign up below to try it out yourself.</p> <div class="sign-up-pricing" v-on:click="showForm('signup')" v-if="!hasActiveSession"> <em>Try it for free</em> </div> </div> </div> </div> <footer> <div class="copy"> 漏<span v-text="currentYear"></span> Arcentry, Inc. </div> <div class="inner"> <div class="address footer-text"> Arcentry, Inc.<br /> 2035 Sunset Lake Road<br /> 19702 Newark, USA </div> <div class="social-media"> <a href="https://twitter.com/arcentry"> <i class="fab fa-twitter"></i> @arcentry </a> <a href="https://www.youtube.com/channel/UCCv3ZhafMXS4E0JqmyFb72g"> <i class="fab fa-youtube"></i> Youtube Channel </a> <a href="mailto:info@arcentry.com"> <i class="fas fa-envelope"></i> info@arcentry.com </a> </div> <div class="legal"> <a target="_blank" href="/assets/pdf/terms-of-use.pdf">Terms of Use</a> <a target="_blank" href="/assets/pdf/privacy-policy.pdf">Privacy Policy</a> <a target="_blank" href="/assets/pdf/cookie-policy.pdf">Cookie Policy</a> </div> <div class="cookie footer-text"> By continuing to use this website, you consent to the use of cookies in accordance with our <a href="legal/cookie-policy.pdf">Cookie Policy</a>. </div> </div> </footer> </div> <script src="https://unpkg.com/vue@2.7"></script> <script src="https://unpkg.com/vue-resource@1.3.4/dist/vue-resource.min.js"></script> <script type="text/javascript" src="/assets/js/general.js"></script> </body> </html>

CINXE.COM

Create isometric Architecture Diagrams for Microsoft Azure