TensorFlow.js Visor
- TensorFlow Visor 是一个用于可视化机器学习的图形工具
- 它包含用于可视化TensorFlow 模型的功能
- 可视化结果可以组织在Visor（模态浏览器窗口）中
- 可以与自定义工具（如 d3、Chart.js 和 Plotly.js）一起使用
- 通常称为tfjs-vis
使用 tfjs-vis
要使用 tfjs-vis，请将以下脚本标签添加到您的 HTML 文件中
示例
<script src="https://cdn.jsdelivr.net.cn/npm/@tensorflow/tfjs-vis"></script>
散点图
示例
const surface = document.getElementById('demo');
const series = ['第一组', '第二组'];
const serie1 = [];
const serie2 = [];
for (let i = 0; i < 100; i++) {
serie1[i] = {x:i, y:Math.random() * 100};
serie2[i] = {x:i, y:Math.random() * 100};
}
const data = {values: [serie1, serie2], series}
tfvis.render.scatterplot(surface, data);
可视化结果可以组织在 Visor（模态浏览器窗口）中
带有 Visor 的示例
const series = ['第一组', '第二组'];
const serie1 = [];
const serie2 = [];
for (let i = 0; i < 100; i++) {
serie1[i] = {x:i, y:Math.random() * 100};
serie2[i] = {x:i, y:Math.random() * 100};
}
const data = {values: [serie1, serie2], series}
tfvis.render.scatterplot({name: "我的图表"}, data);
条形图
示例
const surface = document.getElementById('demo');
const data = [
{index: 0, value: 100},
{index: 1, value: 200},
{index: 2, value: 150},
{index: 2, value: 250},
];
tfvis.render.barchart(surface, data);
可视化结果可以组织在 Visor（模态浏览器窗口）中
带有 Visor 的示例
const data = [
{index: 0, value: 100},
{index: 1, value: 200},
{index: 2, value: 150},
{index: 2, value: 250},
];
tfvis.render.barchart({name:"我的图表"}, data);
折线图
示例
const surface = document.getElementById('demo');
let values = [
{x: 1, y: 20},
{x: 2, y: 30},
{x: 3, y: 5},
{x: 4, y: 12}
];
tfvis.render.linechart(surface, {values});
可视化结果可以组织在 Visor（模态浏览器窗口）中
带有 Visor 的示例
let values = [
{x: 1, y: 20},
{x: 2, y: 30},
{x: 3, y: 5},
{x: 4, y: 12}
];
tfvis.render.linechart({name: '我的折线'}, {values});
