---
title: Videos and interactive visuals
description: Watch native-English videos, follow guided learning paths and explore interactive AI explanations directly on 5sigmas.
keywords: artificial intelligence videos, AI animations, machine learning visual explanations, AI videos English
hide:
  - toc
  - navigation
  - footer
---

<div class="s5-landing s5-visual-hub">

<section class="s5-page-intro s5-visual-hub__intro">
  <div class="s5-eyebrow">Watch</div>
  <h1>Build intuition without leaving the page.</h1>
  <p>Start with a short explanation, manipulate the mechanism, then open the chapter when you need the evidence and full technical context. Every piece makes the next step explicit.</p>
  <nav class="s5-visual-hub__jump" aria-label="Contents of this page">
    <a href="#videos">Playable videos</a>
    <a href="#routes">Guided paths</a>
    <a href="#animations">Interactive visuals</a>
  </nav>
</section>

<aside class="s5-resume" data-s5-resume hidden aria-live="polite">
  <div>
    <span>Continue where you left off</span>
    <strong data-s5-resume-title></strong>
    <small data-s5-resume-progress></small>
  </div>
  <div class="s5-resume__actions">
    <button type="button" data-s5-resume-action>Continue video</button>
    <a data-s5-resume-chapter>Open chapter</a>
    <button type="button" data-s5-resume-dismiss aria-label="Dismiss saved progress">×</button>
  </div>
</aside>

<section class="s5-section s5-watch" id="videos">
  <div class="s5-section-head s5-section-head--with-copy">
    <div>
      <div class="s5-eyebrow">01 · Build intuition</div>
      <h2>Videos</h2>
    </div>
    <p>Press play and stay in context. Video files load only when you choose to watch them.</p>
  </div>

  <article class="s5-watch-feature" data-s5-topic-card="reasoning">
    <div class="s5-watch-player s5-watch-player--feature">
      <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/en/series/modelos-razonadores/03-test-time-compute.jpg" aria-label="Test-time compute: more inference before answering" data-s5-video-id="en-test-time-compute" data-s5-video-title="Test-time compute" data-s5-video-chapter="/en/series/modelos-razonadores/03-test-time-compute/">
        <source src="/en/series/modelos-razonadores/03-test-time-compute.mp4" type="video/mp4" />
      </video>
    </div>
    <div class="s5-watch-feature__copy">
      <div class="s5-eyebrow">Featured · Reasoning Models</div>
      <h3>Test-time compute: spend more inference before answering.</h3>
      <p>See what changes when a model allocates more inference to a response, and how that affects quality, cost and latency.</p>
      <nav class="s5-learning-loop" aria-label="Recommended learning path for test-time compute">
        <a href="#videos"><span>01</span><strong>Watch</strong><small>Video</small></a>
        <a href="#best-of-n"><span>02</span><strong>Manipulate</strong><small>Best-of-N</small></a>
        <a href="/en/series/modelos-razonadores/03-test-time-compute/"><span>03</span><strong>Go deeper</strong><small>Full chapter</small></a>
      </nav>
      <div class="s5-watch-actions">
        <a class="s5-text-link" href="/en/series/modelos-razonadores/03-test-time-compute/">Open the full chapter →</a>
        <span>The video, interaction and chapter share the same evidence and context.</span>
      </div>
    </div>
  </article>

  <div class="s5-section-head s5-section-head--subsection s5-library-head">
    <div>
      <h3>More explanations</h3>
      <span data-s5-filter-status>5 explanations available</span>
    </div>
    <div class="s5-topic-filter" role="toolbar" aria-label="Filter explanations by learning goal">
      <button type="button" data-s5-topic="all" aria-pressed="true">All</button>
      <button type="button" data-s5-topic="foundations" aria-pressed="false">Foundations</button>
      <button type="button" data-s5-topic="multimodality" aria-pressed="false">Multimodality</button>
      <button type="button" data-s5-topic="infrastructure" aria-pressed="false">Infrastructure</button>
    </div>
  </div>

  <div class="s5-watch-grid" data-s5-filter-grid>
    <article class="s5-watch-card" data-s5-topic-card="multimodality">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/en/series/multimodalidad-iag/03-arquitecturas.jpg" aria-label="Multimodal architectures" data-s5-video-id="en-multimodal-architectures" data-s5-video-title="Multimodal architectures" data-s5-video-chapter="/en/series/multimodalidad-iag/03-arquitecturas/">
          <source src="/en/series/multimodalidad-iag/03-arquitecturas.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">Multimodality · Video</div>
        <h3>Architectures for combining text, image, audio and video</h3>
        <p>Identify the main architecture families and the trade-offs each one introduces.</p>
        <a href="/en/series/multimodalidad-iag/03-arquitecturas/">Go deeper in the chapter →</a>
      </div>
    </article>

    <article class="s5-watch-card" data-s5-topic-card="foundations">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/en/series/from-cave-to-agi/04-escalar.jpg" aria-label="Scaling artificial intelligence models" data-s5-video-id="en-scaling-models" data-s5-video-title="Scaling models" data-s5-video-chapter="/en/series/from-cave-to-agi/04-escalar/">
          <source src="/en/series/from-cave-to-agi/04-escalar.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">History and foundations · Video</div>
        <h3>Scaling: data, compute and parameters</h3>
        <p>Connect the three variables behind the transition toward foundation models.</p>
        <a href="/en/series/from-cave-to-agi/04-escalar/">Go deeper in the chapter →</a>
      </div>
    </article>

    <article class="s5-watch-card" data-s5-topic-card="infrastructure">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/en/series/datacenters-espacio/02-energia-calor-conectividad.jpg" aria-label="Energy heat and connectivity for orbital data centers" data-s5-video-id="en-orbital-energy" data-s5-video-title="Energy, heat and connectivity in orbit" data-s5-video-chapter="/en/series/datacenters-espacio/02-energia-calor-conectividad/">
          <source src="/en/series/datacenters-espacio/02-energia-calor-conectividad.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">Infrastructure · Video</div>
        <h3>Energy, heat and connectivity beyond Earth</h3>
        <p>Separate the promise from the physical limits that constrain orbital data centers.</p>
        <a href="/en/series/datacenters-espacio/02-energia-calor-conectividad/">Go deeper in the chapter →</a>
      </div>
    </article>

    <article class="s5-watch-card" data-s5-topic-card="foundations">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/en/series/fundamentos-ia-iag/02-que-es-ia-generativa.jpg" aria-label="What makes generative AI different" data-s5-video-id="en-generative-ai" data-s5-video-title="What makes generative AI different" data-s5-video-chapter="/en/series/fundamentos-ia-iag/02-que-es-ia-generativa/">
          <source src="/en/series/fundamentos-ia-iag/02-que-es-ia-generativa.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">Foundations · Video</div>
        <h3>What makes generative AI different</h3>
        <p>Understand how models move from prediction toward generating text, images, audio or code.</p>
        <a href="/en/series/fundamentos-ia-iag/02-que-es-ia-generativa/">Go deeper in the chapter →</a>
      </div>
    </article>

    <article class="s5-watch-card" data-s5-topic-card="infrastructure">
      <div class="s5-watch-player">
        <video class="s5-inline-video" controls controlsList="nodownload" preload="none" playsinline poster="/en/series/ia-pib-bienestar-energia/02-ia-tecnologia-electrica.jpg" aria-label="Artificial intelligence as an electrical technology" data-s5-video-id="en-ai-electric-technology" data-s5-video-title="AI as an electrical technology" data-s5-video-chapter="/en/series/ia-pib-bienestar-energia/02-ia-tecnologia-electrica/">
          <source src="/en/series/ia-pib-bienestar-energia/02-ia-tecnologia-electrica.mp4" type="video/mp4" />
        </video>
      </div>
      <div class="s5-watch-card__body">
        <div class="s5-watch-card__meta">Economics and infrastructure · Video</div>
        <h3>AI as an electrical technology</h3>
        <p>Connect adoption, productivity, energy and well-being without confusing impact with GDP.</p>
        <a href="/en/series/ia-pib-bienestar-energia/02-ia-tecnologia-electrica/">Go deeper in the chapter →</a>
      </div>
    </article>
  </div>
</section>

<section class="s5-section s5-guided-routes" id="routes" aria-labelledby="s5-routes-title">
  <div class="s5-section-head s5-section-head--with-copy">
    <div>
      <div class="s5-eyebrow">02 · Choose a question</div>
      <h2 id="s5-routes-title">Guided paths</h2>
    </div>
    <p>You do not need to traverse the entire library. Choose a question and move from intuition to evidence in three steps.</p>
  </div>

  <div class="s5-route-grid">
    <article class="s5-route-card">
      <span>Reasoning</span>
      <h3>Why can more compute improve an answer?</h3>
      <ol>
        <li><a href="#videos"><b>Watch</b><small>Test-time compute</small></a></li>
        <li><a href="#best-of-n"><b>Manipulate</b><small>Best-of-N</small></a></li>
        <li><a href="/en/series/modelos-razonadores/03-test-time-compute/"><b>Go deeper</b><small>Full chapter</small></a></li>
      </ol>
    </article>

    <article class="s5-route-card">
      <span>Evaluation</span>
      <h3>How do you distinguish a good process from a correct final answer?</h3>
      <ol>
        <li><a href="#videos"><b>Watch</b><small>Reasoning Models</small></a></li>
        <li><a href="#prm-orm"><b>Compare</b><small>PRM vs ORM</small></a></li>
        <li><a href="/en/series/modelos-razonadores/03-test-time-compute/"><b>Review evidence</b><small>Sources and limits</small></a></li>
      </ol>
    </article>

    <article class="s5-route-card">
      <span>Multimodality</span>
      <h3>How do text, image, audio and video share meaning?</h3>
      <ol>
        <li><a href="#videos"><b>Watch</b><small>Architectures</small></a></li>
        <li><a href="#imagebind"><b>Explore</b><small>ImageBind</small></a></li>
        <li><a href="/en/series/multimodalidad-iag/02-alineamiento/"><b>Go deeper</b><small>Multimodal alignment</small></a></li>
      </ol>
    </article>
  </div>
</section>

<section class="s5-section s5-visual-lab" id="animations">
  <div class="s5-section-head s5-section-head--with-copy">
    <div>
      <div class="s5-eyebrow">03 · Test the mechanism</div>
      <h2>Interactive visuals</h2>
    </div>
    <p>Change variables, compare mechanisms and return to the chapter when you need the full evidence.</p>
  </div>

  <nav class="s5-lab-map" aria-label="Available interactive visuals">
    <a href="#best-of-n"><span>01</span><strong>Best-of-N</strong><small>Reasoning</small></a>
    <a href="#prm-orm"><span>02</span><strong>PRM vs ORM</strong><small>Evaluation</small></a>
    <a href="#imagebind"><span>03</span><strong>ImageBind</strong><small>Multimodality</small></a>
  </nav>

  <article class="s5-lab-feature" id="best-of-n">
    <header class="s5-lab-header">
      <div>
        <div class="s5-eyebrow">01 · Reasoning</div>
        <h3>Best-of-N: generate more candidates and choose better</h3>
      </div>
      <a href="/en/series/modelos-razonadores/03-test-time-compute/">Open chapter →</a>
    </header>
    <div class="s5-lab-canvas">
      {{ include_html("snippets/modelos-razonadores/03-best-of-n-visual.html") }}
    </div>
  </article>

  <div class="s5-lab-drawers">
    <details class="s5-lab-drawer" id="prm-orm">
      <summary>
        <span class="s5-lab-drawer__index">02</span>
        <span><strong>PRM vs ORM</strong><small>See what changes when you evaluate the process rather than only the outcome.</small></span>
        <span class="s5-lab-drawer__action">Open interaction</span>
      </summary>
      <div class="s5-lab-drawer__content">
        {{ include_html("snippets/modelos-razonadores/03-prm-orm-comparacion.html") }}
        <a class="s5-text-link" href="/en/series/modelos-razonadores/03-test-time-compute/">Read the explanation and sources →</a>
      </div>
    </details>

    <details class="s5-lab-drawer" id="imagebind">
      <summary>
        <span class="s5-lab-drawer__index">03</span>
        <span><strong>Multimodal alignment with ImageBind</strong><small>Explore how six modalities share a representation through a visual anchor.</small></span>
        <span class="s5-lab-drawer__action">Open interaction</span>
      </summary>
      <div class="s5-lab-drawer__content">
        {{ include_html("snippets/multimodalidad-iag/02-imagebind-transitividad.html") }}
        <a class="s5-text-link" href="/en/series/multimodalidad-iag/02-alineamiento/">Read the explanation and sources →</a>
      </div>
    </details>
  </div>
</section>

<section class="s5-section">
  <div class="s5-note-feature">
    <div>
      <div class="s5-eyebrow">Next step</div>
      <h2>From visual intuition to a complete mental model.</h2>
      <p>Once the mechanism is clear, continue with the learning series to review architecture, evidence, references and limitations.</p>
      <a class="s5-text-link" href="/en/series/">Explore all series →</a>
    </div>
    <div class="s5-note-feature__meta">Watch<br />Manipulate<br />Go deeper</div>
  </div>
</section>

</div>