889 lines
47 KiB
HTML
889 lines
47 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<!-- Google Tag Manager -->
|
||
<script>
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||
ga('create', 'UA-75468017-1', 'auto');
|
||
ga('send', 'pageview');
|
||
</script>
|
||
<script>
|
||
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
|
||
var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;
|
||
j.src= 'https://www.googletagmanager.com/gtag/js?id='+i+dl;f.parentNode.insertBefore(j,f); })
|
||
(window,document,'script','dataLayer','GTM-WVF23W3');
|
||
</script>
|
||
<!-- End Google Tag Manager -->
|
||
|
||
<meta charset="utf-8">
|
||
<meta content="initial-scale=1, minimum-scale=1, width=device-width" name="viewport">
|
||
<title>Google SRE - Get glimpse into the mobaa visual patterns</title>
|
||
<meta name="description" content="Mobaa monitoring graphs reveal visual patterns in time-series data, showcasing beauty in chaos, some emerged during tough rollouts or incidents in Google's sytems.">
|
||
<link rel="canonical" href="https://sre.google/mobaa/">
|
||
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="https://lh3.googleusercontent.com/gWsjPZC9Fbk97ga1qFDlK88JynGoiUIF_mFTx-DocUWT94qi8OI7WIkD-5_VXfIvMQk1hpgdLZEDK9UJgjrevhz85GRmU60wJ9Mx">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="https://lh3.googleusercontent.com/gWsjPZC9Fbk97ga1qFDlK88JynGoiUIF_mFTx-DocUWT94qi8OI7WIkD-5_VXfIvMQk1hpgdLZEDK9UJgjrevhz85GRmU60wJ9Mx">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="https://lh3.googleusercontent.com/gWsjPZC9Fbk97ga1qFDlK88JynGoiUIF_mFTx-DocUWT94qi8OI7WIkD-5_VXfIvMQk1hpgdLZEDK9UJgjrevhz85GRmU60wJ9Mx">
|
||
<link rel="shortcut icon" href="https://lh3.googleusercontent.com/gWsjPZC9Fbk97ga1qFDlK88JynGoiUIF_mFTx-DocUWT94qi8OI7WIkD-5_VXfIvMQk1hpgdLZEDK9UJgjrevhz85GRmU60wJ9Mx">
|
||
<link rel="preconnect" href="https://lh3.googleusercontent.com/" crossorigin>
|
||
<link rel="preconnect" href="https://kstatic.googleusercontent.com/" crossorigin>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com/" crossorigin>
|
||
<link rel="preconnect" href="https://www.gstatic.com/" crossorigin>
|
||
<link rel="preconnect" href="https://www.google-analytics.com/" crossorigin>
|
||
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
|
||
<link rel="preconnect" href="https://www.youtube.com/" crossorigin>
|
||
|
||
<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700|Google+Sans:400,500|Product+Sans:400&lang=en&display=swap">
|
||
<link rel="preload" as="style" href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||
<link href="/static/css/index.min.css?cache=4b4f0ea" rel="stylesheet" rel="preload" as="style">
|
||
<link as="style" href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet">
|
||
<script defer src="/static/js/detect.min.js?cache=8d84ad0"></script>
|
||
</head>
|
||
|
||
<body class="glue-body">
|
||
<!-- Google Tag Manager (noscript) -->
|
||
<noscript>
|
||
<iframe class="no-script-iframe" src="https://www.googletagmanager.com/ns.html?id=GTM-WVF23W3"></iframe>
|
||
</noscript>
|
||
<!-- End Google Tag Manager (noscript) -->
|
||
|
||
<header class="glue-header glue-header--single header" glue-header-options='{"steppedNav": "true"}'>
|
||
<div class="glue-header__bar glue-header__bar--desktop glue-header__drawer" id="header-drawer">
|
||
<div class="glue-header__tier">
|
||
<div class="glue-header__container">
|
||
<div class="glue-header__lock-up">
|
||
<div class="glue-header__logo">
|
||
<a class="glue-header__logo-link" href="/" aria-label="Google" title="Google">
|
||
<div class="glue-header__logo-container">
|
||
<svg role="presentation" aria-hidden="true" class="glue-header__logo-svg" alt="Google">
|
||
<use xlink:href="/static/img/glue-icons.svg#google-color-logo"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="glue-header__logo--product header-product-logo">Site Reliability Engineering</p>
|
||
</a>
|
||
</div>
|
||
<a href="#page-content" class="glue-header__skip-content" aria-label="Jump to Content" title="Jump to Content">
|
||
<p class="glue-header__skip-content-text">Jump to Content</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="glue-header__container glue-header__stepped-nav">
|
||
<div class="glue-header__stepped-nav-controls-container">
|
||
<div class="glue-header__stepped-nav-controls" tabindex="0" role="tabpanel">
|
||
<div class="glue-header__stepped-nav-controls-arrow">
|
||
<svg role="presentation" class="glue-icon glue-icon--18px" alt="Previous">
|
||
<use xlink:href="/static/img/glue-icons.svg#chevron-left"></use>
|
||
</svg>
|
||
<svg role="presentation" class="glue-icon glue-icon--18px glue-header__stepped-nav-subnav-icon" alt="Next">
|
||
<use xlink:href="/static/img/glue-icons.svg#chevron-right"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="glue-header__stepped-nav-controls-title glue-header__link"></div>
|
||
</div>
|
||
</div>
|
||
<div class="glue-header__stepped-nav-menus"></div>
|
||
</div>
|
||
|
||
<div class="glue-header__container glue-header__container--flex-auto">
|
||
<nav class="glue-header__link-bar">
|
||
<ul id="list-1" class="glue-header__list glue-header__link-bar--arrow">
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/"
|
||
title="Home"
|
||
aria-label="Home"
|
||
>
|
||
Home
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link mega-menu-button"
|
||
href="#"
|
||
title="Resources"
|
||
aria-label="Resources"
|
||
aria-expanded="false">
|
||
<span class="no-event">
|
||
Resources
|
||
<i class="material-icons new-release-icon" data-release-date="2022-03-31"></i>
|
||
</span>
|
||
<svg role="presentation" class="glue-icon glue-icon--20px mega-menu-expand-icon no-event" alt="Resources">
|
||
<use xlink:href="/static/img/glue-icons.svg#expand-more"></use>
|
||
</svg>
|
||
</a>
|
||
<section class="glue-mod-elevation-1 mega-menu js-hide">
|
||
<div class="glue-page">
|
||
<div class="glue-grid glue-mod-spacer-4-top glue-mod-spacer-4-bottom">
|
||
<div class="glue-grid__col glue-grid__col--span-3 glue-mod-spacer-4-bottom">
|
||
<ul class="mega-menu-container">
|
||
<div class="mega-menu-image">
|
||
<svg fill="none" height="24" viewBox="0 0 22 24" width="22"><g fill="#1a73e8"><path d="m11.9736 7.42627c-1.0507 0-1.9019.85333-1.9019 1.90667 0 1.05336.8512 1.90666 1.9019 1.90666s1.9019-.8533 1.9019-1.90666c0-1.05334-.8512-1.90667-1.9019-1.90667z"></path><path d="m11.9726 0c-4.98758 0-9.04417 3.92-9.28357 8.85333l-2.553663 3.41337c-.332507.44-.0133 1.0666.532013 1.0666h1.99505v4c0 1.4667 1.19702 2.6667 2.66006 2.6667h1.33003v4h9.31018v-6.24c3.1389-1.4933 5.3202-4.7067 5.3202-8.42667 0-5.16-4.163-9.33333-9.3103-9.33333zm3.9901 9.33333c0 .17334-.0133.34667-.0266.52l1.104.87997c.1064.08.133.2134.0665.3334l-1.0641 1.8533c-.0665.12-.2128.16-.3192.12l-1.3167-.5333c-.2793.2133-.5719.3866-.8911.52l-.2128 1.4133c-.0133.1333-.133.2267-.266.2267h-2.1281c-.133 0-.2394-.0934-.266-.2267l-.1995-1.4133c-.3325-.1334-.62511-.3067-.90442-.52l-1.31673.5333c-.1197.04-.266 0-.3325-.12l-1.06403-1.8533c-.0665-.1067-.0399-.2534.0665-.3334l1.11723-.87997c-.0133-.17333-.0266-.34666-.0266-.52 0-.17333.0266-.36.0532-.52l-1.13053-.88c-.1064-.08-.133-.21333-.0665-.34666l1.06403-1.84c.0665-.12.1995-.16.3192-.12l1.33003.53333c.26601-.2.57192-.38667.89112-.52l.1995-1.41333c.0266-.13334.133-.22667.266-.22667h2.1281c.133 0 .2394.09333.266.22667l.1995 1.41333c.3192.13333.6118.30667.8911.52l1.33-.53333c.1197-.04.266 0 .3192.12l1.0641 1.84c.0665.12.0399.26666-.0665.34666l-1.1306.88c.0399.16.0532.33334.0532.52z"></path></g></svg>
|
||
</div>
|
||
<li class="mega-menu-tile">
|
||
<p class="glue-cta mega-menu-title">
|
||
<a class="text-decoration"
|
||
href="/resources/"
|
||
title="Latest resources"
|
||
aria-label="Latest resources">
|
||
Latest resources
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption glue-mod-spacer-3-top">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/resources/practices-and-processes/ai-engineering-reliable-operations/"
|
||
title="AI Engineering Reliable Operations"
|
||
aria-label="AI Engineering Reliable Operations"
|
||
>
|
||
AI Engineering Reliable Operations
|
||
</a>
|
||
<span class="glue-eyebrow new-link-text">New!</span>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/resources/videos/"
|
||
title="Google SRE Video Gallery"
|
||
aria-label="Google SRE Video Gallery"
|
||
>
|
||
Google SRE Video Gallery
|
||
</a>
|
||
<span class="glue-eyebrow new-link-text">New!</span>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/resources/practices-and-processes/product-focused-reliability-for-sre/"
|
||
title="Product-Focused Reliability for SRE"
|
||
aria-label="Product-Focused Reliability for SRE"
|
||
>
|
||
Product-Focused Reliability for SRE
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/20/"
|
||
title="Twentieth Anniversary"
|
||
aria-label="Twentieth Anniversary"
|
||
>
|
||
Twentieth Anniversary
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="https://goo.gle/sre-20-ll"
|
||
title="Twenty years of SRE lessons learned"
|
||
aria-label="Twenty years of SRE lessons learned"
|
||
>
|
||
Twenty years of SRE lessons learned
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/prodverbs/"
|
||
title="Prodverbs"
|
||
aria-label="Prodverbs"
|
||
>
|
||
Prodverbs
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/resources/practices-and-processes/sre-fundamentals-course/"
|
||
title="SRE Fundamentals"
|
||
aria-label="SRE Fundamentals"
|
||
>
|
||
SRE Fundamentals
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/resources/practices-and-processes/measuring-reliability/"
|
||
title="Measuring Reliability"
|
||
aria-label="Measuring Reliability"
|
||
>
|
||
Measuring Reliability
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/resources/practices-and-processes/no-heroes/"
|
||
title="Why Heroism is Bad"
|
||
aria-label="Why Heroism is Bad"
|
||
>
|
||
Why Heroism is Bad
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/resources/practices-and-processes/stpa/"
|
||
title="System Theoretic Process Analysis"
|
||
aria-label="System Theoretic Process Analysis"
|
||
>
|
||
System Theoretic Process Analysis
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/next26/"
|
||
title="Ask an SRE at Next '26"
|
||
aria-label="Ask an SRE at Next '26"
|
||
>
|
||
Ask an SRE at Next '26
|
||
</a>
|
||
</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="glue-grid__col glue-grid__col--span-3 glue-mod-spacer-4-bottom">
|
||
<ul class="mega-menu-container">
|
||
<div class="mega-menu-image">
|
||
<svg fill="none" height="23" viewBox="0 0 22 23" width="22"><path d="m0 .087402h21.9868v22h-21.9868z" fill="#fff"></path><path d="m17.0624.0874023h-13.05471c-1.19668 0-2.17578.9899977-2.17578 2.1999977v17.6c0 1.21.9791 2.2 2.17578 2.2h13.05471c1.1966 0 2.1757-.99 2.1757-2.2v-17.6c0-1.21-.9791-2.1999977-2.1757-2.1999977zm-13.05471 2.1999977h5.43945v8.8l-2.71973-1.65-2.71972 1.65z" fill="#1a73e8"></path></svg>
|
||
</div>
|
||
<li class="mega-menu-tile">
|
||
<p class="glue-cta mega-menu-title">
|
||
<a class="text-decoration"
|
||
href="/books/"
|
||
title="Books"
|
||
aria-label="Books">
|
||
Books
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption glue-mod-spacer-3-top">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/books/building-secure-reliable-systems/"
|
||
title="Building Secure & Reliable Systems"
|
||
aria-label="Building Secure & Reliable Systems"
|
||
>
|
||
Building Secure & Reliable Systems
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/workbook/table-of-contents/"
|
||
title="The Site Reliability Workbook"
|
||
aria-label="The Site Reliability Workbook"
|
||
>
|
||
The Site Reliability Workbook
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/sre-book/table-of-contents/"
|
||
title="Site Reliability Engineering"
|
||
aria-label="Site Reliability Engineering"
|
||
>
|
||
Site Reliability Engineering
|
||
</a>
|
||
</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="glue-grid__col glue-grid__col--span-3 glue-mod-spacer-4-bottom">
|
||
<ul class="mega-menu-container">
|
||
<div class="mega-menu-image">
|
||
<svg fill="none" height="23" viewBox="0 0 22 23" width="22"><path d="m0 .087402h21.9354v22h-21.9354z" fill="#fff"></path><path d="m19.4981.0874023h-17.06084c-1.34049 0-2.43726 1.0999977-2.43726 2.4444477v17.11115c0 1.3444 1.09677 2.4444 2.43726 2.4444h17.06084c1.3405 0 2.4373-1.1 2.4373-2.4444v-17.11115c0-1.34445-1.0968-2.4444477-2.4373-2.4444477zm-6.0932 17.1110977h-8.53037v-2.4444h8.53037zm3.6559-4.8889h-12.18627v-2.44442h12.18627zm0-4.88886h-12.18627v-2.44445h12.18627z" fill="#1a73e8"></path></svg>
|
||
</div>
|
||
<li class="mega-menu-tile">
|
||
<p class="glue-cta mega-menu-title">
|
||
<a class="text-decoration"
|
||
href="/mobaa/"
|
||
title="Mobaa"
|
||
aria-label="Mobaa">
|
||
Mobaa
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption glue-mod-spacer-3-top">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/mobaa/2024/"
|
||
title="2024 Gallery"
|
||
aria-label="2024 Gallery"
|
||
>
|
||
2024 Gallery
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/mobaa/2022/"
|
||
title="2022 Gallery"
|
||
aria-label="2022 Gallery"
|
||
>
|
||
2022 Gallery
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/mobaa/frayed/"
|
||
title="2020 Gallery"
|
||
aria-label="2020 Gallery"
|
||
>
|
||
2020 Gallery
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="https://goo.gle/mobaa-vector"
|
||
title="Vector Methods"
|
||
aria-label="Vector Methods"
|
||
>
|
||
Vector Methods
|
||
</a>
|
||
</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="glue-grid__col glue-grid__col--span-3 glue-mod-spacer-4-bottom">
|
||
<ul class="mega-menu-container">
|
||
<div class="mega-menu-image">
|
||
<svg fill="none" height="28" viewBox="0 0 28 28" width="28"><path d="m.000977 0h27.9958v27.8329h-27.9958z" fill="#fff"></path><path d="m5.09014 15.4092v5.0606l8.90776 4.8328 8.9078-4.8328v-5.0606l-8.9078 4.8329zm8.90776-12.87899-13.9979 7.59079 13.9979 7.5908 11.4528-6.2118v8.7421h2.5451v-10.1211z" fill="#1a73e8"></path></svg>
|
||
</div>
|
||
<li class="mega-menu-tile">
|
||
<p class="glue-cta mega-menu-title">
|
||
<a class="text-decoration"
|
||
href="https://goo.gle/sre-classroom"
|
||
title="Classroom"
|
||
aria-label="Classroom">
|
||
Classroom
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption glue-mod-spacer-3-top">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="https://goo.gle/sre-classroom-distributed-pubsub"
|
||
title="Distributed PubSub"
|
||
aria-label="Distributed PubSub"
|
||
>
|
||
Distributed PubSub
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="https://goo.gle/sre-classroom-imageserver"
|
||
title="Distributed Image Server"
|
||
aria-label="Distributed Image Server"
|
||
>
|
||
Distributed Image Server
|
||
</a>
|
||
</p>
|
||
<p class="mega-menu-caption">
|
||
<a class="glue-caption text-decoration mega-menu-variant"
|
||
href="/resources/practices-and-processes/art-of-slos/"
|
||
title="The Art of SLO"
|
||
aria-label="The Art of SLO"
|
||
>
|
||
The Art of SLO
|
||
</a>
|
||
</p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<button class="mega-menu-close-btn btn-override" title="close" type="button" tabindex="0">
|
||
<svg role="presentation" class="glue-icon glue-icon--24px" alt="Close">
|
||
<use xlink:href="/static/img/glue-icons.svg#close"></use>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</section> <ul id="list-2" class="glue-header__list glue-header__list--nested">
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="#"
|
||
title="Latest resources"
|
||
aria-label="Latest resources">
|
||
Latest resources
|
||
</a>
|
||
<ul id="list-3" class="glue-header__list glue-header__list--nested">
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/resources/"
|
||
title="Resources overview"
|
||
aria-label="Resources overview"
|
||
>
|
||
Resources overview
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/resources/practices-and-processes/ai-engineering-reliable-operations/"
|
||
title="AI Engineering Reliable Operations"
|
||
aria-label="AI Engineering Reliable Operations"
|
||
>
|
||
AI Engineering Reliable Operations
|
||
</a>
|
||
<span class="glue-eyebrow new-link-text">New!</span>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/resources/videos/"
|
||
title="Google SRE Video Gallery"
|
||
aria-label="Google SRE Video Gallery"
|
||
>
|
||
Google SRE Video Gallery
|
||
</a>
|
||
<span class="glue-eyebrow new-link-text">New!</span>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/resources/practices-and-processes/product-focused-reliability-for-sre/"
|
||
title="Product-Focused Reliability for SRE"
|
||
aria-label="Product-Focused Reliability for SRE"
|
||
>
|
||
Product-Focused Reliability for SRE
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/20/"
|
||
title="Twentieth Anniversary"
|
||
aria-label="Twentieth Anniversary"
|
||
>
|
||
Twentieth Anniversary
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="https://goo.gle/sre-20-ll"
|
||
title="Twenty years of SRE lessons learned"
|
||
aria-label="Twenty years of SRE lessons learned"
|
||
>
|
||
Twenty years of SRE lessons learned
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/prodverbs/"
|
||
title="Prodverbs"
|
||
aria-label="Prodverbs"
|
||
>
|
||
Prodverbs
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/resources/practices-and-processes/sre-fundamentals-course/"
|
||
title="SRE Fundamentals"
|
||
aria-label="SRE Fundamentals"
|
||
>
|
||
SRE Fundamentals
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/resources/practices-and-processes/measuring-reliability/"
|
||
title="Measuring Reliability"
|
||
aria-label="Measuring Reliability"
|
||
>
|
||
Measuring Reliability
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/resources/practices-and-processes/no-heroes/"
|
||
title="Why Heroism is Bad"
|
||
aria-label="Why Heroism is Bad"
|
||
>
|
||
Why Heroism is Bad
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/resources/practices-and-processes/stpa/"
|
||
title="System Theoretic Process Analysis"
|
||
aria-label="System Theoretic Process Analysis"
|
||
>
|
||
System Theoretic Process Analysis
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/next26/"
|
||
title="Ask an SRE at Next '26"
|
||
aria-label="Ask an SRE at Next '26"
|
||
>
|
||
Ask an SRE at Next '26
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="#"
|
||
title="Books"
|
||
aria-label="Books">
|
||
Books
|
||
</a>
|
||
<ul id="list-3" class="glue-header__list glue-header__list--nested">
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/books/"
|
||
title="Books overview"
|
||
aria-label="Books overview"
|
||
>
|
||
Books overview
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/books/building-secure-reliable-systems/"
|
||
title="Building Secure & Reliable Systems"
|
||
aria-label="Building Secure & Reliable Systems"
|
||
>
|
||
Building Secure & Reliable Systems
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/workbook/table-of-contents/"
|
||
title="The Site Reliability Workbook"
|
||
aria-label="The Site Reliability Workbook"
|
||
>
|
||
The Site Reliability Workbook
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/sre-book/table-of-contents/"
|
||
title="Site Reliability Engineering"
|
||
aria-label="Site Reliability Engineering"
|
||
>
|
||
Site Reliability Engineering
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="#"
|
||
title="Mobaa"
|
||
aria-label="Mobaa">
|
||
Mobaa
|
||
</a>
|
||
<ul id="list-3" class="glue-header__list glue-header__list--nested">
|
||
<li class="glue-header__item glue-header--is-active">
|
||
<a class="glue-header__link"
|
||
href="/mobaa/"
|
||
title="Mobaa overview"
|
||
aria-label="Mobaa overview"
|
||
>
|
||
Mobaa overview
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/mobaa/2024/"
|
||
title="2024 Gallery"
|
||
aria-label="2024 Gallery"
|
||
>
|
||
2024 Gallery
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/mobaa/2022/"
|
||
title="2022 Gallery"
|
||
aria-label="2022 Gallery"
|
||
>
|
||
2022 Gallery
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/mobaa/frayed/"
|
||
title="2020 Gallery"
|
||
aria-label="2020 Gallery"
|
||
>
|
||
2020 Gallery
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="https://goo.gle/mobaa-vector"
|
||
title="Vector Methods"
|
||
aria-label="Vector Methods"
|
||
>
|
||
Vector Methods
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="#"
|
||
title="Classroom"
|
||
aria-label="Classroom">
|
||
Classroom
|
||
</a>
|
||
<ul id="list-3" class="glue-header__list glue-header__list--nested">
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="https://goo.gle/sre-classroom"
|
||
title="Classroom overview"
|
||
aria-label="Classroom overview"
|
||
>
|
||
Classroom overview
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="https://goo.gle/sre-classroom-distributed-pubsub"
|
||
title="Distributed PubSub"
|
||
aria-label="Distributed PubSub"
|
||
>
|
||
Distributed PubSub
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="https://goo.gle/sre-classroom-imageserver"
|
||
title="Distributed Image Server"
|
||
aria-label="Distributed Image Server"
|
||
>
|
||
Distributed Image Server
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/resources/practices-and-processes/art-of-slos/"
|
||
title="The Art of SLO"
|
||
aria-label="The Art of SLO"
|
||
>
|
||
The Art of SLO
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/books/"
|
||
title="Books"
|
||
aria-label="Books"
|
||
>
|
||
Books
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/careers/"
|
||
title="Careers"
|
||
aria-label="Careers"
|
||
>
|
||
Careers
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/cloud/"
|
||
title="Cloud"
|
||
aria-label="Cloud"
|
||
>
|
||
Cloud
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/local/"
|
||
title="Local"
|
||
aria-label="Local"
|
||
>
|
||
Local
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/prodcast/"
|
||
title="Prodcast"
|
||
aria-label="Prodcast"
|
||
>
|
||
Prodcast
|
||
</a>
|
||
</li>
|
||
<li class="glue-header__item">
|
||
<a class="glue-header__link"
|
||
href="/spotlight/"
|
||
title="Spotlight"
|
||
aria-label="Spotlight"
|
||
>
|
||
Spotlight
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="glue-header__bar glue-header__bar--mobile header-bar-mobile">
|
||
<div class="glue-header__tier">
|
||
<div class="glue-header__container">
|
||
<div class="glue-header__lock-up">
|
||
<div class="glue-header__hamburger glue-header__hamburger--first-tier">
|
||
<div class="glue-header__hamburger-wrapper">
|
||
<button type="button" class="glue-header__drawer-toggle-btn"
|
||
aria-controls="header-drawer" aria-expanded="false" aria-label="Open the navigation drawer">
|
||
<svg role="presentation" class="glue-icon glue-icon--24px" alt="Header hamburger" aria-hidden="true">
|
||
<use xlink:href="/static/img/glue-icons.svg#menu"></use>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div class="glue-header__logo">
|
||
<a class="glue-header__logo-link" href="/" aria-label="Google" title="Google">
|
||
<div class="glue-header__logo-container">
|
||
<svg role="presentation" aria-hidden="true" class="glue-header__logo-svg" alt="Google">
|
||
<use xlink:href="/static/img/glue-icons.svg#google-color-logo"></use>
|
||
</svg>
|
||
</div>
|
||
<p class="glue-header__logo--product header-product-logo">Site Reliability Engineering</p>
|
||
</a>
|
||
</div>
|
||
<a href="#page-content" class="glue-header__skip-content" aria-label="Jump to Content" title="Jump to Content">
|
||
<p class="glue-header__skip-content-text">Jump to Content</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="glue-header__drawer-backdrop"></div>
|
||
</header> <main class="main-content" id="page-content">
|
||
<section class="glue-page">
|
||
<h1 class="glue-headline glue-headline--headline-3 glue-mod-spacer-5-top glue-mod-text-center">Welcome to the Museum of Borgmon Abstract Art!</h1>
|
||
<p class="glue-headline glue-headline--headline-7 glue-mod-spacer-2-top glue-mod-spacer-4-bottom glue-mod-text-center text-grey-light">These images offer a glimpse into the visual patterns that appear in our variables and time-series, and the beauty that emerges from chaos. Some of the images in these galleries appeared during difficult rollouts, and some even during production incidents. All come from graphs generated by Google’s monitoring systems.</p>
|
||
<div class="glue-grid">
|
||
<div class="glue-grid__col glue-grid__col--span-4 glue-grid__col--span-12-md glue-mod-spacer-5-bottom">
|
||
<div class="slos-content">
|
||
<div class="slos-content__slos-item slos-content__variant gallery-image">
|
||
<img src="https://lh3.googleusercontent.com/9I3SwiYSb70GAnZ3TqPUv8uIJtqsQCrzXwM_hJVwkJPcKUO7PcidDzQN5ZE5IjtBWbYf0bgaP5r09kQ1jxUnRoeAL0TL_ZUPCJuOikArxzrN1Q390w" alt="2024 Gallery"/>
|
||
</div>
|
||
<div class="slos-content__classroom">
|
||
<h2 class="slos-content__slos-item-link glue-mod-spacer-2-bottom glue-headline glue-headline--headline-5"><a href="/mobaa/2024/">2024 Gallery</a></h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="glue-grid__col glue-grid__col--span-4 glue-grid__col--span-12-md glue-mod-spacer-5-bottom">
|
||
<div class="slos-content">
|
||
<div class="slos-content__slos-item slos-content__variant gallery-image">
|
||
<img src="https://lh3.googleusercontent.com/CutMKI-6ZTk_GukFJKE5-f_Laq3iULciRggoJeOQjxEl7HDztGHi583yJN6ONrl4GJDnGqWC7-A_Ut-aBO_Kblnzrzein0jF6RcEIMchQSq1Qqhe6w" alt="2022 Gallery"/>
|
||
</div>
|
||
<div class="slos-content__classroom">
|
||
<h2 class="slos-content__slos-item-link glue-mod-spacer-2-bottom glue-headline glue-headline--headline-5"><a href="/mobaa/2022/">2022 Gallery</a></h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="glue-grid__col glue-grid__col--span-4 glue-grid__col--span-12-md glue-mod-spacer-5-bottom">
|
||
<div class="slos-content">
|
||
<div class="slos-content__slos-item slos-content__variant gallery-image">
|
||
<img src="https://lh3.googleusercontent.com/1Y4tOCOzPuE6lE3HJ21oGOKRZcDe07ZB1Idm_UWhh9--F7q_kEZhStf8dkSWRcEYiR2yyof42Ivj9DDSZ-pDSTu7sNyUt50t8U9fkw" alt="fraying graph"/>
|
||
</div>
|
||
<div class="slos-content__classroom">
|
||
<h2 class="slos-content__slos-item-link glue-mod-spacer-2-bottom glue-headline glue-headline--headline-5"><a href="/mobaa/frayed/">2020 Gallery</a></h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="glue-grid__col glue-grid__col--span-4 glue-grid__col--span-12-md glue-mod-spacer-5-bottom">
|
||
<div class="slos-content">
|
||
<div class="slos-content__slos-item slos-content__variant gallery-image">
|
||
<img src="https://lh3.googleusercontent.com/RjXTautFy65DRZPnC_87XJdzBf_D6Ah5em7DHhH-WHeah6Ttt06FKb_kcxYoPI-Ut8N3M0Mu8K5pRxhvvJUsBRR0LWZoR4t4jz8_GA" alt="vector methods"/>
|
||
</div>
|
||
<div class="slos-content__classroom">
|
||
<h2 class="slos-content__slos-item-link glue-mod-spacer-2-bottom glue-headline glue-headline--headline-5"><a href="/mobaa/methods/">Vector Methods</a></h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
|
||
<div class="bottom-banner
|
||
">
|
||
<style>
|
||
.bg45a01c574e0482b22bf0b6aebc601f9f {
|
||
background-image: url(https://lh3.googleusercontent.com/9Ia2Snf1-MdWMi5i-z9Y-445TfuxmSwGwYKkar7u1NBKMqi3ILjxdLq3ZXgkWPRQq4vB5MYnrc0dM9zXy06fc2oBKUc5XGm7uZkWPxA);
|
||
}
|
||
</style>
|
||
|
||
<div class="bg45a01c574e0482b22bf0b6aebc601f9f bg-image">
|
||
<div class="bottom-banner__banner-content" id="bottom-banner-button">
|
||
<h2 class="bottom-banner__banner-content-heading glue-headline glue-headline--headline-3 glue-mod-spacer-3-bottom">
|
||
Interested in joining SRE?
|
||
</h2>
|
||
<p class="bottom-banner__spacer">
|
||
Google strives to cultivate an inclusive workplace. <span>We believe diversity of perspectives and ideas leads to better discussions, decisions, and outcomes for everyone.</span>
|
||
</p>
|
||
<a class="glue-mod-spacer-3-top no-decoration" href="https://www.google.com/about/careers/applications/jobs/results/?q=%22site+reliability+engineering%22"
|
||
target="_blank" rel="noopener noreferrer" aria-label="Explore SRE opportunities at Google">
|
||
<button class="glue-button glue-button--low-emphasis glue-button--reversed-alternate glue-button--icon-right"
|
||
tabindex="0" aria-controls="bottom-banner-button" aria-label="Explore SRE opportunities at Google">
|
||
Explore SRE opportunities at Google
|
||
<svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--20px">
|
||
<use xlink:href="/static/img/glue-icons.svg#open-in-new"></use>
|
||
</svg>
|
||
</button>
|
||
</a>
|
||
</div> </div>
|
||
</div>
|
||
</main>
|
||
<footer class="glue-footer">
|
||
<section class="glue-footer__upper">
|
||
<div class="glue-social glue-social__group">
|
||
<p class="glue-social__title glue-social__title--inline">Follow us</p>
|
||
<ul class="glue-social__list glue-no-bullet">
|
||
<li class="glue-social__item">
|
||
<a class="glue-social__link" href="https://www.twitter.com/googlesre/" target="_blank" rel="noopener noreferrer" title="Follow us on Twitter">
|
||
<svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--24px glue-icon--social" alt="twitter-X">
|
||
<use xlink:href="/static/img/glue-icons.svg#twitter-X"></use>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
<li class="glue-social__item">
|
||
<a class="glue-social__link" href="https://www.youtube.com/google" target="_blank" rel="noopener noreferrer" title="Follow us on YouTube">
|
||
<svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--24px glue-icon--social" alt="video-youtube">
|
||
<use xlink:href="/static/img/glue-icons.svg#video-youtube"></use>
|
||
</svg>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
<section class="glue-footer__global">
|
||
<div class="glue-footer__logo">
|
||
<a href="https://www.google.com" target="_blank" rel="noopener noreferrer" aria-label="Google" title="Google">
|
||
<svg role="img" aria-hidden="true" class="glue-footer__logo-img" alt="Google">
|
||
<use xlink:href="/static/img/glue-icons.svg#google-solid-logo"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
<ul class="glue-footer__global-links glue-no-bullet">
|
||
<li class="glue-footer__global-links-list-item">
|
||
<a class="glue-footer__link" href="https://about.google/" target="_blank" rel="noopener noreferrer" aria-label="About Google" title="About Google">About Google</a>
|
||
</li>
|
||
<li class="glue-footer__global-links-list-item">
|
||
<a class="glue-footer__link" href="https://about.google/products/" target="_blank" rel="noopener noreferrer" aria-label="Google products" title="Google products">Google products</a>
|
||
</li>
|
||
<li class="glue-footer__global-links-list-item">
|
||
<a class="glue-footer__link" href="https://policies.google.com/privacy" target="_blank" rel="noopener noreferrer" aria-label="Privacy" title="Privacy">Privacy</a>
|
||
</li>
|
||
<li class="glue-footer__global-links-list-item">
|
||
<a class="glue-footer__link" href="https://policies.google.com/terms" target="_blank" rel="noopener noreferrer" aria-label="Terms" title="Terms">Terms</a>
|
||
</li>
|
||
</ul>
|
||
<ul class="glue-footer__global-links glue-footer__global-links--extra glue-no-bullet">
|
||
<li class="glue-footer__global-links-list-item glue-footer__global-links-list-item--extra">
|
||
<a class="glue-footer__link" href="https://support.google.com/?hl=en" aria-label="Help" title="Help" target="_blank" rel="noopener noreferrer">
|
||
<svg role="img" aria-hidden="true" class="glue-icon glue-icon--24px glue-icon--footer-help" alt="Help">
|
||
<use xlink:href="/static/img/glue-icons.svg#help"></use>
|
||
</svg>
|
||
Help
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
</footer>
|
||
<script defer src="https://www.gstatic.com/external_hosted/hammerjs/v2_0_2/hammer.min.js"></script>
|
||
<script defer src="/static/js/index.min.js?cache=50d0546"></script>
|
||
<script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js"
|
||
data-glue-cookie-notification-bar-category="2B"
|
||
data-glue-cookie-notification-bar-language="en"
|
||
data-glue-cookie-notification-bar-site-id="sre.google">
|
||
</script>
|
||
</body>
|
||
</html> |