TensorFlow.js Visor (Cont.)
Bar Graphs
The
tfvis
.
render
.
barchart
()
function is to render a barchart.
<html> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-vis"></script> <body> <h3>Tensorflow Visor</h3> <div id="demo"></div> <script> const surface = document.getElementById( 'demo' ); const data = [ { index: 0, value: 100 }, { index: 1, value: 200 }, { index: 2, value: 150 }, { index: 3, value: 250 }, ]; tfvis.render.barchart( surface, data ); </script> </body> </html>
Line Graphs
The
tfvis
.
render
.
linechart
()
function is to render a line chart.
<html> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-vis"></script> <body> <h3>Tensorflow Visor</h3> <div id="demo"></div> <script> const surface = document.getElementById( 'demo' ); let values = [ { x: 1, y: 20 }, { x: 2, y: 30 }, { x: 3, y: 15 }, { x: 4, y: 12 } ]; tfvis.render.linechart( surface, { values } ); </script> </body> </html>