码农教程 - 一技在手,衣食无忧! tools

TensorFlow.js 遮阳板

❮ 上一节 下一节 ❯
  • TensorFlow 遮阳板是一个用于可视化的图形工具机器学习
  • 它包含可视化功能TensorFlow 模型
  • 可视化可以组织在遮阳板（模式浏览器窗口）
  • 可与定制工具喜欢 d3、Chart.js 和 Plotly.js
  • 通常被称为tfjs-vis

使用 tfjs-vis

要使用 tfjs-vis，请将以下脚本标签添加到您的 HTML 文件中：

示例

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-vis"></script>

散点图

示例

const surface = document.getElementById('demo');
const series = ['First', 'Second'];

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（模式浏览器窗口）中组织：

带遮阳板的示例

const series = ['First', 'Second'];

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: "my Plots"}, 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（模式浏览器窗口）中组织：

带遮阳板的示例

const data = [
  {index: 0, value: 100},
  {index: 1, value: 200},
  {index: 2, value: 150},
  {index: 2, value: 250},
];

tfvis.render.barchart({name:"my Graphs"}, 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（模式浏览器窗口）中组织：

带遮阳板的示例

let values = [
  {x: 1, y: 20},
  {x: 2, y: 30},
  {x: 3, y: 5},
  {x: 4, y: 12}
];

tfvis.render.linechart({name: 'my Lines'}, {values});

亲自试一试 »


❮ 上一节 下一节 ❯