Skip to content

Commit f4e65ad

Browse files
Hariprashad-RavikumarHariprashad-Ravikumar
authored
Update index.html
1 parent 0f096fd commit f4e65ad

File tree

1 file changed

+111
-28
lines changed

1 file changed

+111
-28
lines changed

‎index.html‎

Lines changed: 111 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -3,38 +3,121 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6-
<title>AI Data Science Backend</title>
6+
<title>AI Data Science Application</title>
7+
<style>
8+
body {
9+
font-family: Arial, sans-serif;
10+
max-width: 800px;
11+
margin: 40px auto;
12+
padding: 0 20px;
13+
line-height: 1.6;
14+
color: #333;
15+
}
16+
17+
h1 {
18+
text-align: center;
19+
margin-bottom: 30px;
20+
}
21+
22+
form {
23+
margin-bottom: 20px;
24+
}
25+
26+
label {
27+
display: block;
28+
font-weight: bold;
29+
margin-bottom: 6px;
30+
}
31+
32+
input[type="file"],
33+
input[type="text"] {
34+
width: 100%;
35+
padding: 8px;
36+
margin-bottom: 10px;
37+
box-sizing: border-box;
38+
}
39+
40+
button {
41+
padding: 8px 16px;
42+
font-size: 14px;
43+
cursor: pointer;
44+
}
45+
46+
pre {
47+
background-color: #f4f4f4;
48+
padding: 12px;
49+
border-left: 4px solid #ccc;
50+
overflow-x: auto;
51+
}
52+
53+
img {
54+
display: block;
55+
max-width: 100%;
56+
margin-top: 20px;
57+
border: 1px solid #ddd;
58+
}
59+
60+
.section {
61+
margin-bottom: 30px;
62+
}
63+
64+
.footer {
65+
margin-top: 40px;
66+
font-size: 14px;
67+
text-align: center;
68+
}
69+
70+
.footer a {
71+
color: #0066cc;
72+
text-decoration: none;
73+
}
74+
</style>
775
</head>
876
<body>
9-
<h1>📈 AI Data Science App</h1>
10-
11-
<form id="uploadForm">
12-
<label for="fileInput">Upload CSV File:</label>
13-
<input type="file" id="fileInput" name="file" required />
14-
<button type="submit">Upload</button>
15-
</form>
16-
17-
<form id="predictForm">
18-
<label for="futureInput">Enter future dates (YYYY-MM-DD, comma-separated):</label>
19-
<input type="text" id="futureInput" name="future_x" />
20-
<button type="submit">Predict</button>
21-
</form>
22-
23-
<h3>🧠 Summary:</h3>
24-
<pre id="summary"></pre>
25-
26-
<h3>🔍 Logs:</h3>
27-
<pre id="log"></pre>
28-
29-
<h3>🔮 Forecast:</h3>
30-
<pre id="forecast"></pre>
31-
32-
<h3>📊 Plot:</h3>
33-
<img id="plot" style="display:none; max-width:600px;" />
77+
<h1>AI Data Science Forecasting Tool</h1>
78+
79+
<div class="section">
80+
<form id="uploadForm">
81+
<label for="fileInput">Upload CSV File</label>
82+
<input type="file" id="fileInput" name="file" required />
83+
<button type="submit">Upload</button>
84+
</form>
85+
</div>
86+
87+
<div class="section">
88+
<h3>Processing Log</h3>
89+
<pre id="log"></pre>
90+
</div>
91+
92+
<div class="section">
93+
<h3>Data Summary</h3>
94+
<pre id="summary"></pre>
95+
</div>
96+
97+
<div class="section">
98+
<h3>Visualization</h3>
99+
<img id="plot" style="display:none;" alt="Scatter Plot" />
100+
</div>
101+
102+
<div class="section">
103+
<form id="predictForm">
104+
<label for="futureInput">Enter future dates (YYYY-MM-DD, comma-separated)</label>
105+
<input type="text" id="futureInput" name="future_x" placeholder="e.g., 2025-12-01, 2025-12-15" />
106+
<button type="submit">Predict</button>
107+
</form>
108+
</div>
109+
110+
<div class="section">
111+
<h3>Forecast Result</h3>
112+
<pre id="forecast"></pre>
113+
</div>
114+
115+
<div class="footer">
116+
Learn more about this ongoing project on
117+
<a href="https://github.com/Hariprashad-Ravikumar/AI-DataScience-Lab" target="_blank">GitHub</a>.
118+
</div>
34119

35120
<script>
36-
// Paste your full JavaScript code here (what you already sent)
37-
// No change needed
38121
document.getElementById('uploadForm').addEventListener('submit', async function (e) {
39122
e.preventDefault();
40123
const formData = new FormData();

0 commit comments

Comments
 (0)