remove table rendering

index.html

@@ -62,10 +62,6 @@
 				<div id="vizContainer" class="viz-container"></div>
 			</div>
 
-			<div id="resultsContainer" class="results-container" style="display: none;">
-				<h2>Results</h2>
-				<div id="results" class="results"></div>
-			</div>
 		</div>
 
 		<script type="module">
@@ -99,54 +95,6 @@
 				statusEl.style.display = 'block';
 			}
 
-			// Render results as HTML table
-			function renderResults(result) {
-				const resultsContainer = document.getElementById('resultsContainer');
-				const resultsEl = document.getElementById('results');
-
-				resultsContainer.style.display = 'block';
-
-				if (!result || result.numRows === 0) {
-					resultsEl.innerHTML = '<p class="no-results">No results found.</p>';
-					return;
-				}
-
-				// Get column names and rows
-				const columns = result.schema.fields.map(field => field.name);
-				const rows = result.toArray();
-
-				// Build HTML table
-				let tableHtml = '<div class="table-wrapper"><table><thead><tr>';
-
-				// Add headers
-				columns.forEach(col => {
-					tableHtml += `<th>${escapeHtml(col)}</th>`;
-				});
-				tableHtml += '</tr></thead><tbody>';
-
-				// Add rows
-				rows.forEach(row => {
-					tableHtml += '<tr>';
-					columns.forEach(col => {
-						const value = row[col];
-						tableHtml += `<td>${escapeHtml(String(value ?? ''))}</td>`;
-					});
-					tableHtml += '</tr>';
-				});
-
-				tableHtml += '</tbody></table></div>';
-				tableHtml += `<p class="row-count">Showing ${result.numRows} row(s)</p>`;
-
-				resultsEl.innerHTML = tableHtml;
-			}
-
-			// Escape HTML to prevent XSS
-			function escapeHtml(text) {
-				const div = document.createElement('div');
-				div.textContent = text;
-				return div.innerHTML;
-			}
-
 			// Determine if a DuckDB type is a complex type (struct, list, map, etc.)
 			function isComplexType(type) {
 				const complexTypes = ['STRUCT', 'LIST', 'MAP', 'UNION', 'ARRAY'];
@@ -411,20 +359,13 @@
 					}
 					catch {}
 
-					setStatus('Loading data...', 'info');
-
-					// Load the data (limit to 1000 rows for visualization)
-					const result = await conn.query("SELECT * FROM 'data.parquet' LIMIT 1000");
-
-					setStatus('Data loaded successfully!', 'success');
-
-					// Render results
-					renderResults(result);
+					// Detect columns and populate visualization dropdown
+					currentDatasetUrl = parquetUrl;
+					await detectColumns(parquetUrl);
 
 				} catch (error) {
 					console.error('Error:', error);
 					setStatus(`Error: ${error.message}`, 'error');
-					document.getElementById('resultsContainer').style.display = 'none';
 				} finally {
 					submitBtn.disabled = false;
 					submitBtn.textContent = 'Load Dataset';