TensorFlow.js Visor
- TensorFlow Visorเป็นเครื่องมือกราฟิกสำหรับการแสดงภาพMachine Learning
- ประกอบด้วยฟังก์ชันสำหรับการแสดงภาพโมเดล TensorFlow
- การแสดงภาพสามารถจัดระเบียบได้ในVisors (หน้าต่างเบราว์เซอร์ modal)
- สามารถใช้กับCustom Toolsเช่น 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});