Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Impara CNN Hyperparameters | Other
Test UI Features

bookCNN Hyperparameters

Element

Source Code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://staging-content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/other-section/cnn-hyperparameters/styles-v2.css"
    />
  </head>
  <body>
    <div class="wrapper">
      <div class="top-right">
        <button id="toggleAnimation">⏸️</button>
      </div>
      <div class="controls">
        <div class="control-group">
          <div class="top-row">
            <label for="inputSize">Input Size:</label>
            <input type="number" id="inputSizeNum" value="5" />
          </div>
          <input type="range" id="inputSize" value="5" />
        </div>

        <div class="control-group">
          <div class="top-row">
            <label for="padding">Padding:</label>
            <input type="number" id="paddingNum" value="0" />
          </div>
          <input type="range" id="padding" value="0" />
        </div>

        <div class="control-group">
          <div class="top-row">
            <label for="kernelSize">Kernel Size:</label>
            <input type="number" id="kernelSizeNum" value="2" />
          </div>
          <input type="range" id="kernelSize" value="2" />
        </div>

        <div class="control-group">
          <div class="top-row">
            <label for="stride">Stride:</label>
            <input type="number" id="strideNum" value="1" />
          </div>
          <input type="range" id="stride" value="1" />
        </div>
      </div>

      <div class="container">
        <div class="grid-container">
          <div class="grid-title js-input-grid-size">Input Grid</div>
          <div class="grid input-grid"></div>
        </div>

        <div class="grid-container">
          <div class="grid-title js-output-grid-size">Output Grid</div>
          <div class="grid output-grid"></div>
        </div>
      </div>
      <p class="text">
        <span style="font-weight: 600">Hover over</span> the matrices to change
        kernel position.
      </p>
    </div>

    <script src="https://staging-content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/other-section/cnn-hyperparameters/script-v1.js"></script>
  </body>
</html>

Spanish

Portuguese

French

German

Ukrainian

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 3

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 1.22

bookCNN Hyperparameters

Scorri per mostrare il menu

Element

Source Code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      rel="stylesheet"
      href="https://staging-content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/other-section/cnn-hyperparameters/styles-v2.css"
    />
  </head>
  <body>
    <div class="wrapper">
      <div class="top-right">
        <button id="toggleAnimation">⏸️</button>
      </div>
      <div class="controls">
        <div class="control-group">
          <div class="top-row">
            <label for="inputSize">Input Size:</label>
            <input type="number" id="inputSizeNum" value="5" />
          </div>
          <input type="range" id="inputSize" value="5" />
        </div>

        <div class="control-group">
          <div class="top-row">
            <label for="padding">Padding:</label>
            <input type="number" id="paddingNum" value="0" />
          </div>
          <input type="range" id="padding" value="0" />
        </div>

        <div class="control-group">
          <div class="top-row">
            <label for="kernelSize">Kernel Size:</label>
            <input type="number" id="kernelSizeNum" value="2" />
          </div>
          <input type="range" id="kernelSize" value="2" />
        </div>

        <div class="control-group">
          <div class="top-row">
            <label for="stride">Stride:</label>
            <input type="number" id="strideNum" value="1" />
          </div>
          <input type="range" id="stride" value="1" />
        </div>
      </div>

      <div class="container">
        <div class="grid-container">
          <div class="grid-title js-input-grid-size">Input Grid</div>
          <div class="grid input-grid"></div>
        </div>

        <div class="grid-container">
          <div class="grid-title js-output-grid-size">Output Grid</div>
          <div class="grid output-grid"></div>
        </div>
      </div>
      <p class="text">
        <span style="font-weight: 600">Hover over</span> the matrices to change
        kernel position.
      </p>
    </div>

    <script src="https://staging-content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/other-section/cnn-hyperparameters/script-v1.js"></script>
  </body>
</html>

Spanish

Portuguese

French

German

Ukrainian

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 5. Capitolo 3
some-alt