Upload 8 files

.gitattributes

@@ -33,3 +33,6 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+combined_benchmark_cleaned.png filter=lfs diff=lfs merge=lfs -text
+mcq_benchmark_cleaned.png filter=lfs diff=lfs merge=lfs -text
+saq_benchmark_cleaned.png filter=lfs diff=lfs merge=lfs -text

README.md

@@ -1,12 +1,41 @@
----
-title: Seneca Trbench
-emoji: 📊
-colorFrom: purple
-colorTo: pink
-sdk: static
-pinned: false
-license: apache-2.0
-short_description: Turkish LLM Benchmark Leaderboard
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# LLM Leaderboard (Yerel)
+
+Bu depo, `leaderboard_data.csv` dosyasındaki metriklere göre bir LLM leaderboard arayüzü sağlar. Esinlenilen kaynak: [HF Space – llm_leaderboard_fr](https://huggingface.co/spaces/fr-gouv-coordination-ia/llm_leaderboard_fr/tree/main).
+
+## Özellikler
+- Sütun bazlı sıralama (varsayılan: Combined Score azalan)
+- Arama kutusu (model adına göre)
+- Sağlayıcı filtresi (model adından türetilir, örn. `deepseek-ai`, `openai`, `anthropic`, `google`, `meta`)
+- İlk 3 modelin görsel vurgusu (🥇🥈🥉)
+- Karanlık tema, duyarlı (responsive) tasarım
+
+## Dosyalar
+- `index.html` – Uygulama HTML iskeleti
+- `styles.css` – UI stilleri
+- `app.js` – CSV okuma, ayrıştırma, sıralama/filtreleme ve render
+- `leaderboard_data.csv` – Veriler (sağlanmış)
+
+## Yerelde Çalıştırma
+Statik dosyaları bir HTTP sunucusuyla servis etmelisiniz (file:// ile fetch kısıtlıdır). Örnek:
+
+```bash
+cd "/Users/alicankiraz/Desktop/Cursor Projects/HF-Space"
+python3 -m http.server 8000
+```
+
+Ardından tarayıcıdan `http://localhost:8000/` adresine gidin.
+
+## CSV Güncelleme
+- Yeni skorlar için `leaderboard_data.csv` dosyasını aynı şemayla güncelleyin.
+- Sütunlar: `Rank, Model, MCQ Score, SAQ Score, Combined Score`
+- Uygulama Combined sütununu kullanır; yoksa MCQ/SAQ’tan türetmek için kodu genişletebilirsiniz.
+
+## Hugging Face Spaces’e Yayınlama (Statik)
+- Space Type: Static
+- Dosyalar: `index.html`, `styles.css`, `app.js`, `leaderboard_data.csv`
+- Giriş noktası: `index.html`
+
+## Lisans
+Bu proje örnek niteliğindedir; üstveri ve veriler için ilgili sağlayıcıların lisanslarına uyun.
+
+

app.js

@@ -0,0 +1,305 @@
+"use strict";
+
+// Basit ama sağlam CSV ayrıştırıcı (çift tırnak ve yeni satırları destekler)
+function parseCSV(text) {
+  const rows = [];
+  let row = [];
+  let field = "";
+  let inQuotes = false;
+  let i = 0;
+  while (i < text.length) {
+    const char = text[i];
+    if (inQuotes) {
+      if (char === '"') {
+        const next = text[i + 1];
+        if (next === '"') { // kaçışlı çift tırnak
+          field += '"';
+          i += 2;
+          continue;
+        } else {
+          inQuotes = false;
+          i += 1;
+          continue;
+        }
+      } else {
+        field += char;
+        i += 1;
+        continue;
+      }
+    } else {
+      if (char === '"') {
+        inQuotes = true;
+        i += 1;
+        continue;
+      }
+      if (char === ',') {
+        row.push(field);
+        field = "";
+        i += 1;
+        continue;
+      }
+      if (char === '\n') {
+        row.push(field);
+        rows.push(row);
+        row = [];
+        field = "";
+        i += 1;
+        continue;
+      }
+      if (char === '\r') {
+        // CRLF desteği
+        i += 1;
+        continue;
+      }
+      field += char;
+      i += 1;
+    }
+  }
+  // Son alan
+  if (field.length > 0 || row.length > 0) {
+    row.push(field);
+    rows.push(row);
+  }
+  if (rows.length === 0) return { headers: [], records: [] };
+  const headers = rows[0].map(h => (h || "").trim());
+  const records = rows.slice(1).filter(r => r.length && r.some(c => (c || "").trim().length > 0));
+  return { headers, records };
+}
+
+function normalizeHeader(header) {
+  const h = header.toLowerCase().trim();
+  if (h.includes("rank")) return "rank";
+  if (h.includes("model")) return "model";
+  if (h.includes("mcq")) return "mcq";
+  if (h.includes("saq")) return "saq";
+  if (h.includes("combined")) return "combined";
+  return header.toLowerCase().replace(/[^a-z0-9]+/g, "_");
+}
+
+function detectProvider(modelName) {
+  const name = String(modelName || "");
+  if (name.includes('/')) {
+    return name.split('/')[0];
+  }
+  const lower = name.toLowerCase();
+  if (lower.startsWith("gpt")) return "openai";
+  if (lower.startsWith("claude")) return "anthropic";
+  if (lower.startsWith("gemini")) return "google";
+  if (lower.startsWith("gemma")) return "google";
+  if (lower.startsWith("llama")) return "meta";
+  return "diğer";
+}
+
+function toNumber(value) {
+  const n = parseFloat(String(value).replace(",", "."));
+  return Number.isFinite(n) ? n : null;
+}
+
+function formatScore(n) {
+  return n == null ? "-" : n.toFixed(2);
+}
+
+const state = {
+  search: "",
+  provider: "",
+  sortKey: "combined",
+  sortDir: "desc",
+};
+
+let fullData = [];
+
+async function loadData() {
+  const res = await fetch("./leaderboard_data.csv", { cache: "no-cache" });
+  const text = await res.text();
+  const { headers, records } = parseCSV(text);
+  const keys = headers.map(normalizeHeader);
+  const data = records.map(cols => {
+    const obj = {};
+    for (let i = 0; i < keys.length; i += 1) {
+      obj[keys[i]] = cols[i];
+    }
+    const mcq = toNumber(obj.mcq);
+    const saq = toNumber(obj.saq);
+    const combined = toNumber(obj.combined);
+    const rank = toNumber(obj.rank);
+    const model = obj.model;
+    const provider = detectProvider(model);
+    return { model, provider, mcq, saq, combined, csvRank: rank };
+  });
+  return data;
+}
+
+function uniqueProviders(data) {
+  const s = new Set(data.map(d => d.provider));
+  return Array.from(s).sort((a, b) => a.localeCompare(b));
+}
+
+function applyFilters(data) {
+  let out = data.slice(0);
+  if (state.search) {
+    const q = state.search.toLowerCase();
+    out = out.filter(d => d.model.toLowerCase().includes(q));
+  }
+  if (state.provider) {
+    out = out.filter(d => d.provider === state.provider);
+  }
+  return out;
+}
+
+function sortData(data) {
+  const key = state.sortKey;
+  const dir = state.sortDir === "asc" ? 1 : -1;
+  const copy = data.slice(0);
+  copy.sort((a, b) => {
+    const av = a[key];
+    const bv = b[key];
+    if (av == null && bv == null) return 0;
+    if (av == null) return 1; // null'lar alta
+    if (bv == null) return -1;
+    if (typeof av === "number" && typeof bv === "number") {
+      return (av - bv) * dir * -1; // büyükten küçüğe için -1 çevirimi
+    }
+    return String(av).localeCompare(String(bv)) * dir;
+  });
+  return copy;
+}
+
+function clearSortIndicators() {
+  const ths = document.querySelectorAll("thead th[data-key]");
+  ths.forEach(th => th.setAttribute("aria-sort", "none"));
+}
+
+function setSortIndicator() {
+  const th = document.querySelector(`thead th[data-key="${state.sortKey}"]`);
+  if (th) th.setAttribute("aria-sort", state.sortDir === "asc" ? "ascending" : "descending");
+}
+
+function render(data) {
+  const tbody = document.getElementById("tableBody");
+  const sorted = sortData(applyFilters(data));
+  let html = "";
+  sorted.forEach((d, idx) => {
+    const rank = idx + 1;
+    const trophy = rank === 1 ? "🥇" : rank === 2 ? "🥈" : rank === 3 ? "🥉" : "";
+    html += `
+      <tr class="rank-${rank}">
+        <td class="rank-cell" title="CSV rank: ${d.csvRank ?? '-'}">${rank} ${trophy}</td>
+        <td>${d.model}</td>
+        <td>${formatScore(d.mcq)}</td>
+        <td>${formatScore(d.saq)}</td>
+        <td>${formatScore(d.combined)}</td>
+      </tr>
+    `;
+  });
+  tbody.innerHTML = html;
+
+  // İlk 3 için sınıf koruması (fazladan koruma)
+  const trs = tbody.querySelectorAll("tr");
+  trs.forEach((tr, i) => {
+    tr.classList.toggle("rank-1", i === 0);
+    tr.classList.toggle("rank-2", i === 1);
+    tr.classList.toggle("rank-3", i === 2);
+  });
+
+  clearSortIndicators();
+  setSortIndicator();
+  const stats = document.getElementById("summaryStats");
+  stats.textContent = `${sorted.length} model listelendi${state.provider ? ` • Sağlayıcı: ${state.provider}` : ""}${state.search ? ` • Arama: "${state.search}"` : ""}`;
+}
+
+function populateProviders(data) {
+  const select = document.getElementById("providerSelect");
+  const providers = uniqueProviders(data);
+  // mevcut seçenekleri koru (ilk tüm sağlayıcılar)
+  providers.forEach(p => {
+    const opt = document.createElement("option");
+    opt.value = p;
+    opt.textContent = p;
+    select.appendChild(opt);
+  });
+}
+
+function updateURL() {
+  const params = new URLSearchParams();
+  if (state.search) params.set("q", state.search);
+  if (state.provider) params.set("p", state.provider);
+  if (state.sortKey !== "combined" || state.sortDir !== "desc") {
+    params.set("s", `${state.sortKey}:${state.sortDir}`);
+  }
+  const qs = params.toString();
+  const url = qs ? `?${qs}` : location.pathname;
+  history.replaceState(null, "", url);
+}
+
+function restoreFromURL() {
+  const params = new URLSearchParams(location.search);
+  state.search = params.get("q") || "";
+  state.provider = params.get("p") || "";
+  const s = params.get("s");
+  if (s && s.includes(":")) {
+    const [k, d] = s.split(":");
+    state.sortKey = k || state.sortKey;
+    state.sortDir = d === "asc" ? "asc" : "desc";
+  }
+  document.getElementById("searchInput").value = state.search;
+  // provider seçeneği data yüklenince set edilecek
+}
+
+function attachEvents() {
+  const searchInput = document.getElementById("searchInput");
+  const providerSelect = document.getElementById("providerSelect");
+  const resetBtn = document.getElementById("resetFilters");
+  const ths = document.querySelectorAll("thead th[data-key]");
+
+  searchInput.addEventListener("input", () => {
+    state.search = searchInput.value.trim();
+    updateURL();
+    render(fullData);
+  });
+
+  providerSelect.addEventListener("change", () => {
+    state.provider = providerSelect.value;
+    updateURL();
+    render(fullData);
+  });
+
+  resetBtn.addEventListener("click", () => {
+    state.search = "";
+    state.provider = "";
+    state.sortKey = "combined";
+    state.sortDir = "desc";
+    document.getElementById("searchInput").value = "";
+    providerSelect.value = "";
+    updateURL();
+    render(fullData);
+  });
+
+  ths.forEach(th => {
+    th.addEventListener("click", () => {
+      const key = th.getAttribute("data-key");
+      if (state.sortKey === key) {
+        state.sortDir = state.sortDir === "asc" ? "desc" : "asc";
+      } else {
+        state.sortKey = key;
+        state.sortDir = key === "model" ? "asc" : "desc";
+      }
+      updateURL();
+      render(fullData);
+    });
+  });
+}
+
+document.addEventListener("DOMContentLoaded", async () => {
+  restoreFromURL();
+  fullData = await loadData();
+  populateProviders(fullData);
+  // URL'den gelen provider varsa select'e uygula
+  if (state.provider) {
+    const sel = document.getElementById("providerSelect");
+    sel.value = state.provider;
+  }
+  attachEvents();
+  render(fullData);
+});
+
+

index.html

@@ -1,19 +1,64 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<html lang="tr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>LLM Leaderboard (Local)</title>
+    <link rel="stylesheet" href="./styles.css">
+  </head>
+  <body>
+    <header class="topbar">
+      <div class="topbar__left">
+        <h1 class="app-title">LLM Leaderboard</h1>
+      </div>
+      <div class="topbar__right">
+        <span id="datasetInfo" class="muted">Kaynak: leaderboard_data.csv</span>
+        <a class="link" target="_blank" rel="noopener noreferrer" href="https://huggingface.co/spaces/fr-gouv-coordination-ia/llm_leaderboard_fr/tree/main">Referans Space</a>
+      </div>
+    </header>
+
+    <main class="container">
+      <section class="controls">
+        <div class="control">
+          <input id="searchInput" type="search" placeholder="Model ara…" aria-label="Model ara">
+        </div>
+        <div class="control">
+          <select id="providerSelect" aria-label="Sağlayıcı filtresi">
+            <option value="">Tüm Sağlayıcılar</option>
+          </select>
+        </div>
+        <div class="control">
+          <button id="resetFilters" type="button">Sıfırla</button>
+        </div>
+      </section>
+
+      <section class="table-wrap">
+        <table id="leaderboardTable" class="table" aria-describedby="tableCaption">
+          <caption id="tableCaption" class="visually-hidden">LLM Leaderboard tablosu</caption>
+          <thead>
+            <tr>
+              <th scope="col" data-key="rank" aria-sort="none">Sıra</th>
+              <th scope="col" data-key="model" aria-sort="none">Model</th>
+              <th scope="col" data-key="mcq" aria-sort="none">MCQ</th>
+              <th scope="col" data-key="saq" aria-sort="none">SAQ</th>
+              <th scope="col" data-key="combined" aria-sort="descending">Genel</th>
+            </tr>
+          </thead>
+          <tbody id="tableBody"></tbody>
+        </table>
+      </section>
+
+      <section class="footer">
+        <div id="summaryStats" class="muted"></div>
+        <div class="disclaimer">
+          Bu leaderboard, <code>leaderboard_data.csv</code> dosyasındaki metriklere göre oluşturulmuştur. Kaynak: 
+          <a class="link" href="https://huggingface.co/spaces/fr-gouv-coordination-ia/llm_leaderboard_fr/tree/main" target="_blank" rel="noopener noreferrer">HF Space</a>.
+        </div>
+      </section>
+    </main>
+
+    <script src="./app.js"></script>
+  </body>
+  </html>
+
+

leaderboard_data.csv

@@ -0,0 +1,21 @@
+Rank,Model,MCQ Score,SAQ Score,Combined Score
+1,gpt-5,94.66,92.35,93.5
+2,gpt-5-nano,93.13,92.67,92.9
+3,gpt-5-mini,93.13,91.67,92.4
+4,claude-opus-4-1-20250805,90.08,90.04,90.06
+5,claude-sonnet-4-5-20250929,87.79,89.77,88.78
+6,deepseek-ai/DeepSeek-V3,89.31,85.98,87.65
+7,openai/gpt-oss-120b,88.55,84.47,86.51
+8,moonshotai/Kimi-K2-Instruct-0905,89.31,83.29,86.3
+9,claude-haiku-4-5-20251001,85.5,86.92,86.21
+10,deepseek-ai/DeepSeek-R1,86.26,85.4,85.83
+11,gemini-2.5-flash-lite,89.31,79.23,84.27
+12,gemini-2.5-flash,80.92,85.73,83.33
+13,Gemma-3-27b-it,84.73,81.37,83.05
+14,Qwen/Qwen3-Next-80B-A3B-Instruct,83.21,82.63,82.92
+15,gpt-4o-mini,87.79,76.65,82.22
+16,zai-org/GLM-4.5-Air-FP8,80.15,82.77,81.46
+17,meta-llama/Llama-4-Maverick-17B-128E-Instruct-FP8,81.68,77.86,79.77
+18,meta-llama/Llama-3.3-70B-Instruct-Turbo,74.05,73.16,73.6
+19,google/gemma-3n-E4B-it,71.76,74.18,72.97
+20,Qwen/Qwen3-235B-A22B-Thinking-2507,62.6,76.3,69.45

styles.css

@@ -0,0 +1,117 @@
+:root {
+  --bg: #0b0f17;
+  --panel: #121826;
+  --text: #e5e7eb;
+  --muted: #9ca3af;
+  --accent: #8b5cf6;
+  --border: #1f2937;
+  --row-hover: #111827;
+  --gold: #ffe27a33;
+  --silver: #c0c0c033;
+  --bronze: #cd7f3233;
+}
+
+* { box-sizing: border-box; }
+html, body { height: 100%; }
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--text);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
+  line-height: 1.45;
+}
+
+.container {
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 16px;
+}
+
+.topbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid var(--border);
+  background: var(--panel);
+}
+.topbar__left { display: flex; align-items: center; gap: 12px; }
+.topbar__right { display: flex; align-items: center; gap: 12px; }
+.app-title { font-size: 20px; margin: 0; }
+.muted { color: var(--muted); }
+.link { color: var(--accent); text-decoration: none; }
+.link:hover { text-decoration: underline; }
+
+.controls {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  flex-wrap: wrap;
+  margin: 16px 0 8px;
+}
+.control input[type="search"],
+.control select {
+  background: var(--panel);
+  color: var(--text);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 8px 10px;
+}
+.control button {
+  background: var(--accent);
+  color: #fff;
+  border: none;
+  border-radius: 8px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+.control button:hover { opacity: 0.95; }
+
+.table-wrap { border: 1px solid var(--border); border-radius: 10px; overflow: hidden; background: var(--panel); }
+table.table { width: 100%; border-collapse: separate; border-spacing: 0; }
+thead th {
+  text-align: left;
+  font-weight: 600;
+  padding: 12px;
+  border-bottom: 1px solid var(--border);
+  background: #0f1524;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  cursor: pointer;
+}
+tbody td { padding: 12px; border-bottom: 1px solid var(--border); }
+tbody tr:hover { background: var(--row-hover); }
+
+/* Sıralama göstergeleri */
+th[aria-sort="ascending"]::after,
+th[aria-sort="descending"]::after {
+  content: '';
+  display: inline-block;
+  margin-left: 6px;
+  width: 0; height: 0;
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+}
+th[aria-sort="ascending"]::after { border-bottom: 6px solid var(--muted); }
+th[aria-sort="descending"]::after { border-top: 6px solid var(--muted); }
+
+/* İlk 3 vurgusu */
+tr.rank-1 { background: var(--gold); }
+tr.rank-2 { background: var(--silver); }
+tr.rank-3 { background: var(--bronze); }
+td.rank-cell { font-weight: 700; }
+
+.footer { display: flex; align-items: center; justify-content: space-between; padding: 12px 0 0; gap: 12px; }
+.disclaimer { color: var(--muted); font-size: 14px; }
+
+.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
+
+@media (max-width: 720px) {
+  thead th:nth-child(3),
+  thead th:nth-child(4) { display: none; }
+  tbody td:nth-child(3),
+  tbody td:nth-child(4) { display: none; }
+}
+
+