index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SimLLM Leaderboard</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <h1>SimLLM Leaderboard</h1>
        <p>Benchmark leaderboard for language models under 4B parameters.</p>
        <p>Contains indie, and more models, free to request a model to be added, just make a discussion and provide the link!</p>
        <p>All tested without chat template on lm eval harness.</p>
    </header>

    <main>
        <div class="controls">
            <label>
                Sort by:
                <select id="sortSelect">
                    <option value="overall">Overall</option>
                    <option value="parameters">Parameters</option>
                    <option value="ctx">Context Length</option>
                    <option value="efficiency">Param / Overall</option>
                    <option value="knowledge">Knowledge</option>
                    <option value="reasoning">Reasoning</option>
                    <option value="instructions">Instructions</option>
                    <option value="coding">Coding</option>
                    <option value="math">Math</option>
                </select>
            </label>

            <label>
              Parameters:
              <select id="paramFilter">
                <option value="all">All</option>
                <option value="200m">&lt;200M</option>
                <option value="500m">&lt;500M</option>
                <option value="1b">&lt;1B</option>
                <option value="2b">&lt;2B</option>
                <option value="4b">&lt;4B</option>
    </select>
</label>


            <button id="direction">
                ↓ Descending
            </button>
        </div>

        <div class="table-container">
            <table>
                <thead>
                    <tr>
                        <th>Rank</th>
                        <th>Name</th>
                        <th>Parameters</th>
                        <th>Context</th>
                        <th>Type</th>
                        <th>Param per Overall point</th>
                        <th>Overall</th>
                        <th>Knowledge</th>
                        <th>Reasoning</th>
                        <th>Instructions</th>
                        <th>Coding</th>
                        <th>Math</th>
                        <th>Notes</th>
                    </tr>
                </thead>

                <tbody id="leaderboard">
                </tbody>
            </table>
        </div>
    </main>

    <footer>
        <p>Zero shot benchmarks, Feel free to contribute!</p>
    </footer>

    <script src="app.js"></script>
</body>
</html>