Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>NumPy Matrix Lab</title> | |
| <link rel="stylesheet" href="styles.css" /> | |
| </head> | |
| <body> | |
| <div class="bg-grid"></div> | |
| <main class="container"> | |
| <nav class="top-nav"> | |
| <a href="index.html">Back Home</a> | |
| </nav> | |
| <header class="hero compact"> | |
| <p class="eyebrow">Page 1</p> | |
| <h1>NumPy Matrix Operations</h1> | |
| <p> | |
| Pick a natural-language operation, define matrix shapes (max 3D), and | |
| inspect input/output arrays plus executable NumPy code. | |
| </p> | |
| <p class="slice-label"> | |
| Broadcasting is enabled. Example element-wise valid pair: (2,3) with (1,3). Example matmul valid pair: (2,3) with (4,3,2). | |
| </p> | |
| </header> | |
| <section class="panel controls"> | |
| <div class="row"> | |
| <label for="operationSelect">Operation</label> | |
| <select id="operationSelect"></select> | |
| </div> | |
| <div class="row"> | |
| <label for="nlInput">Natural language query</label> | |
| <input | |
| id="nlInput" | |
| type="text" | |
| placeholder="Example: multiply matrix A and B" | |
| /> | |
| <button id="matchBtn" type="button">Match Query</button> | |
| </div> | |
| <div id="operationInfo" class="operation-info"></div> | |
| <div id="shapeInputs" class="shape-grid"></div> | |
| <div id="operationOptions" class="shape-grid"></div> | |
| <div class="row"> | |
| <button id="runBtn" type="button">Generate and Compute</button> | |
| </div> | |
| </section> | |
| <section class="panel output"> | |
| <h2>Generated NumPy Code</h2> | |
| <pre id="codeOutput" class="code"></pre> | |
| </section> | |
| <section class="panel output"> | |
| <h2>Input Matrices</h2> | |
| <div id="inputViz" class="viz-grid"></div> | |
| </section> | |
| <section class="panel output"> | |
| <h2>Output Matrix</h2> | |
| <div id="outputViz" class="viz-grid"></div> | |
| </section> | |
| <section class="panel output"> | |
| <h2>Computation Details</h2> | |
| <div id="detailViz" class="viz-grid"></div> | |
| </section> | |
| </main> | |
| <script src="app.js?v=20260812"></script> | |
| </body> | |
| </html> | |