generated from lwaekfjlk/python-project-template
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(frontend): npm localhost3000 not found (#28)
* Fixed app.py * fix * odify gitignore * Update README.md * fix access * Resolved conflicts * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * fix pre-commit error * update the code and revoert the merge * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --------- Co-authored-by: lwaekfjlk <1125027232@qq.com> Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
- Loading branch information
3 people
authored
Aug 1, 2024
1 parent
4c45c4c
commit 4dce5ac
Showing
15 changed files
with
2,133 additions
and
2,064 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -10,7 +10,6 @@ __pycache__/ | |
| .Python | ||
| build/ | ||
| develop-eggs/ | ||
| dist/ | ||
| downloads/ | ||
| eggs/ | ||
| .eggs/ | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| /*! | ||
| * @kurkle/color v0.3.2 | ||
| * https://github.com/kurkle/color#readme | ||
| * (c) 2023 Jukka Kurkela | ||
| * Released under the MIT License | ||
| */ | ||
|
|
||
| /*! | ||
| * Chart.js v4.4.3 | ||
| * https://www.chartjs.org | ||
| * (c) 2024 Chart.js Contributors | ||
| * Released under the MIT License | ||
| */ |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,168 @@ | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>GPU Usage Calculator</title> | ||
| <link href="styles.css" rel="stylesheet" /> | ||
| <script src="bundle.js" defer></script> | ||
| </head> | ||
| <body> | ||
| <div class="container"> | ||
| <h1>GPU Usage Calculator for AI Model Training</h1> | ||
| <img | ||
| src="https://images.pexels.com/photos/17483874/pexels-photo-17483874.png?auto=compress&cs=tinysrgb&h=350" | ||
| alt="AI Neural Network" | ||
| class="hero-image" | ||
| /> | ||
|
|
||
| <div class="calculator"> | ||
| <div class="input-section"> | ||
| <h2> | ||
| <img | ||
| src="https://images.pexels.com/photos/4937226/pexels-photo-4937226.jpeg?auto=compress&cs=tinysrgb&h=350" | ||
| alt="AI Model Architecture" | ||
| /> | ||
| Model Parameters | ||
| </h2> | ||
| <div class="form-group"> | ||
| <label>Precision:</label> | ||
| <div class="toggle-buttons"> | ||
| <button class="toggle-btn active" id="mixedPrecision"> | ||
| mixed | ||
| </button> | ||
| <button class="toggle-btn" id="fullPrecision">full (fp32)</button> | ||
| </div> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label>Optimizer:</label> | ||
| <div class="toggle-buttons"> | ||
| <button class="toggle-btn active" id="adamOptimizer">Adam</button> | ||
| <button class="toggle-btn" id="sgdOptimizer">SGD</button> | ||
| </div> | ||
| <div class="checkbox-container"> | ||
| <label for="momentum" | ||
| >Momentum <input type="checkbox" id="momentum" checked | ||
| /></label> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="numGPUs">Sequence Length:</label> | ||
| <input type="number" id="sequenceLength" value="128" /> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="batchSize">Batch size:</label> | ||
| <input type="number" id="batchSize" min="1" value="32" required /> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="numGPUs">Number of GPUs:</label> | ||
| <input type="number" id="numGPUs" value="4" /> | ||
| </div> | ||
|
|
||
| <!-- <h2> | ||
| <img | ||
| src="https://images.pexels.com/photos/3993917/pexels-photo-3993917.jpeg?auto=compress&cs=tinysrgb&h=350" | ||
| alt="GPU Chip" | ||
| /> | ||
| GPU Selection | ||
| </h2> --> | ||
| <!-- <div class="form-group"> | ||
| <label for="gpuModel">Select GPU model:</label> | ||
| <select id="gpuModel" required> | ||
| <option value="">Choose a GPU</option> | ||
| <option value="rtx3090">NVIDIA RTX 3090</option> | ||
| <option value="rtx3080">NVIDIA RTX 3080</option> | ||
| <option value="v100">NVIDIA Tesla V100</option> | ||
| <option value="a100">NVIDIA A100</option> | ||
| </select> | ||
| </div> --> | ||
|
|
||
| <h2> | ||
| <img | ||
| src="https://images.pexels.com/photos/8520081/pexels-photo-8520081.jpeg?auto=compress&cs=tinysrgb&h=350" | ||
| alt="Training Progress" | ||
| /> | ||
| Training Details | ||
| </h2> | ||
| <div class="form-group"> | ||
| <label for="parametersPreset">Parameters Preset:</label> | ||
| <select id="parametersPreset"> | ||
| <option value="microsoft/phi-1_5">microsoft/phi-1_5</option> | ||
| </select> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="numParameters" | ||
| >Number of Parameters (billions):</label | ||
| > | ||
| <input | ||
| type="number" | ||
| id="numParameters" | ||
| value="123456789" | ||
| step="0.001" | ||
| /> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="numLayers">Number of Layers:</label> | ||
| <input type="number" id="numLayers" value="12" /> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="vocabSize">Vocab Size:</label> | ||
| <input type="number" id="vocabSize" value="30522" /> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="hiddenSize">Hidden Size:</label> | ||
| <input type="number" id="hiddenSize" value="768" /> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="numAttentionHeads">Number of Attention Heads:</label> | ||
| <input type="number" id="numAttentionHeads" value="12" /> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="intermediateSize">Intermediate Size:</label> | ||
| <input type="number" id="intermediateSize" value="3072" /> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="numKeyValueHeads">Number of Key Value Heads:</label> | ||
| <input type="number" id="numKeyValueHeads" value="12" /> | ||
| </div> | ||
| </div> | ||
|
|
||
| <button id="calculateBtn">Calculate GPU Usage</button> | ||
| </div> | ||
|
|
||
| <div class="results-section"> | ||
| <h2>Estimation Result</h2> | ||
| <div class="toggle-buttons"> | ||
| <button class="toggle-btn active" id="mibBtn">MiB</button> | ||
| <button class="toggle-btn" id="gibBtn">GiB</button> | ||
| </div> | ||
| <div id="vramChart"> | ||
| <canvas id="vramChartCanvas"></canvas> | ||
| </div> | ||
| <p id="totalVRAM"></p> | ||
| <div class="vram-details"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <footer> | ||
| <div class="social-icons"> | ||
| <a href="#" | ||
| ><img | ||
| src="https://images.pexels.com/photos/267350/pexels-photo-267350.jpeg?auto=compress&cs=tinysrgb&h=350" | ||
| alt="Social Media" | ||
| /></a> | ||
| <a href="#" | ||
| ><img | ||
| src="https://images.pexels.com/photos/267350/pexels-photo-267350.jpeg?auto=compress&cs=tinysrgb&h=350" | ||
| alt="Social Media" | ||
| /></a> | ||
| <a href="#" | ||
| ><img | ||
| src="https://images.pexels.com/photos/267350/pexels-photo-267350.jpeg?auto=compress&cs=tinysrgb&h=350" | ||
| alt="Social Media" | ||
| /></a> | ||
| </div> | ||
| <p>© 2023 GPU Usage Calculator. All rights reserved.</p> | ||
| </footer> | ||
| </body> | ||
| </html> |
Oops, something went wrong.