35818-vm/index.php
2025-11-18 10:31:16 +00:00

152 lines
7.4 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Data Analytics</title>
<meta name="description" content="Built with Flatlogic Generator">
<meta name="keywords" content="ai data analysis, csv analysis, data visualization, business intelligence, data analytics, machine learning, data insights, csv reader, data processing, automated analytics, Flatlogic Generator">
<meta property="og:title" content="AI Data Analytics">
<meta property="og:description" content="Built with Flatlogic Generator">
<meta property="og:image" content="">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<header class="py-3 mb-4 border-bottom">
<div class="container d-flex flex-wrap justify-content-center">
<a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
<i class="bi bi-bar-chart-line-fill me-2" style="font-size: 2rem; color: #0d6efd;"></i>
<span class="fs-4">AI Data Analytics</span>
</a>
</div>
</header>
<main class="container">
<div class="card p-4 p-md-5 mb-4 rounded-3">
<div class="text-center">
<h1 class="display-5 fw-bold">Analyze Your Data</h1>
<p class="fs-4 col-md-10 mx-auto">Upload a CSV file to get started. Our AI will analyze the data and suggest the best visualizations for your dataset.</p>
</div>
<form action="/" method="post" enctype="multipart/form-data" class="mt-4">
<div class="input-group mb-3">
<input type="file" class="form-control" name="csvFile" id="csvFile" accept=".csv" required>
<button class="btn btn-primary" type="submit" name="submit">Upload & Preview</button>
</div>
</form>
</div>
<?php
if (isset($_POST["submit"])) {
if (isset($_FILES["csvFile"]) && $_FILES["csvFile"]["error"] == 0) {
$fileName = $_FILES["csvFile"]["tmp_name"];
$header = null;
$dataRows = [];
$rowCount = 0;
if (($handle = fopen($fileName, "r")) !== FALSE) {
while (($data = fgetcsv($handle, 1000, ",")) !== FALSE) {
if ($rowCount == 0) {
$header = $data;
} else {
$dataRows[] = $data;
}
$rowCount++;
}
fclose($handle);
}
if ($header) {
// Prepare data for AI
$sampleDataForAI = [];
$sampleDataForAI[] = $header;
$maxSampleRows = 5;
for ($i = 0; $i < min($maxSampleRows, count($dataRows)); $i++) {
$sampleDataForAI[] = $dataRows[$i];
}
$csvString = '';
foreach ($sampleDataForAI as $row) {
$csvString .= implode(',', array_map(function($field) {
return '"' . str_replace('"', '""', $field) . '"';
}, $row)) . "\n";
}
require_once __DIR__ . '/ai/LocalAIApi.php';
$prompt = "As a data analyst, please perform a brief analysis of the following CSV data. For each column, identify the data type (e.g., String, Integer, Float, Date, Boolean) and provide a one-sentence summary of the data it contains. Here is the data:\n\n" . $csvString;
$resp = LocalAIApi::createResponse([
'input' => [
['role' => 'system', 'content' => 'You are an expert data analyst.'],
['role' => 'user', 'content' => $prompt],
],
]);
echo '<div class="card mt-4">';
echo '<div class="card-header"><h4>AI Analysis</h4></div>';
echo '<div class="card-body">';
if (!empty($resp['success'])) {
$aiReply = LocalAIApi::extractText($resp);
if (!empty($aiReply)) {
// Simple markdown to HTML
$formattedReply = nl2br(htmlspecialchars($aiReply));
$formattedReply = preg_replace('/\*\*([^*]+)\*\*/', '<strong>$1</strong>', $formattedReply);
$formattedReply = preg_replace('/\*([^*]+)\*/', '<em>$1</em>', $formattedReply);
$formattedReply = preg_replace('/`([^`]+)`/', '<code>$1</code>', $formattedReply);
echo '<div>' . $formattedReply . '</div>';
} else {
echo '<div class="alert alert-warning" role="alert">AI analysis could not be displayed. The AI returned an empty or invalid response.</div>';
}
} else {
$error = $resp['error'] ?? 'An unknown error occurred.';
echo '<div class="alert alert-warning" role="alert">Could not retrieve AI analysis. Error: ' . htmlspecialchars($error) . '</div>';
}
echo '</div>';
echo '</div>';
}
// Display Data Preview
if ($header) {
echo '<div class="card mt-4">';
echo '<div class="card-header"><h4>Data Preview</h4></div>';
echo '<div class="card-body">';
echo '<div class="table-responsive">';
echo '<table class="table table-striped table-hover">';
echo '<thead><tr>';
foreach ($header as $col) {
echo '<th scope="col">' . htmlspecialchars($col) . '</th>';
}
echo '</tr></thead><tbody>';
foreach ($dataRows as $row) {
echo '<tr>';
foreach ($row as $cell) {
echo '<td>' . htmlspecialchars($cell) . '</td>';
}
echo '</tr>';
}
echo '</tbody></table>';
echo '</div></div></div>';
}
} else {
echo '<div class="alert alert-danger mt-4" role="alert">Please select a valid CSV file.</div>';
}
}
?>
</main>
<footer class="container py-4 mt-4 text-center text-muted">
<p>&copy; <?php echo date("Y"); ?> AI Data Analytics. Built with Flatlogic.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>