Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Data Visualization Generator</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>Data Visualization Code Generator</h1> | |
| </header> | |
| <main> | |
| <form id="uploadForm" enctype="multipart/form-data"> | |
| <label for="excelFile">Upload Excel File:</label> | |
| <input type="file" id="excelFile" accept=".xlsx" title="Upload an Excel file for visualization" required> | |
| <br><br> | |
| <label for="prompt">Visualization Request:</label> | |
| <textarea id="prompt" placeholder="Enter your visualization request (e.g., 'create a pie chart of species distribution')" required></textarea> | |
| <br><br> | |
| <button type="submit">Generate Visualization</button> | |
| </form> | |
| <div id="loading" class="hidden">Generating visualization...</div> | |
| <div id="error" class="hidden"></div> | |
| <div id="result"> | |
| <h2>Generated Visualization:</h2> | |
| <img id="visualizationImage" src="" alt="Generated Visualization"> | |
| <h2>Generated Code</h2> | |
| <pre id="generatedCode"></pre> | |
| </div> | |
| </main> | |
| <script src="/static/script.js" defer></script> | |
| </body> | |
| </html> |