Deploy to Cloudflare Pages / deploy (push) Failing after 23s
- Task matrix (12 task families x 23 Go models) from Artificial Analysis evals - Price/value scatter and value ranking - Model guide: what each model is targeted for (agentic, coding, data analysis, image understanding, research, free tier) with pricing and caveats - MODELS.md markdown version, README, MIT license - wrangler.toml + Gitea Actions workflow deploying site/ to Cloudflare Pages
60 lines
2.6 KiB
HTML
60 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>OpenCode Go — model evals & what each model is for</title>
|
|
<meta name="description" content="Performance matrix, cost/value analysis and per-model capability descriptions for every model in the OpenCode Go catalog.">
|
|
<link rel="stylesheet" href="assets/style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>OpenCode Go — model evals & what each model is for</h1>
|
|
<div class="sub">Every model currently served by OpenCode Go: a task-by-task performance matrix, cost/value analysis, and plain-language notes on what each model is actually targeted for — agentic work, coding, data analysis, image understanding, research, or high-volume chores.</div>
|
|
<nav>
|
|
<a href="#matrix">Performance matrix</a>
|
|
<a href="#value">Capability vs. price</a>
|
|
<a href="#guide">What each model is for</a>
|
|
<a href="MODELS.md">Markdown version</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="wrap">
|
|
<div class="cards" id="cards"></div>
|
|
|
|
<h2 id="matrix">Task matrix</h2>
|
|
<div class="legend">
|
|
<span>0</span><div class="scale"></div><span>100</span>
|
|
<span style="margin-left:12px">White outline = best model for that task · click a column header to sort · hover a cell for the source benchmark</span>
|
|
</div>
|
|
<div style="overflow:auto;max-height:78vh;border:1px solid var(--line);border-radius:12px">
|
|
<table id="tbl"></table>
|
|
</div>
|
|
|
|
<h2 id="value">Capability vs. price</h2>
|
|
<div class="grid2">
|
|
<div class="panel">
|
|
<div style="font-weight:600;margin-bottom:6px">Overall index vs. blended Go price</div>
|
|
<div class="sub" style="margin-bottom:6px">x = blended $/1M tokens (70% input / 30% output), y = Artificial Analysis Intelligence Index. Up and to the left is better.</div>
|
|
<div id="scatter"></div>
|
|
</div>
|
|
<div class="panel">
|
|
<div style="font-weight:600;margin-bottom:6px">Value: Intelligence Index per dollar</div>
|
|
<div class="sub" style="margin-bottom:6px">Index points per blended $1M tokens. Free models are excluded from the ranking but listed underneath.</div>
|
|
<div id="value"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="guide">What each model is for</h2>
|
|
<div class="sub" style="margin-bottom:6px">Short answers, written for people choosing a model for a job rather than reading a leaderboard. Filter by the kind of work you need.</div>
|
|
<div class="filters" id="filters"></div>
|
|
<div class="guide" id="guide"></div>
|
|
|
|
<div class="foot" id="foot"></div>
|
|
</div>
|
|
|
|
<div id="tip"></div>
|
|
<script type="module" src="assets/app.js"></script>
|
|
</body>
|
|
</html>
|