SVG ARENA
评分说明:本榜评分与排序仅基于指令遵循度与渲染质量的错误扣分(溢出/重叠/遮挡/比例/字体等),不代表审美优劣。视觉设计的美感、创意、信息层次等主观维度不在评测范围内,请结合画廊视图自行判断。

同一道题目,五种答卷

统一提示词 · 每模型 5 次采样 · 自动核验指令遵循与渲染质量

{{ heroStats.models }} 模型 {{ heroStats.runs }} 次生成 {{ heroStats.tasks }} 测试项
prompt.md PROMPT
{{ data.tasks[selectedTask].prompt }}
{{ data.tasks[selectedTask].contents[selectedContent].title }} SOURCE 原文 ↗
{{ data.tasks[selectedTask].contents[selectedContent].body }}
{{ String(mi + 1).padStart(2, '0') }}
{{ m.name }}
{{ m.avg_pct }}%
{{ m.avg_cost.toFixed(4) }} 元/次
{{ m.avg_latency_s }}s / 次
{{ m.avg_tokens.toLocaleString() }} tokens
围栏 非macOS字体 深色底 比例错 溢出×{{ r.text_overflow_count }} 遮挡×{{ r.text_shape_collision_count }} 紧凑×{{ r.tight_pair_count }} 截断
run
{{ failLabel(r) }}
#{{ r.run_index }} {{ Math.round(r.total_score / m.max_score * 100) }}%
虚位以待
暂无评测数据,请先运行评测。

总榜

总分 = 启用的 A 层指令遵循项 + B 层渲染质量 5 项,按平均得分率排序

得分排名

各项指标通过率(A 层指令遵循 + B 层渲染质量)

# 模型 得分 纯净输出 比例合规 字体合规 浅色底 无溢出 无重叠 最小间距 无遮挡 无紧凑 非空白 稳定性σ 成本/次 耗时/次 预览
{{ mi + 1 }} {{ m.name }} {{ m.avg_pct }}% {{ pct(m.pass_rates.if_pure_output) }} {{ pct(m.pass_rates.if_aspect) }} {{ pct(m.pass_rates.if_font) }} {{ pct(m.pass_rates.if_light_bg) }} {{ pct(m.pass_rates.text_overflow_count) }} {{ pct(m.pass_rates.text_overlap_count) }} {{ m.min_text_gap.toFixed(2) }} {{ pct(m.pass_rates.text_shape_collision_count) }} {{ pct(m.pass_rates.tight_pair_count) }} {{ pct(m.pass_rates.ink_ratio_ok) }} {{ m.stability_std }} {{ m.avg_cost.toFixed(4) }} {{ m.avg_latency_s }}s N/A

关于 SVGArena

SVGArena 通过统一的提示词让各大模型生成 SVG 信息图,自动核验指令遵循度与渲染质量, 以静态画廊形式呈现各模型的 SVG 能力差异。

评测方法

  1. 使用 litellm 统一调用各模型 API,每个模型对同一内容生成 5 次
  2. 采样温度 0.8(考察输出波动与创意多样性),max_tokens 32768(放宽以不限制模型能力)
  3. 用 Playwright Chromium 渲染 SVG 为 PNG(与网页展示同引擎)
  4. 自动核验指令遵循度 + 渲染质量,满分由任务约束决定

评分标准

前提:SVG 合法且渲染成功,否则 0 分。满分 = 启用的 A 层数 + B 层 4 项。

指标判定条件类别分值
纯净输出响应恰好以 <svg 开头、</svg> 结尾,无围栏/前言/后记A · 任务特定1
比例合规viewBox 高宽比在 2.10~2.20 范围内(iPhone 全面屏比例约 2.16)A · 任务特定1
字体合规font-family 不含非 macOS 内置中文字体(如微软雅黑、思源黑体等)A · 任务特定1
浅色底PNG 边框区域众数色亮度 > 0.75A · 任务特定1
无溢出文字包围盒不超出 viewBox 边界,也不超出所在卡片矩形边界B · 通用1
无重叠文字元素两两包围盒重叠面积不超过较小元素的 15%B · 通用1
无遮挡文字未被图形元素(箭头、图标等)遮挡。像素级差分检测:渲染两次(含文字/隐藏文字),在文字核心区域检查图形硬边侵入,排除删除线等横贯设计元素B · 通用1
无紧凑收缩后文字单元之间不存在间距小于 1 用户单位的 pairB · 通用1
非空白墨迹率(非背景像素占比)在 2%~80% 之间B · 通用1

A 层(指令遵循度):由 task.yaml 的 constraints 驱动,只有提示词中明确要求的约束才计入总分。换测试项目时自动适配。
B 层(渲染质量):通用指标(无溢出 / 无重叠 / 无遮挡 / 无紧凑 / 非空白),任何 SVG 信息图都适用,始终计入总分。

渲染环境

  • 操作系统:macOS(Darwin 25.5.0)
  • 渲染引擎:Playwright Chromium(headless)
  • 设备像素比:2x(Retina)
  • 字体环境:macOS 系统内置字体(PingFang SC 等),未注入自定义字体

免责声明

本评测在 temperature 0.8 下进行 5 次采样,反映的是该参数下的典型表现而非模型最优水平。 评分仅衡量指令遵循度与客观渲染质量,不评判美观度与创意——后者请访问者在画廊中自行判断。