https://www.linode.com/docs/reference-architecture/auto-scaling-prometheus/Recent content in Autoscaling on Linode using Prometheus on Linode Guides & TutorialsHugoen-usTue, 17 May 2022 00:00:00 +0000https://www.linode.com/docs/reference-architecture/auto-scaling-prometheus/diagrams/Mon, 20 Mar 2023 00:00:00 +0000https://www.linode.com/docs/reference-architecture/auto-scaling-prometheus/diagrams/<h2 id="figure-1-a-common-highly-available-application-architecture" >Figure 1: A Common Highly Available Application Architecture<a href="#figure-1-a-common-highly-available-application-architecture" aria-label="Diagrams: Figure 1: A Common Highly Available Application Architecture" class="group"><svg class="ml-2 inline-block w-5 h-5 text-brand group-hover:text-blue-400"><use href="#icon--hashtag"></use></svg></a></h2> <p> <div x-data="{ visible: false }" x-intersect.once="visible = true" data-testid="image-modal"> <template x-if="!visible"> <div class="w-full bg-gray-200 rounded-lg"> <img src="https://www.linode.com/docs/tech-guides-assets/images/pix.gif" style="width: 100%; aspect-ratio: 694 / 702;" /> </div> </template> <template x-if="visible"> <div x-data="{ open: false, hover:false, src: '' }"> <figure class="w-full" @click="open = ! open; $event.preventDefault();" @keydown.escape.window="open = false" @mouseenter="hover = true" @mouseleave="hover = false"> <div class="relative w-full text-brand cursor-pointer group"> <div class=""> <template x-if="$isMobile()"> <img src="https://www.linode.com/docs/reference-architecture/auto-scaling-prometheus/diagrams/traditional-cloud-build-implementation_hu_6ae3f37e48e17cb1.jpg" alt="“Traditional implementation”" title="“Traditional implementation”" class="img-transparentw-full" @load="$event.target.classList.remove('img-transparent')" /> </template> <template x-if="!$isMobile()"> <img src="https://www.linode.com/docs/reference-architecture/auto-scaling-prometheus/diagrams/traditional-cloud-build-implementation_hu_4086bf0b75f4f224.jpg" alt="“Traditional implementation”" title="“Traditional implementation”" class="img-transparentw-full" @load="$event.target.classList.remove('img-transparent')" /> </template> </div> <div x-transition x-show="hover" class="hide-if-no-js absolute bg-gray-100/25 p-3 rounded-full" style="bottom: 2rem; right: 2rem;"> <svg class="h-5 w-5"> <use href="#icon--search"></use> </svg> </div> </div> </figure> <div class="hide-if-no-js" x-cloak> <div x-transition.opacity x-show="open" class="fixed flex justify-center items-center inset-0 bg-black/75" style="z-index: 9999;"> <div x-transition x-show="open" class="content relative mx-4 w-auto max-w-7xl bg-transparent overflow-auto" style="max-height: 80%;"> <template x-if="open"> <img src="https://www.linode.com/docs/reference-architecture/auto-scaling-prometheus/diagrams/traditional-cloud-build-implementation_hu_9cfca878aac72d29.jpg" alt="“Traditional implementation”" title="“Traditional implementation”" class="w-full rounded-xl shadow-lg" @click.away="open = false" /> </template> <svg class="h-6 w-6 absolute text-white hover:text-brand cursor-pointer" style="top: 0rem; right: 0rem;"> <use href="#icon--times"></use> </svg> </div> </div> </div> </div> </template> </div> <noscript> </noscript> </p>