Arcentry: Create Interactive Cloud Diagrams

<!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>Arcentry: Create Interactive Cloud Diagrams</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="description" content="Create beaufitul architecture diagrams for AWS, Google Cloud, Microsoft Azure and Open Source" />  <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=""> <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"> <p>Signing up for Arcentry is no longer possible. Please find more details <a href="/discontinuation-letter/">in our discontinuation letter.</a></p>  </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="/app/" class="nav-btn" v-if="hasActiveSession">go to app</a> </div> <h1> <a href="/"> <span>Arcentry</span> </a> </h1> <i class="fas fa-bars mobile-toggle" @click="mobileNavVisible = !mobileNavVisible"></i> </div> </nav> <div class="content"> <header> <div class="wrapper"> <div class="col"> <h2> <em>Create Interactive</em> <em>Cloud Diagrams</em> </h2> <h3>Arcentry helps you visualize the full picture of your infrastucture - in realtime and at any scale</h3> <div class="discontinuation"> <em>Where's the sign-up button? </em> <p> We're afraid signing up for Arcentry is no longer possible. We'll discontinue our public offering, as Arcentry will continue its life in a different role within another company. Please find more about this in our <a href="/discontinuation-letter/">discontinuation letter</a>. </p> </div> <a href="/app/" class="try-it" :class="{show: hasActiveSession}">go to app</a> </div> </div> <div class="bg-img" id="start-animation"> <img src="assets/img/header-anim/chart-8.png" class="chart" :class="{active: chartFrame === 8}" /> <img src="assets/img/header-anim/chart-7.png" class="chart" :class="{active: chartFrame === 7}" /> <img src="assets/img/header-anim/chart-6.png" class="chart" :class="{active: chartFrame === 6}" /> <img src="assets/img/header-anim/chart-5.png" class="chart" :class="{active: chartFrame === 5}" /> <img src="assets/img/header-anim/chart-4.png" class="chart" :class="{active: chartFrame === 4}" /> <img src="assets/img/header-anim/chart-3.png" class="chart" :class="{active: chartFrame === 3}" /> <img src="assets/img/header-anim/chart-2.png" class="chart" :class="{active: chartFrame === 2}" /> <img src="assets/img/header-anim/chart-1.png" class="chart" :class="{active: chartFrame === 1}" /> <img src="assets/img/header-anim/func-2.png" class="func" :class="{active: funcFrame === 2}" /> <img src="assets/img/header-anim/func-1.png" class="func" :class="{active: funcFrame === 1}" /> <img src="assets/img/header-anim/kub-3.png" class="kub" :class="{active: kubFrame === 3}" /> <img src="assets/img/header-anim/kub-2.png" class="kub" :class="{active: kubFrame === 2}" /> <img src="assets/img/header-anim/kub-1.png" class="kub" :class="{active: kubFrame === 1}" /> <img src="assets/img/header-anim/comp-1.png" class="comp" :class="{active: compFrame === 1}" /> <img src="assets/img/header-anim/base.png" class="base"> </div> </header> <div class="content-body"> <div id="used-by" class="wrapper"> <span>used by</span> <div> <img src="assets/img/used-by-logos/accenture.png" /> <img src="assets/img/used-by-logos/aws.png" /> <img src="assets/img/used-by-logos/braintree.jpg" /> <img src="assets/img/used-by-logos/conde-nast.png" /> <img src="assets/img/used-by-logos/dell.png" /> <img src="assets/img/used-by-logos/deloitte.png" /> <img src="assets/img/used-by-logos/ibm.png" /> <img src="assets/img/used-by-logos/pivotal.png" /> <img src="assets/img/used-by-logos/rackspace.png" /> <img src="assets/img/used-by-logos/staples.png" /> <img src="assets/img/used-by-logos/stripe.png" /> <img src="assets/img/used-by-logos/verizon-wireless.png" /> <img src="assets/img/used-by-logos/vmware.png" /> <img src="assets/img/used-by-logos/wooga.png" /> <img src="assets/img/used-by-logos/zalando.png" /> </div> </div> <a name="features"></a> <ul class="features"> <li class="left"> <img src="/assets/img/feature/plan.png"/> <div> <i class="fas fa-pencil-alt"></i> <h3>Plan</h3> <p>Create beautiful infrastructure diagrams using hundreds of pre-built and customizable components.</p> </div> </li> <li class="right"> <div> <i class="fas fa-chart-line"></i> <h3>Monitor</h3> <p>See metrics from cloud services and http endpoints in the context of your architecture.</p> </div> <img src="/assets/img/feature/monitor.png"/> </li> <li class="left"> <img src="/assets/img/feature/program.png" /> <div> <i class="fas fa-terminal"></i> <h3>Program</h3> <p>Control every aspect of your infrastructure map in realtime using Arcentry's powerful REST API.</p> </div> </li> <li class="right"> <div> <i class="fas fa-upload"></i> <h3>Export</h3> <p>Create fullscreen monitoring dashboards, export images or embed 3D diagrams into your app or blogposts.</p> </div> <img src="/assets/img/feature/export-new.png" /> </li> </ul> <div class="what-else wrapper"> <h3>What else is there?</h3> <div> <ul> <li><i class="fas fa-check"></i><span>340 items from AWS, GCC, Azure and Open Source</span></li> <li><i class="fas fa-check"></i><span>draw lines, areas, images, walls, icons and more</span></li> <li><i class="fas fa-check"></i><span>share and collaborate with other users in realtime</span></li> <li><i class="fas fa-check"></i><span>embed 3D views in Blogposts and Websites</span></li> <li><i class="fas fa-check"></i><span>use realtime diagrams in dashboards and screens</span></li> <li><i class="fas fa-check"></i><span>export diagrams as JSON or CSV</span></li> </ul> <ul> <li><i class="fas fa-check"></i><span>use 2D view and layers to keep things organized</span></li> <li><i class="fas fa-check"></i><span>add charts and graphs directly to your diagrams</span></li> <li><i class="fas fa-check"></i><span>exports your work as jpeg or png in any resolution</span></li> <li><i class="fas fa-check"></i><span>stream live monitoring metrics from AWS Cloudfront</span></li> <li><i class="fas fa-check"></i><span>create, update and delete components via REST API</span></li> <li><i class="fas fa-check"></i><span>add metadata such as instance ids, subnets etc.</span></li> </ul> </div> </div> <div class="wrapper for-whom"> <h2>for</h2> <div class="grid-row logos"> <a href="#"><img width="300" height="150" alt="Open Source" src="/assets/img/for-whom/open-source-logo.png" /></a> <a href="/for/aws"><img width="300" height="150" alt="Amazon Web Services" src="/assets/img/for-whom/amazon-web-services-logo.png" /></a> <a href="/for/google-cloud"><img width="300" height="150" alt="Google Cloud" src="/assets/img/for-whom/google-cloud-logo.png" /></a> <a href="/for/azure"><img width="300" height="150" alt="Microsoft Azure" src="/assets/img/for-whom/microsoft-azure-logo.png" /></a> </div> </div> <div class="screenshots"> <gallery></gallery> </div> <div class="pricing"> <a name="pricing"></a> <h2>plans & pricing</h2> <div class="pricing-table"> <div class="free"> <div class="head"> <em>FREE</em> </div> <div class="row first"> 30 <label>items / architecture</label> </div> <div class="row"> 3 <label>architectures</label> </div> <div class="row"> 5,000 <label>API & service requests / month</label> </div> </div> <div class="standard"> <div class="head"> <em>STANDARD</em> <span class="first">$9.90 / month*</span> <span>cancel anytime</span> </div> <div class="row first"> Infinite <label>items / architecture</label> </div> <div class="row"> Infinite <label>architectures</label> </div> <div class="row"> 30,000 <label> API & service requests / month<br /> $0.0001 per additional request </label> </div> </div> </div> <div class="enterprise"> <h3>Arcentry Enterprise</h3> <p>Run the full featureset of Arcentry on your premises, integrated with your user management and permission systems.</p> <a class="btn" href="enterprise"> See Details and Pricing </a> </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, Ltd.<br /> Unit F15 Maynooth Business Campus,<br /> Straffan Road,<br /> Maynooth,Kildare,Ireland<br /> W23 HW58 </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"></script> <script src="https://unpkg.com/vue-resource@1.3.4/dist/vue-resource.min.js"></script> <script type="text/javascript" src="/assets/js/gallery.js"></script> <script type="text/javascript" src="/assets/js/general.js"></script> </body> </html>

CINXE.COM

Arcentry: Create Interactive Cloud Diagrams