221
edits
Line 175: | Line 175: | ||
<div id="chart_div" style="margin: auto; width: 800px; height: 500px;"></div> | <div id="chart_div" style="margin: auto; width: 800px; height: 500px;"></div> | ||
<br><br> | <br><br> | ||
<div id="Buttons_Backend" style="margin: auto; width: | <div id="Buttons_Backend" style="margin: auto; width: 600px; height: auto;"> | ||
<button class="button" id="show_tensorflow">Show Tensorflow </button> | <button class="button" id="show_tensorflow">Show Tensorflow </button> | ||
<button class="button" id="show_tflite">Show Tensorflow-Lite </button> | <button class="button" id="show_tflite">Show Tensorflow-Lite </button> | ||
<button class="button" id="show_edgetpu">Show EdgeTPU </button> | |||
</div> | </div> | ||
<div id="chart_div1" style="margin: auto; width: 800px; height: 500px;"></div> | <div id="chart_div1" style="margin: auto; width: 800px; height: 500px;"></div> | ||
Line 238: | Line 239: | ||
'Tensorflow-Lite \n TX2+GPU', //Colunm 10 | 'Tensorflow-Lite \n TX2+GPU', //Colunm 10 | ||
'Tensorflow-Lite \n Coral', //Colunm 11 | 'Tensorflow-Lite \n Coral', //Colunm 11 | ||
'Tensorflow-Lite \n Coral+TPU'],//Colunm | 'Tensorflow-Lite \n Coral+TPU', //Colunm 12 | ||
['InceptionV1', 63.747, 0, 0, 0, 0, 0, 22.781, 0, 0, 0, 0, 0], //row 1 | 'EdgeTPU \n Coral+TPU'], //Colunm 13 | ||
['InceptionV2', 48.381, 0, 0, 0, 0, 0, 14.164, 0, 0, 0, 0, 0], //row 2 | ['InceptionV1', 63.747, 0, 0, 0, 0, 0, 22.781, 0, 0, 0, 0, 0, 41.489], //row 1 | ||
['InceptionV3', 20.482, 0, 0, 0, 0, 0, 12.164, 0, 0, 0, 0, 0], //row 3 | ['InceptionV2', 48.381, 0, 0, 0, 0, 0, 14.164, 0, 0, 0, 0, 0, 42.001], //row 2 | ||
['InceptionV4', 10.338, 0, 0, 0, 0, 0, 10.164, 0, 0, 0, 0, 0], //row 4 | ['InceptionV3', 20.482, 0, 0, 0, 0, 0, 12.164, 0, 0, 0, 0, 0, 15.232], //row 3 | ||
['TinyYoloV2', 24.255, 0, 0, 0, 0, 0, 12.164, 0, 0, 0, 0, 0], //row 5 | ['InceptionV4', 10.338, 0, 0, 0, 0, 0, 10.164, 0, 0, 0, 0, 0, 8.405], //row 4 | ||
['TinyYoloV3', 27.113, 0, 0, 0, 0, 0, 10.164, 0, 0, 0, 0, 0] //row 6 | ['TinyYoloV2', 24.255, 0, 0, 0, 0, 0, 12.164, 0, 0, 0, 0, 0, 0], //row 5 | ||
['TinyYoloV3', 27.113, 0, 0, 0, 0, 0, 10.164, 0, 0, 0, 0, 0, 0] //row 6 | |||
]); | ]); | ||
var table_model_backend_fps = google.visualization.arrayToDataTable([ | var table_model_backend_fps = google.visualization.arrayToDataTable([ | ||
Line 381: | Line 383: | ||
button.onclick = function() { | button.onclick = function() { | ||
view1_fps.setColumns([0,1,2,3,4,5,6]); | view1_fps.setColumns([0,1,2,3,4,5,6]); | ||
view1_fps.hideColumns([7,8,9,10,11,12]); | view1_fps.hideColumns([7,8,9,10,11,12,13]); | ||
materialChart1_fps.draw(view1_fps, materialOptions1); | materialChart1_fps.draw(view1_fps, materialOptions1); | ||
} | } | ||
Line 387: | Line 389: | ||
showFPS_only.onclick = function() { | showFPS_only.onclick = function() { | ||
view1_fps.setColumns([0,7,8,9,10,11,12]); | view1_fps.setColumns([0,7,8,9,10,11,12]); | ||
view1_fps.hideColumns([1,2,3,4,5,6]); | view1_fps.hideColumns([1,2,3,4,5,6,13]); | ||
materialChart1_fps.draw(view1_fps, materialOptions1); | |||
} | |||
var showEdgeTPUFPS = document.getElementById("show_edgetpu"); | |||
showEdgeTPUFPS.onclick = function() { | |||
view1_fps.setColumns([0,13]); | |||
view1_fps.hideColumns([1,2,3,4,5,6,7,8,9,10,11,12]); | |||
materialChart1_fps.draw(view1_fps, materialOptions1); | materialChart1_fps.draw(view1_fps, materialOptions1); | ||
} | } |
edits