SVG 动态手绘风格柱状图
这是一个 AI 大模型评测用例,下面将详细介绍测试内容和各模型的表现。
基本信息
- 用例名称:SVG 动态手绘风格柱状图
- 测试类型:网页生成
- 评测维度:SVG 矢量动画
- 参与评测的模型数:217 个
系统提示词(System Prompt)
你是一名前端开发工程师,擅长 SVG 图形与动画开发。 代码要求: 1. 生成完整的单页 HTML 应用 2. CSS 和 JavaScript 内联在 HTML 文件中 3. 代码结构清晰,有适当注释
用户提示词(User Prompt)
创建一个手绘风格的 SVG 柱状图。 功能要求: 1. 使用 SVG 绘制一组柱状图(至少 5 根柱子),展示一组静态数据 2. 为柱子应用 feTurbulence 滤镜,使柱子边缘呈现手绘不规则感 3. 页面加载时,柱子从底部向上生长,带有简单的上升动画 4. 包含 X 轴标签和 Y 轴刻度 5. 整体视觉风格接近手绘草图感
各模型评测结果
- 第 1:qwen3.8-flash,得分 95.6 分 — 查看该模型的详细评测结果
- 第 2:glm-5.3-flash,得分 95.3 分 — 查看该模型的详细评测结果
- 第 3:qwen3.6-plus-preview,得分 95.0 分 — 查看该模型的详细评测结果
- 第 4:mimo-v2.5-pro,得分 95.0 分 — 查看该模型的详细评测结果
- 第 5:mimo-v2.5,得分 95.0 分 — 查看该模型的详细评测结果
- 第 6:Elephant,得分 93.3 分 — 查看该模型的详细评测结果
- 第 7:glm-5.2,得分 93.0 分 — 查看该模型的详细评测结果
- 第 8:grok-4.6,得分 92.6 分 — 查看该模型的详细评测结果
- 第 9:GLM-5.1,得分 92.1 分 — 查看该模型的详细评测结果
- 第 10:deepseek-v4-pro,得分 91.9 分 — 查看该模型的详细评测结果
- 第 11:qwen3.5-omni-flash,得分 91.67 分 — 查看该模型的详细评测结果
- 第 12:qwen3.5-omni-plus,得分 91.67 分 — 查看该模型的详细评测结果
- 第 13:kimi-k3,得分 91.6 分 — 查看该模型的详细评测结果
- 第 14:Claude Opus 4 7,得分 91.4 分 — 查看该模型的详细评测结果
- 第 15:Gpt 5.5,得分 91.2 分 — 查看该模型的详细评测结果
- 第 16:Gemini 3.5 Flash,得分 90.5 分 — 查看该模型的详细评测结果
- 第 17:Tencent: Hy3 preview (free),得分 90.5 分 — 查看该模型的详细评测结果
- 第 18:kimi-k2.6,得分 90.4 分 — 查看该模型的详细评测结果
- 第 19:Anthropic: Claude Sonnet 4.6,得分 90.0 分 — 查看该模型的详细评测结果
- 第 20:Google: Gemini 3.1 Pro Preview,得分 90.0 分 — 查看该模型的详细评测结果
- 第 21:Google: Gemma 4 31B,得分 89.8 分 — 查看该模型的详细评测结果
- 第 22:Qwen 3.7 Max,得分 89.6 分 — 查看该模型的详细评测结果
- 第 23:kimi-for-coding,得分 87.3 分 — 查看该模型的详细评测结果
- 第 24:kimi-k2.7-code,得分 86.5 分 — 查看该模型的详细评测结果
- 第 25:MiniMax-M2.5,得分 86.2 分 — 查看该模型的详细评测结果
- 第 26:doubao-seed-2-1-pro,得分 85.9 分 — 查看该模型的详细评测结果
- 第 27:deepseek-v4-flash,得分 85.6 分 — 查看该模型的详细评测结果
- 第 28:OpenAI: GPT-5.4,得分 84.9 分 — 查看该模型的详细评测结果
- 第 29:doubao-seed-2-0-code,得分 83.9 分 — 查看该模型的详细评测结果
- 第 30:grok-4.5,得分 83.2 分 — 查看该模型的详细评测结果
- 第 31:GLM-5v-turbo,得分 83.0 分 — 查看该模型的详细评测结果
- 第 32:OpenAI: GPT-5 Mini,得分 82.9 分 — 查看该模型的详细评测结果
- 第 33:mimo-v2-flash,得分 82.7 分 — 查看该模型的详细评测结果
- 第 34:MiniMax-M2.7,得分 82.7 分 — 查看该模型的详细评测结果
- 第 35:kimi-k2.5,得分 82.6 分 — 查看该模型的详细评测结果
- 第 36:doubao-seed-2-0-pro,得分 82.5 分 — 查看该模型的详细评测结果
- 第 37:OpenAI: GPT-5 Nano,得分 82.1 分 — 查看该模型的详细评测结果
- 第 38:glm-4.7,得分 82.0 分 — 查看该模型的详细评测结果
- 第 39:GPT-5.2,得分 80.4 分 — 查看该模型的详细评测结果
- 第 40:xAI: Grok 4.20 Beta,得分 80.3 分 — 查看该模型的详细评测结果
- 第 41:xAI: Grok 4.1 Fast,得分 79.5 分 — 查看该模型的详细评测结果
- 第 42:OpenAI: gpt-oss-120b,得分 78.9 分 — 查看该模型的详细评测结果
- 第 43:mimo-v2-omni,得分 78.8 分 — 查看该模型的详细评测结果
- 第 44:OpenAI: gpt-oss-20b,得分 78.6 分 — 查看该模型的详细评测结果
- 第 45:qwen3-max,得分 78.4 分 — 查看该模型的详细评测结果
- 第 46:Meituan: LongCat Flash Chat,得分 78.3 分 — 查看该模型的详细评测结果
- 第 47:MiniMax-M2.1,得分 78.1 分 — 查看该模型的详细评测结果
- 第 48:doubao-seed-1-8,得分 76.9 分 — 查看该模型的详细评测结果
- 第 49:doubao-seed-2-0-mini,得分 76.8 分 — 查看该模型的详细评测结果
- 第 50:Claude Opus 4.6,得分 76.67 分 — 查看该模型的详细评测结果
- 第 51:deepseek-v3.2,得分 76.6 分 — 查看该模型的详细评测结果
- 第 52:qwen3.5-27b,得分 76.6 分 — 查看该模型的详细评测结果
- 第 53:qwen3-coder-plus,得分 76.1 分 — 查看该模型的详细评测结果
- 第 54:gpt-5.6-sol,得分 75.5 分 — 查看该模型的详细评测结果
- 第 55:doubao-seed-2-0-lite,得分 75.5 分 — 查看该模型的详细评测结果
- 第 56:mimo-v2-pro,得分 75.4 分 — 查看该模型的详细评测结果
- 第 57:StepFun: Step 3.5 Flash,得分 73.7 分 — 查看该模型的详细评测结果
- 第 58:glm-4.5-air,得分 72.8 分 — 查看该模型的详细评测结果
- 第 59:qwen3.5-35b-a3b,得分 70.8 分 — 查看该模型的详细评测结果
- 第 60:Google: Gemini 3 Flash Preview,得分 69.6 分 — 查看该模型的详细评测结果
- 第 61:doubao-seed-1-6-flash,得分 69.0 分 — 查看该模型的详细评测结果
- 第 62:qwen3.5-flash,得分 67.0 分 — 查看该模型的详细评测结果
- 第 63:Google: Gemini 2.5 Flash Lite,得分 65.9 分 — 查看该模型的详细评测结果
- 第 64:doubao-seed-1-6,得分 65.4 分 — 查看该模型的详细评测结果
- 第 65:hunyuan-pro,得分 65.4 分 — 查看该模型的详细评测结果
- 第 66:OpenAI: GPT-4o-mini,得分 61.7 分 — 查看该模型的详细评测结果
- 第 67:hunyuan-large,得分 60.6 分 — 查看该模型的详细评测结果
- 第 68:Grok 4,得分 59.4 分 — 查看该模型的详细评测结果
- 第 69:Meta: Llama 3.3 70B Instruct,得分 57.2 分 — 查看该模型的详细评测结果
- 第 70:Qwen: Qwen3.5-9B,得分 57.2 分 — 查看该模型的详细评测结果
- 第 71:NVIDIA: Nemotron 3 Super (free),得分 53.9 分 — 查看该模型的详细评测结果
- 第 72:hunyuan-turbo,得分 47.9 分 — 查看该模型的详细评测结果
- 第 73:Mistral: Mistral Nemo,得分 29.4 分 — 查看该模型的详细评测结果