flykhan
2536c937e3
翻译自英文原版 maths-cs-ai-compendium，共 20 章全部完成。 第01章 向量 | 第02章 矩阵 | 第03章 微积分 第04章 统计学 | 第05章 概率论 | 第06章 机器学习 第07章 计算语言学 | 第08章 计算机视觉 | 第09章 音频与语音 第10章 多模态学习 | 第11章 自主系统 | 第12章 图神经网络 第13章 计算与操作系统 | 第14章 数据结构与算法 第15章 生产级软件工程 | 第16章 SIMD与GPU编程 第17章 AI推理 | 第18章 ML系统设计 第19章 应用人工智能 | 第20章 前沿人工智能 翻译说明： - 所有数学公式 $...$ / $$...$$、代码块、图片引用完整保留 - mkdocs.yml 配置中文导航 + language: zh - README.md 已翻译为中文（兼 docs/index.md） - docs/ 目录包含指向各章文件的 symlink - 约 29,000 行中文内容，排除 .cache/ 构建缓存
60 lines
3.3 KiB
XML
60 lines
3.3 KiB
XML
<svg width="700" height="240" xmlns="http://www.w3.org/2000/svg">
|
|
<text x="350" y="22" fill="#333" font-size="14" font-weight="bold" text-anchor="middle">Semantic Segmentation: Per-Pixel Classification</text>
|
|
|
|
<!-- Input image (street scene) -->
|
|
<text x="160" y="48" fill="#666" font-size="11" text-anchor="middle">Input Image</text>
|
|
<rect x="30" y="55" width="260" height="140" rx="4" fill="#ddd" stroke="#999" stroke-width="1.5"/>
|
|
<!-- Sky -->
|
|
<rect x="34" y="59" width="252" height="50" fill="#85C1E9" opacity="0.5"/>
|
|
<!-- Buildings -->
|
|
<rect x="34" y="85" width="60" height="60" fill="#7f8c8d" opacity="0.4"/>
|
|
<rect x="200" y="75" width="86" height="70" fill="#7f8c8d" opacity="0.35"/>
|
|
<!-- Road -->
|
|
<rect x="34" y="145" width="252" height="46" fill="#555" opacity="0.3"/>
|
|
<!-- Car -->
|
|
<rect x="110" y="120" width="60" height="30" rx="4" fill="#2c3e50" opacity="0.4"/>
|
|
<!-- Person -->
|
|
<ellipse cx="170" cy="125" rx="8" ry="8" fill="#f5cba7" opacity="0.5"/>
|
|
<rect x="162" y="133" width="16" height="20" fill="#2c3e50" opacity="0.3"/>
|
|
<!-- Tree -->
|
|
<polygon points="100,90 85,120 115,120" fill="#27ae60" opacity="0.3"/>
|
|
|
|
<!-- Arrow -->
|
|
<text x="340" y="120" fill="#333" font-size="18" text-anchor="middle">→</text>
|
|
<text x="340" y="140" fill="#666" font-size="9" text-anchor="middle">segmentation</text>
|
|
<text x="340" y="152" fill="#666" font-size="9" text-anchor="middle">model</text>
|
|
|
|
<!-- Segmentation output -->
|
|
<text x="530" y="48" fill="#666" font-size="11" text-anchor="middle">Segmentation Map</text>
|
|
<rect x="400" y="55" width="260" height="140" rx="4" fill="#fff" stroke="#999" stroke-width="1.5"/>
|
|
<!-- Sky (blue) -->
|
|
<rect x="404" y="59" width="252" height="50" fill="#3498db" opacity="0.4"/>
|
|
<!-- Buildings (grey) -->
|
|
<rect x="404" y="85" width="60" height="60" fill="#95a5a6" opacity="0.5"/>
|
|
<rect x="570" y="75" width="86" height="70" fill="#95a5a6" opacity="0.45"/>
|
|
<!-- Road (dark) -->
|
|
<rect x="404" y="145" width="252" height="46" fill="#2c3e50" opacity="0.4"/>
|
|
<!-- Car (red) -->
|
|
<rect x="480" y="120" width="60" height="30" rx="4" fill="#e74c3c" opacity="0.5"/>
|
|
<!-- Person (green) -->
|
|
<ellipse cx="540" cy="125" rx="8" ry="8" fill="#27ae60" opacity="0.5"/>
|
|
<rect x="532" y="133" width="16" height="20" fill="#27ae60" opacity="0.5"/>
|
|
<!-- Vegetation (green) -->
|
|
<polygon points="470,90 455,120 485,120" fill="#2ecc71" opacity="0.4"/>
|
|
|
|
<!-- Legend -->
|
|
<g transform="translate(410, 200)">
|
|
<rect x="0" y="0" width="12" height="12" fill="#3498db" opacity="0.4"/>
|
|
<text x="18" y="10" fill="#666" font-size="9">sky</text>
|
|
<rect x="45" y="0" width="12" height="12" fill="#95a5a6" opacity="0.5"/>
|
|
<text x="63" y="10" fill="#666" font-size="9">building</text>
|
|
<rect x="110" y="0" width="12" height="12" fill="#2c3e50" opacity="0.4"/>
|
|
<text x="128" y="10" fill="#666" font-size="9">road</text>
|
|
<rect x="160" y="0" width="12" height="12" fill="#e74c3c" opacity="0.5"/>
|
|
<text x="178" y="10" fill="#666" font-size="9">car</text>
|
|
<rect x="200" y="0" width="12" height="12" fill="#27ae60" opacity="0.5"/>
|
|
<text x="218" y="10" fill="#666" font-size="9">person</text>
|
|
</g>
|
|
|
|
<text x="350" y="233" fill="#666" font-size="9" text-anchor="middle">Every pixel gets a class label. No instance distinction — all cars share the same label.</text>
|
|
</svg> |