如何从TensorBoard将图表导出为SVG格式？

你遇到的问题并非缺少模块或库，而是当前TensorBoard 2.17.1的界面确实移除了直接导出SVG的可视化按钮（尽管相关Bug报告标记为已解决，但功能并未在界面恢复）。以下是几种可行的替代方案：

方法1：浏览器原生提取SVG代码 #

TensorBoard的图表本质是浏览器渲染的SVG元素，可直接手动提取：

• 打开目标图表页面，按F12打开开发者工具
• 在「Elements」面板中找到对应图表的<svg>节点（可通过搜索svg标签快速定位，或根据图表的class属性筛选，比如scalar-chart）
• 右键该<svg>标签，选择「复制」→「复制元素」
• 将复制的代码粘贴到文本编辑器（如VS Code），保存为.svg文件
• 若出现样式丢失，可同时复制页面中对应的<style>标签内容，添加到SVG文件的<defs>标签内

方法2：用下载的数据重新生成SVG #

利用「下载数据」获取的JSON/CSV文件，用Python工具重新绘制并导出矢量图：

示例（基于Scalars数据）： #

import json
import matplotlib.pyplot as plt

# 加载下载的JSON数据文件
with open('scalar_data.json', 'r') as f:
    raw_data = json.load(f)

# 提取步骤和数值（根据实际JSON结构调整）
steps = [item['step'] for item in raw_data]
values = [item['value'] for item in raw_data]

# 绘制图表
plt.figure(figsize=(8, 5))
plt.plot(steps, values, linewidth=2)
plt.xlabel('训练步数')
plt.ylabel('指标值')
plt.grid(alpha=0.3)

# 导出为SVG矢量图
plt.savefig('tensorboard_chart.svg', format='svg', bbox_inches='tight')

如果是其他类型的图表（如直方图、PR曲线），可调整数据解析逻辑，或使用plotly等库生成更接近TensorBoard风格的SVG。

方法3：临时回退到旧版本 #

若必须使用TensorBoard原生导出按钮，可临时安装2.10.x版本（该版本仍保留SVG导出选项）：

pip install tensorboard==2.10.1

使用完成后再升级回最新版本即可。

内容的提问来源于stack exchange，提问作者Profitus Maximus