








<!doctype html>
<html 
      lang="en"
      dir="ltr">
  <head>
    <meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com"><meta name="google-signin-scope"
          content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty"><meta property="og:site_name" content="Google for Developers">
    <meta property="og:type" content="website"><meta name="theme-color" content="#1a73e8"><meta charset="utf-8">
    <meta content="IE=Edge" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    

    <link rel="manifest" href="/_pwa/developers/manifest.json"
          crossorigin="use-credentials">
    <link rel="preconnect" href="//www.gstatic.com" crossorigin>
    <link rel="preconnect" href="//fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="//www.google-analytics.com" crossorigin><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap">
      <link rel="stylesheet"
            href="//fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060/developers/css/app.css">
      <link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060/developers/images/favicon-new.png">
    <link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060/developers/images/touchicon-180-new.png"><link rel="canonical" href="https://developers.google.com/colab"><link rel="search" type="application/opensearchdescription+xml"
            title="Google for Developers" href="https://developers.google.com/s/opensearch.xml">
      <link rel="alternate" hreflang="en"
          href="https://developers.google.com/colab" /><link rel="alternate" hreflang="x-default" href="https://developers.google.com/colab" /><title>Colab &nbsp;|&nbsp; Google for Developers</title>

<meta property="og:title" content="Colab &nbsp;|&nbsp; Google for Developers"><meta name="description" content="Colab notebooks let you combine executable code and rich text in a single document, along with images, HTML, LaTeX and more.
">
  <meta property="og:description" content="Colab notebooks let you combine executable code and rich text in a single document, along with images, HTML, LaTeX and more.
"><meta property="og:url" content="https://developers.google.com/colab"><meta property="og:image" content="https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060/developers/images/opengraph/google-blue.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="675"><meta property="og:locale" content="en"><meta name="twitter:card" content="summary_large_image"><script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Article",
    
    "headline": ""
  }
</script>
    </head>
  <body class="color-scheme--light"
        template="landing"
        theme="google-blue"
        type="article"
        
        
        
        layout="full"
        
        
        
        
        
        
        pending>
  
    <devsite-progress type="indeterminate" id="app-progress"></devsite-progress>
  
  
    <a href="#main-content" class="skip-link button">
      
      Skip to main content
    </a>
    <section class="devsite-wrapper">
      <devsite-cookie-notification-bar></devsite-cookie-notification-bar>
        <devsite-header role="banner">
  
    





















<div class="devsite-header--inner" data-nosnippet>
  <div class="devsite-top-logo-row-wrapper-wrapper">
    <div class="devsite-top-logo-row-wrapper">
      <div class="devsite-top-logo-row">
        <button type="button" id="devsite-hamburger-menu"
          class="devsite-header-icon-button button-flat material-icons gc-analytics-event"
          data-category="Site-Wide Custom Events"
          data-label="Navigation menu button"
          visually-hidden
          aria-label="Open menu">
        </button>
        
<div class="devsite-product-name-wrapper">

  <a href="/" class="devsite-site-logo-link gc-analytics-event"
   data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav"
   track-name="colab" track-metadata-position="nav"
   track-metadata-eventDetail="nav">
  
  <picture>
    
    <img src="https://developers.google.com/static/colab/images/colab-logo-color.png" class="devsite-site-logo" alt="Colab">
  </picture>
  
</a>



  
  
  <span class="devsite-product-name">
    <ul class="devsite-breadcrumb-list"
  >
  
  <li class="devsite-breadcrumb-item
             ">
    
    
    
      
      
    
  </li>
  
</ul>
  </span>

</div>
        <div class="devsite-top-logo-row-middle">
          <div class="devsite-header-upper-tabs">
            
              
              
  <devsite-tabs class="upper-tabs">

    <nav class="devsite-tabs-wrapper" aria-label="Upper tabs">
      
        
          <tab  class="devsite-active">
            
    <a href="https://developers.google.com/colab"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://developers.google.com/colab"
    
       track-type="nav"
       track-metadata-position="nav - home"
       track-metadata-module="primary nav"
       aria-label="Home, selected" 
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: Home"
         
           track-name="home"
         
       >
    Home
  
    </a>
    
  
          </tab>
        
      
        
          <tab  >
            
    <a href="https://developers.google.com/colab/notebooks"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://developers.google.com/colab/notebooks"
    
       track-type="nav"
       track-metadata-position="nav - notebooks"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: Notebooks"
         
           track-name="notebooks"
         
       >
    Notebooks
  
    </a>
    
  
          </tab>
        
      
        
          <tab  >
            
    <a href="https://developers.google.com/colab/blog"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://developers.google.com/colab/blog"
    
       track-type="nav"
       track-metadata-position="nav - blog"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: Blog"
         
           track-name="blog"
         
       >
    Blog
  
    </a>
    
  
          </tab>
        
      
        
          <tab  >
            
    <a href="https://colab.research.google.com/notebooks/relnotes.ipynb"
    class="devsite-tabs-content gc-analytics-event "
      track-metadata-eventdetail="https://colab.research.google.com/notebooks/relnotes.ipynb"
    
       track-type="nav"
       track-metadata-position="nav - release notes"
       track-metadata-module="primary nav"
       
       
         
           data-category="Site-Wide Custom Events"
         
           data-label="Tab: Release notes"
         
           track-name="release notes"
         
       >
    Release notes
  
    </a>
    
  
          </tab>
        
      
    </nav>

  </devsite-tabs>

            
           </div>
          
<devsite-search
    enable-signin
    enable-search
    enable-suggestions
      enable-query-completion
    
    enable-search-summaries
    project-name="Colab"
    tenant-name="Google for Developers"
    project-scope="/colab"
    url-scoped="https://developers.google.com/s/results/colab"
    
    
    
    >
  <form class="devsite-search-form" action="https://developers.google.com/s/results" method="GET">
    <div class="devsite-search-container">
      <button type="button"
              search-open
              class="devsite-search-button devsite-header-icon-button button-flat material-icons"
              
              aria-label="Open search"></button>
      <div class="devsite-searchbox">
        <input
          aria-activedescendant=""
          aria-autocomplete="list"
          
          aria-label="Search"
          aria-expanded="false"
          aria-haspopup="listbox"
          autocomplete="off"
          class="devsite-search-field devsite-search-query"
          name="q"
          
          placeholder="Search"
          role="combobox"
          type="text"
          value=""
          >
          <div class="devsite-search-image material-icons" aria-hidden="true">
            
              <svg class="devsite-search-ai-image" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <g clip-path="url(#clip0_6641_386)">
                    <path d="M19.6 21L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16C7.68333 16 6.14167 15.375 4.875 14.125C3.625 12.8583 3 11.3167 3 9.5C3 7.68333 3.625 6.15 4.875 4.9C6.14167 3.63333 7.68333 3 9.5 3C10.0167 3 10.5167 3.05833 11 3.175C11.4833 3.275 11.9417 3.43333 12.375 3.65L10.825 5.2C10.6083 5.13333 10.3917 5.08333 10.175 5.05C9.95833 5.01667 9.73333 5 9.5 5C8.25 5 7.18333 5.44167 6.3 6.325C5.43333 7.19167 5 8.25 5 9.5C5 10.75 5.43333 11.8167 6.3 12.7C7.18333 13.5667 8.25 14 9.5 14C10.6667 14 11.6667 13.625 12.5 12.875C13.35 12.1083 13.8417 11.15 13.975 10H15.975C15.925 10.6333 15.7833 11.2333 15.55 11.8C15.3333 12.3667 15.05 12.8667 14.7 13.3L21 19.6L19.6 21ZM17.5 12C17.5 10.4667 16.9667 9.16667 15.9 8.1C14.8333 7.03333 13.5333 6.5 12 6.5C13.5333 6.5 14.8333 5.96667 15.9 4.9C16.9667 3.83333 17.5 2.53333 17.5 0.999999C17.5 2.53333 18.0333 3.83333 19.1 4.9C20.1667 5.96667 21.4667 6.5 23 6.5C21.4667 6.5 20.1667 7.03333 19.1 8.1C18.0333 9.16667 17.5 10.4667 17.5 12Z" fill="#5F6368"/>
                  </g>
                <defs>
                <clipPath id="clip0_6641_386">
                <rect width="24" height="24" fill="white"/>
                </clipPath>
                </defs>
              </svg>
            
          </div>
          <div class="devsite-search-shortcut-icon-container" aria-hidden="true">
            <kbd class="devsite-search-shortcut-icon">/</kbd>
          </div>
      </div>
    </div>
  </form>
  <button type="button"
          search-close
          class="devsite-search-button devsite-header-icon-button button-flat material-icons"
          
          aria-label="Close search"></button>
</devsite-search>

        </div>

        

          

          

          

          

          
<devsite-language-selector>
  <ul role="presentation">
    
    
    <li role="presentation">
      <a role="menuitem" lang="en"
        >English</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="de"
        >Deutsch</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="es"
        >Español</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="fr"
        >Français</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="id"
        >Indonesia</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="pt_br"
        >Português – Brasil</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ru"
        >Русский</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="zh_cn"
        >中文 – 简体</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ja"
        >日本語</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ko"
        >한국어</a>
    </li>
    
  </ul>
</devsite-language-selector>


          
            <a class="devsite-header-link devsite-top-button button gc-analytics-event "
    href="//colab.research.google.com/"
    data-category="Site-Wide Custom Events"
    data-label="Site header link: Open Colab"
    >
  Open Colab
</a>
          
            <a class="devsite-header-link devsite-top-button button gc-analytics-event "
    href="//colab.research.google.com/signup?utm_source=google_developers_colab&amp;utm_medium=link&amp;utm_campaign=sign_up"
    data-category="Site-Wide Custom Events"
    data-label="Site header link: Sign up"
    >
  Sign up
</a>
          

        

        
          <devsite-user 
                        
                        
                          enable-profiles
                        
                        
                          fp-auth
                        
                        id="devsite-user">
            
              
              <span class="button devsite-top-button" aria-hidden="true" visually-hidden>Sign in</span>
            
          </devsite-user>
        
        
        
      </div>
    </div>
  </div>



  <div class="devsite-collapsible-section
    
      devsite-header-no-lower-tabs
    ">
    <div class="devsite-header-background">
      
      
    </div>
  </div>

</div>



  

  
</devsite-header>
        <devsite-book-nav scrollbars hidden>
          
            





















<div class="devsite-book-nav-filter"
     hidden>
  <span class="filter-list-icon material-icons" aria-hidden="true"></span>
  <input type="text"
         placeholder="Filter"
         
         aria-label="Type to filter"
         role="searchbox">
  
  <span class="filter-clear-button hidden"
        data-title="Clear filter"
        aria-label="Clear filter"
        role="button"
        tabindex="0"></span>
</div>

<nav class="devsite-book-nav devsite-nav nocontent" data-nosnippet
     aria-label="Side menu">
  <div class="devsite-mobile-header">
    <button type="button"
            id="devsite-close-nav"
            class="devsite-header-icon-button button-flat material-icons gc-analytics-event"
            data-category="Site-Wide Custom Events"
            data-label="Close navigation"
            aria-label="Close navigation">
    </button>
    <div class="devsite-product-name-wrapper">

  <a href="/" class="devsite-site-logo-link gc-analytics-event"
   data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav"
   track-name="colab" track-metadata-position="nav"
   track-metadata-eventDetail="nav">
  
  <picture>
    
    <img src="https://developers.google.com/static/colab/images/colab-logo-color.png" class="devsite-site-logo" alt="Colab">
  </picture>
  
</a>


  
      <span class="devsite-product-name">
        
        
        <ul class="devsite-breadcrumb-list"
  >
  
  <li class="devsite-breadcrumb-item
             ">
    
    
    
      
      
    
  </li>
  
</ul>
      </span>
    

</div>
  </div>

  <div class="devsite-book-nav-wrapper">
    <div class="devsite-mobile-nav-top">
      
        <ul class="devsite-nav-list">
          
            <li class="devsite-nav-item">
              
  
  <a href="/colab"
    
       class="devsite-nav-title gc-analytics-event
              
              devsite-nav-active"
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: Home"
      
        track-name="home"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Home"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Home
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/colab/notebooks"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: Notebooks"
      
        track-name="notebooks"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Notebooks"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Notebooks
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="/colab/blog"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: Blog"
      
        track-name="blog"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Blog"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Blog
   </span>
    
  
  </a>
  

  
              
            </li>
          
            <li class="devsite-nav-item">
              
  
  <a href="https://colab.research.google.com/notebooks/relnotes.ipynb"
    
       class="devsite-nav-title gc-analytics-event
              
              "
    

    
      
        data-category="Site-Wide Custom Events"
      
        data-label="Tab: Release notes"
      
        track-name="release notes"
      
    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Release notes"
     track-type="globalNav"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Release notes
   </span>
    
  
  </a>
  

  
              
            </li>
          
          
    
    
<li class="devsite-nav-item">

  
  <a href="//colab.research.google.com/"
    
       class="devsite-nav-title gc-analytics-event "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Open Colab"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Open Colab
   </span>
    
  
  </a>
  

</li>

  
    
    
<li class="devsite-nav-item">

  
  <a href="//colab.research.google.com/signup?utm_source=google_developers_colab&amp;utm_medium=link&amp;utm_campaign=sign_up"
    
       class="devsite-nav-title gc-analytics-event "
    

    
     data-category="Site-Wide Custom Events"
     data-label="Responsive Tab: Sign up"
     track-type="navMenu"
     track-metadata-eventDetail="globalMenu"
     track-metadata-position="nav">
  
    <span class="devsite-nav-text" tooltip >
      Sign up
   </span>
    
  
  </a>
  

</li>

  
          
        </ul>
      
    </div>
    
  </div>
</nav>
          
        </devsite-book-nav>
      
      <section id="gc-wrapper">
        <main role="main" id="main-content" class="devsite-main-content"
            
              
              
            >
          <div class="devsite-sidebar">
            <div class="devsite-sidebar-content">
                
                <devsite-toc class="devsite-nav"
                            role="navigation"
                            aria-label="On this page"
                            depth="2"
                            scrollbars
                            data-nosnippet
                  disabled></devsite-toc>
                <devsite-recommendations-sidebar class="nocontent devsite-nav" data-nosnippet>
                </devsite-recommendations-sidebar>
            </div>
          </div>
          <devsite-content>
            
              










<article class="devsite-article"><style>
      /* Styles inlined from /colab/styles/home.css */
@import '/colab/styles/base.css';

.colab-bg-yellow-dots {
  background-image: url(/colab/images/backgrounds/yellow-dots.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 720px;
  padding: 0 8px
}

.colab-bg-yellow-fade {
  background-image: url(/colab/images/backgrounds/yellow-fade.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 329px;
  padding: 0 8px
}

.colab-section {
  padding: 0 0 136px 0;
}

.colab-home__hero {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  margin: 6px 0;
  text-align: center;
}

.colab-home__hero-title {
  font: 500 80px/80px Google Sans, sans-serif;
  margin-bottom: 0;
}

.colab-masthead__description.colab-home__hero-description {
  color: #fff;
  font: 400 32px/40px Google Sans, sans-serif;
  margin: 0;
  max-width: 868px;
  text-wrap: balance;
}

.colab-home__video {
  align-items: center;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  margin-bottom: 88px;
}

.colab-home__video-content {
  aspect-ratio: 16 / 9;
  border-radius: 40px;
  display: block;
  height: auto;
  margin-inline: auto;
  max-height: 472.5px;
  max-width: 840px;
  width: 100%;
}

.colab-home__features {
  padding-bottom: 40px;
  gap: 24px;
}

.colab-home__features .material-icons {
  background: linear-gradient(to bottom, #ea8600, #fbbc04);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.colab-label__purple {
  color: #ca99ff;
}

.colab-label__green {
  color: #41c183;
}

.colab-container-top {
  padding-bottom: 0;
}

.colab-container-bottom {
  padding-top: 0;
}

.colab-super-container {
  background-color: #313131;
  border-radius: 72px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 56px;
}

.colab-super-container__left {
  max-width: 460px;
}

.colab-super-container__right,
.colab-super-container__left {
  display: flex;
  flex: 0 1 50%;
  flex-direction: column;
  justify-content: center;
}

.colab-super-container__left .button {
  width: fit-content;
}

.colab-super-container__right--video {
  border-radius: 40px;
}

.colab-super-container .colab-super-container__title {
  font: 500 40px/48px Roboto, Google Sans, sans-serif;
  margin: 0 0 16px;
}

.colab-super-container .colab-super-container__description {
  margin: 0 0 24px;
}

.colab-super-container .colab-card {
  background-color: #454545;
}

.colab-icon-small {
  height: 32px;
  object-fit: cover;
  width: 32px;
}

.colab-icon-medium {
  height: auto;
  object-fit: cover;
  width: 48px;
}

.colab-section-footer .colab-card {
  background: transparent;
  border: 1px solid #80868b;
  max-width: 336px;
  padding: 32px;
}

.colab-section-footer .colab-masthead__title {
  margin-bottom: 40px;
}

.colab-section-footer .colab-card .colab-card__content {
  flex: 1 1 auto;
  gap: 8px;
}

.colab-section-footer .colab-card .colab-card__description,
.colab-section-footer .colab-card .colab-card__title {
  margin-bottom: 0;
}

.colab-section-footer .colab-masthead .colab-masthead__title {
  font: 500 40px / 48px Roboto, Google Sans, sans-serif;
  text-wrap: balance;
}

@media (max-width: 1024px) {
  .colab-home-hero {
    margin: 42px 0;
  }

  .colab-home-hero__title {
    font: 500 56px/62px Google Sans, sans-serif;
  }

  .colab-home-hero__description {
    font: 400 24px/32px Google Sans, sans-serif;
  }

  .colab-home__video {
    margin-bottom: 40px;
  }

  .colab-super-container {
    border-radius: 40px;
    padding: 32px 8px 8px;
    gap: 0;
  }

  .colab-super-container__left {
    padding: 24px 16px 12px 16px;
  }

  .colab-super-container__right {
    padding: 12px 16px 24px 16px;
  }

  .colab-super-container .colab-super-container__title {
    font: 500 36px/44px Roboto, Google Sans, sans-serif;
  }
}

/* Overrides for background images. */
.colab-bg-blue-yellow > div,
.colab-bg-yellow-dots > div {
  --devsite-landing-group-background-color: transparent;
}


      </style>
  
  
  
  
  

  <div class="devsite-article-meta nocontent" role="navigation" data-nosnippet>
    
    
    <ul class="devsite-breadcrumb-list"
  
    aria-label="Breadcrumb">
  
  <li class="devsite-breadcrumb-item
             ">
    
    
    
      
        
  <a href="https://developers.google.com/"
      
        class="devsite-breadcrumb-link gc-analytics-event"
      
        data-category="Site-Wide Custom Events"
      
        data-label="Breadcrumbs"
      
        data-value="1"
      
        track-type="globalNav"
      
        track-name="breadcrumb"
      
        track-metadata-position="1"
      
        track-metadata-eventdetail=""
      
    >
    
          Home
        
  </a>
  
      
    
  </li>
  
  <li class="devsite-breadcrumb-item
             ">
    
      
      <div class="devsite-breadcrumb-guillemet material-icons" aria-hidden="true"></div>
    
    
    
      
        
  <a href="https://developers.google.com/colab"
      
        class="devsite-breadcrumb-link gc-analytics-event"
      
        data-category="Site-Wide Custom Events"
      
        data-label="Breadcrumbs"
      
        data-value="2"
      
        track-type="globalNav"
      
        track-name="breadcrumb"
      
        track-metadata-position="2"
      
        track-metadata-eventdetail="Colab"
      
    >
    
          Colab
        
  </a>
  
      
    
  </li>
  
</ul>
    
  </div>
  <devsite-actions hidden data-nosnippet><devsite-feature-tooltip
      ack-key="AckCollectionsBookmarkTooltipDismiss"
      analytics-category="Site-Wide Custom Events"
      analytics-action-show="Callout Profile displayed"
      analytics-action-close="Callout Profile dismissed"
      analytics-label="Create Collection Callout"
      class="devsite-page-bookmark-tooltip nocontent"
      data-nosnippet
      dismiss-button="true"
      id="devsite-collections-dropdown"
      
      dismiss-button-text="Dismiss"

      
      close-button-text="Got it">

    
    
      <devsite-bookmark></devsite-bookmark>
    

    <span slot="popout-heading">
      
      Stay organized with collections
    </span>
    <span slot="popout-contents">
      
      Save and categorize content based on your preferences.
    </span>
  </devsite-feature-tooltip></devsite-actions>
  
    
  

  <devsite-toc class="devsite-nav"
    depth="2"
    devsite-toc-embedded
    disabled>
  </devsite-toc>
  
    
  <div class="devsite-article-body clearfix
  devsite-no-page-title">

  
    
  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-100 colab-bg-blue-yellow"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    <section class="colab-home__hero">
  <h1 class="colab-masthead__title colab-home__hero-title" id="meet-the-new-colab" data-text="Meet the new Colab" tabindex="-1">Meet the <span class="colab-color-yellow">new</span> Colab</h1>
  <h2 class="colab-masthead__description colab-home__hero-description" id="your-ai-driven,-all-purpose-coding-partner,-seamlessly-embedded-in-the-notebook-you-already-use." data-text="     Your AI-driven, all-purpose coding partner, seamlessly embedded in the notebook you already use.   " tabindex="-1">
    Your AI-driven, all-purpose coding partner, seamlessly embedded in the notebook you already use.
  </h2>
  <div class="colab-item-row">
    <a class="button colab-white-button" href="https://colab.new/">
      Experience Colab powered by AI
    </a>
    <a class="button" href="https://colab.research.google.com/signup">
      Go Pro and get more compute power
    </a>
  </div>
</section>
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-100 colab-bg-yellow-dots"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      
        <div class="devsite-landing-row-html">
          <div class="colab-home__video">
  <video width="1280" height="720" autoplay muted playsinline class="colab-home__video-content">
    <source src="https://dl.google.com/devsite/colab/ai-video-May2026.mp4" type="video/mp4">
  </video>
</div>

        </div>
      
    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-3-up devsite-landing-row-100 devsite-landing-row-item-centered colab-home__features"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item devsite-landing-row-item-no-media"
     
     
     
    description-position="bottom"
  >

  
    

    
    <div class="devsite-landing-row-item-description"
         
    icon-position="top"
  >

      
  
    
  <div class="devsite-landing-row-item-icon-container"
       
       
       
    size="medium"
  >
  
    <div class="devsite-landing-row-item-icon material-icons" aria-hidden="true">
      wifi_protected_setup
    </div>
  
  </div>
  
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="zero-setup-environment"
        data-text="Zero setup Environment"
        class="hide-from-toc no-link"
        tabindex="0">
      
    
        Zero setup Environment
      
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            A hosted Jupyter Notebook service that requires no setup, with pre-configured runtimes to get you started instantly.

          </div>
        

        

        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item devsite-landing-row-item-no-media"
     
     
     
    description-position="bottom"
  >

  
    

    
    <div class="devsite-landing-row-item-description"
         
    icon-position="top"
  >

      
  
    
  <div class="devsite-landing-row-item-icon-container"
       
       
       
    size="medium"
  >
  
    <div class="devsite-landing-row-item-icon material-icons" aria-hidden="true">
      storage
    </div>
  
  </div>
  
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="free-compute-access"
        data-text="Free Compute Access"
        class="hide-from-toc no-link"
        tabindex="0">
      
    
        Free Compute Access
      
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Get free access to powerful computing resources, including GPUs and TPUs, to accelerate your machine learning projects.

          </div>
        

        

        
      </div>
    </div>
    
  

</div>
        
          <div class="devsite-landing-row-item devsite-landing-row-item-no-media"
     
     
     
    description-position="bottom"
  >

  
    

    
    <div class="devsite-landing-row-item-description"
         
    icon-position="top"
  >

      
  
    
  <div class="devsite-landing-row-item-icon-container"
       
       
       
    size="medium"
  >
  
    <div class="devsite-landing-row-item-icon material-icons" aria-hidden="true">
      integration_instructions
    </div>
  
  </div>
  
  


      <div class="devsite-landing-row-item-body">
        

        
    <h3 id="integrated-collaboration"
        data-text="Integrated Collaboration"
        class="hide-from-toc no-link"
        tabindex="0">
      
    
        Integrated Collaboration
      
  
    </h3>
  

        
          <div class="devsite-landing-row-item-description-content">
            Easily share notebooks, manage versions, and connect to Google Drive for a fully integrated and collaborative experience.

          </div>
        

        

        
      </div>
    </div>
    
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-100"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    

<section class="colab-section">
  <div class="colab-masthead">
    <img alt="Orange yellow Colab logo" src="/static/colab/images/colab-logo.svg">
    <h3 class="colab-masthead__title text-center" id="your-collaborativepartner-for-ai-coding" data-text="Your collaborativepartner for AI coding" tabindex="-1">Your collaborative<br>partner for AI coding</h3>
    <p class="colab-masthead__description text-center">
      Data prep, model training, code reviews—with collaborative AI, you can do it all on a single intuitive platform. No setup, no switching tools, just a shorter and smoother route from ideas to results.
    </p>
  </div>
  <div class="colab-item-row colab-item-gap">
    <div class="colab-card">
      <img class="colab-card__image" alt="Dark UI with blue and white progress bars and dotted line" src="/static/colab/images/intuitive-coding.png">
      <div class="colab-card__content">
        <h3 class="colab-card__title" id="intuitive-coding" data-text="           Intuitive coding         " tabindex="-1">
          Intuitive coding
        </h3>
        <p class="colab-card__description">
          Use natural language to generate, explain, and debug code in real time.
        </p>
      </div>
    </div>
    <div class="colab-card">
      <img class="colab-card__image" alt="Dark screen with blue star icon and dotted lines" src="/static/colab/images/autonomous-analysis.png">
      <div class="colab-card__content">
        <h3 class="colab-card__title" id="autonomous-analysis" data-text="           Autonomous analysis         " tabindex="-1">
          Autonomous analysis
        </h3>
        <p class="colab-card__description">
          Ask AI anything. From charts to insights, Gemini generates  and runs the code to find an answer.
        </p>
      </div>
    </div>
    <div class="colab-card">
      <img class="colab-card__image" alt="Dark UI with blue and white blocks and input field with arrow" src="/static/colab/images/effortless-code.png">
      <div class="colab-card__content">
        <h3 class="colab-card__title" id="effortless-code-transformation" data-text="           Effortless code transformation         " tabindex="-1">
          Effortless code transformation
        </h3>
        <p class="colab-card__description">
          Your existing code, transformed with a single prompt. Refresh, optimize, and document with Gemini.
        </p>
      </div>
    </div>
  </div>
</section>

<section class="colab-section">
  <div class="colab-super-container">
    <div class="colab-super-container__top colab-item-row colab-item-gap">
      <div class="colab-super-container__left">
        <h2 class="colab-super-container__title" id="supercharge-your-learning-and-research" data-text="Supercharge your learning and research" tabindex="-1">Supercharge your learning and research</h2>
        <p class="colab-super-container__description">For educators using Colab to teach Python and data science, Gemini explains and corrects as an on-demand teacher's aide. And for researchers exploring data, Gemini can build models without damaging infrastructure.</p>
        <a href="https://medium.com/google-colab/tagged/education" class="button colab-white-button">
          See Colab in the classroom
        </a>
      </div>
      <div class="colab-super-container__right">
        <devsite-carousel data-items-per-slide="1">
          <ul>
            <li>
              <devsite-video video-id="SThT9rw0sPU" class="colab-super-container__right--video">
              </devsite-video>
            </li>
            <li>
              <devsite-video video-id="kw0CZkFELi4" class="colab-super-container__right--video">
              </devsite-video>
            </li>
          </ul>
        </devsite-carousel>
      </div>
    </div>
    <div class="colab-super-container__bottom colab-item-row colab-item-gap">
      <div class="colab-card">
        <img class="colab-card__image" alt="Dark UI with white shapes, orange cursor pointer" src="/static/colab/images/interface.png">
        <div class="colab-card__content">
          <h3 class="colab-card__title" id="interface" data-text="             Interface           " tabindex="-1">
            Interface
          </h3>
          <p class="colab-card__description">
            
            Student-friendly, ready-to-use interface in browser reduces learning curve for new users while making sharing simple for group collaboration.
          </p>
        </div>
      </div>
      <div class="colab-card">
        <img class="colab-card__image" alt="Dark UI with input box, orange square, and white blocks" src="/static/colab/images/notebooks.png">
        <div class="colab-card__content">
          <h3 class="colab-card__title" id="notebooks" data-text="             Notebooks           " tabindex="-1">
            Notebooks
          </h3>
          <p class="colab-card__description">
            Pre-populated notebook tutorials with interactive notes provide learners with the tools they need to start creating.
          </p>
        </div>
      </div>
      <div class="colab-card">
        <img class="colab-card__image" alt="Laptop and phone icons connected by dotted line" src="/static/colab/images/on-the-go.png">
        <div class="colab-card__content">
          <h3 class="colab-card__title" id="on-the-go" data-text="             On-the-Go           " tabindex="-1">
            On-the-Go
          </h3>
          <p class="colab-card__description">
            Accessible through any Internet-enabled device, whether you're at your desk or bringing your mobile tech with you.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="colab-section">
  <div class="colab-super-container">
    <div class="colab-super-container__top colab-item-row colab-item-gap">
      <div class="colab-super-container__left">
        <h3 class="colab-super-container__title" id="secure,-collaborative-ai-for-enterprises" data-text="Secure, collaborative AI for enterprises" tabindex="-1">Secure, collaborative AI for enterprises</h3>
        <p class="colab-super-container__description">Built into Vertex AI and Google Cloud, scalable notebooks accommodate your team's workflow. From smart code generation to cloud storage, it's all on your terms.</p>
        <a href="https://cloud.google.com/colab/docs/introduction" class="button colab-white-button">
          Discover Colab Enterprise
        </a>
      </div>
      <div class="colab-super-container__right">
        <div>
          <devsite-video video-id="XQnVjc-B9i4" class="colab-super-container__right--video">
          </devsite-video>
        </div>
      </div>
    </div>
    <div class="colab-super-container__bottom colab-item-row colab-item-gap">
      <div class="colab-card">
        <img class="colab-card__image" alt="Lock icon with shield and gears, on dark background" src="/static/colab/images/security.png">
        <div class="colab-card__content">
          <h3 class="colab-card__title" id="security" data-text="             Security           " tabindex="-1">
            Security
          </h3>
          <p class="colab-card__description">
            Centralized workspaces secured with IAM keep everyone's data safe.
          </p>
        </div>
      </div>
      <div class="colab-card">
        <img class="colab-card__image" alt="Dark UI with three dotted bars linked to blue squares" src="/static/colab/images/storage.png">
        <div class="colab-card__content">
          <h3 class="colab-card__title" id="storage" data-text="             Storage           " tabindex="-1">
            Storage
          </h3>
          <p class="colab-card__description">
            Regional storage available through Dataform to save code at an enterprise scale.
          </p>
        </div>
      </div>
      <div class="colab-card">
        <img class="colab-card__image" alt="Blue cloud icon with connected lines" src="/static/colab/images/cloud.png">
        <div class="colab-card__content">
          <h3 class="colab-card__title" id="cloud" data-text="             Cloud           " tabindex="-1">
            Cloud
          </h3>
          <p class="colab-card__description">
            Google Cloud network functionality, security, and tech support to ensure everything runs smoothly.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-100"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    <section class="colab-section-footer text-center flex flex-col gap-1">
  <div class="colab-masthead">
    <h3 class="colab-masthead__title" id="upgrade-your-coding-with-pro-and-pro+" data-text="Upgrade your coding with Pro and Pro+" tabindex="-1">Upgrade your coding with Pro and Pro+</h3>
    <div class="colab-item-row colab-item-gap">
      <div class="colab-card">
        <div class="colab-card__content flex-centered">
          <img class="colab-card__icon colab-icon-medium" alt="Yellow database storage icon" src="/static/colab/images/more-compute.png">
          <h3 class="colab-card__title" id="more-compute-units-per-month" data-text="             More compute units per month           " tabindex="-1">
            More compute units per month
          </h3>
          <p class="colab-card__description">
            With a higher count of monthly compute units on Pro and even more on Pro+, you'll have the power to bring your boldest ideas to life.
          </p>
        </div>
      </div>
      <div class="colab-card">
        <div class="colab-card__content flex-centered">
          <img class="colab-card__icon colab-icon-medium" alt="Yellow clock time icon" src="/static/colab/images/faster-accelerators.png">
          <h3 class="colab-card__title" id="faster-accelerators,-more-memory" data-text="             Faster accelerators, more memory           " tabindex="-1">
            Faster accelerators, more memory
          </h3>
          <p class="colab-card__description">
            More powerful GPUs and TPUs means less time spent waiting and more time for creating.
          </p>
        </div>
      </div>
      <div class="colab-card">
        <div class="colab-card__content flex-centered">
          <img class="colab-card__icon colab-icon-medium" alt="Yellow speedometer performance icon" src="/static/colab/images/background-execution.png">
          <h3 class="colab-card__title" id="background-execution-up-to-24-hours" data-text="             Background execution up to 24 hours           " tabindex="-1">
            Background execution up to 24 hours
          </h3>
          <p class="colab-card__description">
            When code can run longer, multitasking is easier, and you can work with fewer interruptions.
          </p>
        </div>
      </div>
    </div>
  </div>
</section>
  

</div>
        
        </div>
      

    
    </div>
  </section>

  <section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-100 colab-bg-yellow-fade"
           
           
           
    header-position="top"
  >
    <div class="devsite-landing-row-inner">

    
      

      
      

      

        <div class="devsite-landing-row-group">
        
          <div class="devsite-landing-row-item"
     
     
     
    description-position="bottom"
  >

  
    <div></div>
  

</div>
        
        </div>
      

    
    </div>
  </section>

  

  
</div>

  

  <div class="devsite-floating-action-buttons"></div></article>



<devsite-notification
>
</devsite-notification>


  
<div class="devsite-content-data">
  
  
    <template class="devsite-content-data-template">
      [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]
    </template>
  
</div>
            
          </devsite-content>
        </main>
        <devsite-footer-promos class="devsite-footer">
          
            
          
        </devsite-footer-promos>
        <devsite-footer-linkboxes class="devsite-footer">
          
            
<nav class="devsite-footer-linkboxes nocontent"
     aria-label="Footer links"
     data-nosnippet>
  
  <ul class="devsite-footer-linkboxes-list">
    
    <li class="devsite-footer-linkbox ">
    <h3 class="devsite-footer-linkbox-heading no-link">Connect</h3>
      <ul class="devsite-footer-linkbox-list">
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//googledevelopers.blogspot.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 1)"
            >
            
          
            Blog
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="https://goo.gle/3FReQXN"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 2)"
            >
            
          
            Bluesky
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="https://www.instagram.com/googlefordevs/"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 3)"
            >
            
          
            Instagram
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="https://www.linkedin.com/showcase/googledevelopers/"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 4)"
            >
            
          
            LinkedIn
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//twitter.com/googledevs"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 5)"
            >
            
          
            X (Twitter)
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//www.youtube.com/user/GoogleDevelopers"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 6)"
            >
            
              
              
            
          
            YouTube
          
          </a>
          
          
        </li>
        
      </ul>
    </li>
    
    <li class="devsite-footer-linkbox ">
    <h3 class="devsite-footer-linkbox-heading no-link">Programs</h3>
      <ul class="devsite-footer-linkbox-list">
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/program"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 1)"
            >
            
          
            Google Developer Program
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/community"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 2)"
            >
            
          
            Google Developer Groups
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/community/experts"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 3)"
            >
            
          
            Google Developer Experts
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/community/accelerators"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 4)"
            >
            
          
            Accelerators
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="/community/nvidia"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 5)"
            >
            
              
              
            
          
            Google Cloud & NVIDIA
          
          </a>
          
          
        </li>
        
      </ul>
    </li>
    
    <li class="devsite-footer-linkbox ">
    <h3 class="devsite-footer-linkbox-heading no-link">Developer consoles</h3>
      <ul class="devsite-footer-linkbox-list">
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.developers.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 1)"
            >
            
          
            Google API Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.cloud.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 2)"
            >
            
          
            Google Cloud Platform Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//play.google.com/apps/publish"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 3)"
            >
            
          
            Google Play Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.firebase.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 4)"
            >
            
          
            Firebase Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.actions.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 5)"
            >
            
          
            Actions on Google Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//cast.google.com/publish"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 6)"
            >
            
          
            Cast SDK Developer Console
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//chrome.google.com/webstore/developer/dashboard"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 7)"
            >
            
          
            Chrome Web Store Dashboard
          
          </a>
          
          
        </li>
        
        <li class="devsite-footer-linkbox-item">
          
          <a href="//console.home.google.com"
             class="devsite-footer-linkbox-link gc-analytics-event"
             data-category="Site-Wide Custom Events"
            
             data-label="Footer Link (index 8)"
            >
            
              
              
            
          
            Google Home Developer Console
          
          </a>
          
          
        </li>
        
      </ul>
    </li>
    
  </ul>
  
</nav>
          
        </devsite-footer-linkboxes>
        <devsite-footer-utility class="devsite-footer">
          
            

<div class="devsite-footer-utility nocontent" data-nosnippet>
  
  
  <nav class="devsite-footer-sites" aria-label="Other Google Developers websites">
    <a href="https://developers.google.com/"
       class="devsite-footer-sites-logo-link gc-analytics-event"
       data-category="Site-Wide Custom Events"
       data-label="Footer Google Developers Link">
      <picture>
        
        <img class="devsite-footer-sites-logo"
             src="https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060/developers/images/lockup-google-for-developers.svg"
             loading="lazy"
             alt="Google Developers">
      </picture>
    </a>
    <ul class="devsite-footer-sites-list">
      
      <li class="devsite-footer-sites-item">
        <a href="//developer.android.com"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Android Link"
         
         >
          Android
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//developer.chrome.com/home"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Chrome Link"
         
         >
          Chrome
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//firebase.google.com"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Firebase Link"
         
         >
          Firebase
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//cloud.google.com"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Google Cloud Platform Link"
         
         >
          Google Cloud Platform
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="//ai.google.dev/"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer Google AI Link"
         
         >
          Google AI
        </a>
      </li>
      
      <li class="devsite-footer-sites-item">
        <a href="/products"
           class="devsite-footer-sites-link
                  gc-analytics-event"
           data-category="Site-Wide Custom Events"
         
           data-label="Footer All products Link"
         
         >
          All products
        </a>
      </li>
      
    </ul>
  </nav>
  

  
  <nav class="devsite-footer-utility-links" aria-label="Utility links">
    
    <ul class="devsite-footer-utility-list">
      
      <li class="devsite-footer-utility-item
                 ">
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="/terms/site-terms"
           data-category="Site-Wide Custom Events"
           data-label="Footer Terms link"
         >
          Terms
        </a>
        
      </li>
      
      <li class="devsite-footer-utility-item
                 ">
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="//policies.google.com/privacy"
           data-category="Site-Wide Custom Events"
           data-label="Footer Privacy link"
         >
          Privacy
        </a>
        
      </li>
      
      <li class="devsite-footer-utility-item
                 glue-cookie-notification-bar-control">
        
        
        <a class="devsite-footer-utility-link gc-analytics-event"
           href="#"
           data-category="Site-Wide Custom Events"
           data-label="Footer Manage cookies link"
         
           aria-hidden="true"
         >
          Manage cookies
        </a>
        
      </li>
      
    </ul>
    
    
<devsite-language-selector>
  <ul role="presentation">
    
    
    <li role="presentation">
      <a role="menuitem" lang="en"
        >English</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="de"
        >Deutsch</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="es"
        >Español</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="fr"
        >Français</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="id"
        >Indonesia</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="pt_br"
        >Português – Brasil</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ru"
        >Русский</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="zh_cn"
        >中文 – 简体</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ja"
        >日本語</a>
    </li>
    
    <li role="presentation">
      <a role="menuitem" lang="ko"
        >한국어</a>
    </li>
    
  </ul>
</devsite-language-selector>

  </nav>
</div>
          
        </devsite-footer-utility>
        <devsite-panel>
          
        </devsite-panel>
        
      </section>
      </section>
    <devsite-sitemask></devsite-sitemask>
    <devsite-snackbar></devsite-snackbar>
    <devsite-tooltip ></devsite-tooltip>
    <devsite-heading-link></devsite-heading-link>
    <devsite-analytics>
      
        <script type="application/json" analytics>[{&#34;dimensions&#34;: {&#34;dimension5&#34;: &#34;en&#34;, &#34;dimension3&#34;: false, &#34;dimension4&#34;: &#34;Colab&#34;, &#34;dimension11&#34;: false, &#34;dimension6&#34;: &#34;en&#34;, &#34;dimension1&#34;: &#34;Signed out&#34;}, &#34;gaid&#34;: &#34;UA-24532603-1&#34;, &#34;metrics&#34;: {&#34;ratings_count&#34;: &#34;metric2&#34;, &#34;ratings_value&#34;: &#34;metric1&#34;}, &#34;purpose&#34;: 1}]</script>
<script type="application/json" tag-management>{&#34;at&#34;: &#34;True&#34;, &#34;ga4&#34;: [{&#34;id&#34;: &#34;G-272J68FCRF&#34;, &#34;purpose&#34;: 1}], &#34;ga4p&#34;: [{&#34;id&#34;: &#34;G-272J68FCRF&#34;, &#34;purpose&#34;: 1}], &#34;gtm&#34;: [{&#34;id&#34;: &#34;GTM-T98GCPGN&#34;, &#34;purpose&#34;: 1}], &#34;parameters&#34;: {&#34;internalUser&#34;: &#34;False&#34;, &#34;language&#34;: {&#34;machineTranslated&#34;: &#34;False&#34;, &#34;requested&#34;: &#34;en&#34;, &#34;served&#34;: &#34;en&#34;}, &#34;pageType&#34;: &#34;article&#34;, &#34;projectName&#34;: &#34;Colab&#34;, &#34;signedIn&#34;: &#34;False&#34;, &#34;tenant&#34;: &#34;developers&#34;, &#34;recommendations&#34;: {&#34;sourcePage&#34;: &#34;&#34;, &#34;sourceType&#34;: 0, &#34;sourceRank&#34;: 0, &#34;sourceIdenticalDescriptions&#34;: 0, &#34;sourceTitleWords&#34;: 0, &#34;sourceDescriptionWords&#34;: 0, &#34;experiment&#34;: &#34;&#34;}, &#34;experiment&#34;: {&#34;ids&#34;: &#34;&#34;}}}</script>
      
    </devsite-analytics>
    
      <devsite-badger></devsite-badger>
    
    
    
    
<script nonce="El+NL7H0tf6Hr0qW6RjZTbhnyCMJBm">
  
  (function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i;
    t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0];
    E.parentNode.insertBefore(t,E);})(window, document, 'script',
    'https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060/developers/js/app_loader.js', '[1,"en",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060","https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060/developers","https://developers-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/developers/manifest.json","https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/v6ae673272608590539f8a06b3f3271c0f5688cde07499d1c9e644aeb66c8c060/developers/images/favicon-new.png","/static/colab/images/colab-logo-color.png","https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg","developers.google.com","AIzaSyAQk0fBONSGUqCNznf6Krs82Ap1-NV6J4o","AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY",null,null,null,["Search__enable_dynamic_content_confidential_banner","Profiles__enable_recognition_badges","Concierge__enable_key_takeaways","Profiles__enable_release_notes_notifications","DevPro__remove_eu_tax_intake_form","DevPro__enable_embed_profile_creation","DevPro__enable_google_payments_buyflow","Profiles__enable_completequiz_endpoint","Search__enable_ai_search_summaries_for_all","Profiles__enable_user_type","Profiles__enable_developer_profile_benefits_ui_redesign","Profiles__enable_targeted_hero","Analytics__enable_devpro_interaction_logging","Profiles__enable_developer_profiles_callout","BookNav__enable_tenant_cache_key","Profiles__enable_callout_notifications","Profiles__enable_page_saving","DevPro__enable_google_one_card","Analytics__enable_clearcut_logging","Search__enable_ai_eligibility_checks","Cloud__enable_llm_concierge_chat","Cloud__enable_legacy_calculator_redirect","Profiles__enable_stripe_subscription_management","MiscFeatureFlags__enable_explicit_template_dependencies","Profiles__enable_purchase_prompts","EngEduTelemetry__enable_engedu_telemetry","Profiles__enable_join_program_group_endpoint","MiscFeatureFlags__enable_project_variables","Concierge__enable_actions_menu","DevPro__enable_cloud_innovators_plus","TpcFeatures__enable_unmirrored_page_left_nav","Profiles__enable_completecodelab_endpoint","Profiles__enable_profile_collections","DevPro__enable_code_assist","Profiles__enable_public_developer_profiles","DevPro__enable_firebase_workspaces_card","Cloud__enable_cloud_dlp_service","Profiles__enable_dashboard_curated_recommendations","Cloud__enable_free_trial_server_call","MiscFeatureFlags__enable_view_transitions","DevPro__enable_nvidia_credits_card","MiscFeatureFlags__developers_footer_dark_image","DevPro__enable_vertex_credit_card","Cloud__enable_cloud_shell_fte_user_flow","DevPro__enable_devsite_captcha","DevPro__enable_devpro_offers","Search__enable_suggestions_from_borg","Cloud__enable_cloudx_experiment_ids","DevPro__enable_enterprise","Profiles__enable_awarding_url","MiscFeatureFlags__enable_framebox_badge_methods","MiscFeatureFlags__enable_appearance_cookies","MiscFeatureFlags__enable_variable_operator","CloudShell__cloud_shell_button","Concierge__enable_key_takeaways_new_ui","Profiles__require_profile_eligibility_for_signin","Experiments__reqs_query_experiments","Concierge__enable_devsite_llm_tools","TpcFeatures__proxy_prod_host","MiscFeatureFlags__fix_lower_breadcrumbs","MiscFeatureFlags__enable_firebase_utm","Profiles__enable_playlist_community_acl","Search__enable_page_map","Significatio__enable_by_tenant","DevPro__enable_credits_banner","SignIn__enable_l1_signup_flow","MiscFeatureFlags__enable_variable_operator_index_yaml","MiscFeatureFlags__gdp_dashboard_reskin_enabled","Cloud__enable_cloud_shell","DevPro__enable_g1_integration","Cloud__fast_free_trial","Concierge__enable_remove_info_panel_tags","MiscFeatureFlags__developers_footer_image","Cloud__cache_serialized_dynamic_content","Profiles__enable_auto_apply_credits","Profiles__enable_complete_playlist_endpoint","DevPro__enable_free_benefits","DevPro__enable_developer_subscriptions","CloudShell__cloud_code_overflow_menu","Profiles__enable_developer_profile_pages_as_content","Concierge__enable_pushui","MiscFeatureFlags__remove_cross_domain_tracking_params"],null,null,"AIzaSyBLEMok-5suZ67qRPzx0qUtbnLmyT_kCVE","https://developerscontentserving-pa.clients6.google.com","AIzaSyCM4QpTRSqP5qI4Dvjt4OAScIN8sOUlO-k","https://developerscontentsearch-pa.clients6.google.com",1,4,null,"https://developerprofiles-pa.clients6.google.com",[1,"developers","Google for Developers","developers.google.com",null,"developers-dot-devsite-v2-prod.appspot.com",null,null,[1,1,[1],null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],[1,null,null,[1,20],"/recommendations/information"],null,null,null,[1,1,1],[1,1,null,1,1,null,null,["/meridian"]],[1,null,null,null,null,null,null,["/admob","/ad-manager/mobile-ads-sdk","/ml-kit"]],null,[null,["/meridian","/youtube/devices/"]],1,null,[1]],null,[null,null,null,null,null,null,"/images/lockup-new.svg","/images/touchicon-180-new.png",null,null,null,null,1,null,null,null,null,null,null,null,null,1,null,null,null,"/images/lockup-dark-theme-new.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[6,1,14,15,20,22,23,29,32,36],null,[[null,null,null,[3,7,10,2,39,17,4,32,24,11,12,13,34,15,25],null,null,[1,[["docType","Choose a content type",[["Tutorial",null,null,null,null,null,null,null,null,"Tutorial"],["Guide",null,null,null,null,null,null,null,null,"Guide"],["Sample",null,null,null,null,null,null,null,null,"Sample"]]],["product","Choose a product",[["Android",null,null,null,null,null,null,null,null,"Android"],["ARCore",null,null,null,null,null,null,null,null,"ARCore"],["ChromeOS",null,null,null,null,null,null,null,null,"ChromeOS"],["Firebase",null,null,null,null,null,null,null,null,"Firebase"],["Flutter",null,null,null,null,null,null,null,null,"Flutter"],["Assistant",null,null,null,null,null,null,null,null,"Google Assistant"],["GoogleCloud",null,null,null,null,null,null,null,null,"Google Cloud"],["GoogleMapsPlatform",null,null,null,null,null,null,null,null,"Google Maps Platform"],["GooglePay",null,null,null,null,null,null,null,null,"Google Pay & Google Wallet"],["GooglePlay",null,null,null,null,null,null,null,null,"Google Play"],["Tensorflow",null,null,null,null,null,null,null,null,"TensorFlow"]]],["category","Choose a topic",[["AiAndMachineLearning",null,null,null,null,null,null,null,null,"AI and Machine Learning"],["Data",null,null,null,null,null,null,null,null,"Data"],["Enterprise",null,null,null,null,null,null,null,null,"Enterprise"],["Gaming",null,null,null,null,null,null,null,null,"Gaming"],["Mobile",null,null,null,null,null,null,null,null,"Mobile"],["Web",null,null,null,null,null,null,null,null,"Web"]]]]]],[1,1],null,1],[[["UA-24532603-1"],["UA-22084204-5"],null,null,["UA-24532603-5"],["GTM-T98GCPGN"],null,[["G-272J68FCRF"],null,null,[["G-272J68FCRF",2]]],[["UA-24532603-1",2]],null,[["UA-24532603-5",2]],[["GTM-T98GCPGN",2]],1],[[15,12],[4,3],[5,4],[14,11],[3,2],[1,1],[12,9],[16,13],[11,8],[6,5],[13,10]],[[2,2],[1,1]]],null,4,null,null,null,null,null,null,null,null,null,null,null,null,null,"developers.devsite.google",null,null,null,null,null,[]],null,"pk_live_5170syrHvgGVmSx9sBrnWtA5luvk9BwnVcvIi7HizpwauFG96WedXsuXh790rtij9AmGllqPtMLfhe2RSwD6Pn38V00uBCydV4m",1,null,"https://developerscontentinsights-pa.clients6.google.com","AIzaSyCg-ZUslalsEbXMfIo9ZP8qufZgo3LSBDU","AIzaSyDxT0vkxnY_KeINtA4LSePJO-4MAZPMRsE","https://developers.clients6.google.com",["https://codeassist.google.com","https://code-assist-free-tier.corp.google.com"],null,"AIzaSyBQom12tzI-rybN7Sf-KfeL4nwm-Rf7PmI\n",null,null,"https://developers.googleapis.com"]')
  
</script>

    <devsite-a11y-announce></devsite-a11y-announce>
  </body>
</html>