TensorFlow.js 바이저
- TensorFlow Visor 는 기계 학습 을 시각화하기 위한 그래픽 도구입니다.
- TensorFlow 모델 을 시각화하기 위한 함수가 포함되어 있습니다.
- Visors (모달 브라우저 창) 에서 시각화를 구성할 수 있습니다.
- 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});