507
edits
Line 454: | Line 454: | ||
<button class="button" id="show_inceptionv3_cpu">Show InceptionV3 </button> | <button class="button" id="show_inceptionv3_cpu">Show InceptionV3 </button> | ||
<button class="button" id="show_inceptionv4_cpu">Show InceptionV4 </button> | <button class="button" id="show_inceptionv4_cpu">Show InceptionV4 </button> | ||
<button class="button" id=" | <button class="button" id="show_tinyyolov2_cpu">Show TinyYoloV2 </button> | ||
<button class="button" id=" | <button class="button" id="show_tinyyolov3_cpu">Show TinyYoloV3 </button> | ||
</div> | </div> | ||
<br><br> | <br><br> | ||
Line 461: | Line 461: | ||
<br><br> | <br><br> | ||
<div id="Buttons_Backend" style="margin: auto; width: 500px; height: auto;"> | <div id="Buttons_Backend" style="margin: auto; width: 500px; height: auto;"> | ||
<button class="button" id=" | <button class="button" id="show_tensorflow_cpu">Show Tensorflow </button> | ||
<button class="button" id=" | <button class="button" id="show_tflite_cpu">Show Tensorflow-Lite </button> | ||
</div> | </div> | ||
<div id="chart_div1_cpu" style="margin: auto; width: 800px; height: 500px;"></div> | <div id="chart_div1_cpu" style="margin: auto; width: 800px; height: 500px;"></div> | ||
<br><br> | <br><br> | ||
<div id="Buttons_Platform" style="margin: auto; width: 1050px; height: auto;"> | <div id="Buttons_Platform" style="margin: auto; width: 1050px; height: auto;"> | ||
<button class="button" id=" | <button class="button" id="show_x86_cpu">Show x86 </button> | ||
<button class="button" id=" | <button class="button" id="show_x86_gpu_cpu">Show X86+GPU </button> | ||
<button class="button" id=" | <button class="button" id="show_tx2_cpu">Show Tx2 </button> | ||
<button class="button" id=" | <button class="button" id="show_tx2_gpu_cpu">Show TX2+GPU </button> | ||
<button class="button" id=" | <button class="button" id="show_coral_cpu">Show Coral </button> | ||
<button class="button" id=" | <button class="button" id="show_coral_tpu_cpu">Show Coral+TPU </button> | ||
</div> | </div> | ||
<div id="chart_div2_cpu" style="margin: auto; width: 800px; height: 500px;"></div> | <div id="chart_div2_cpu" style="margin: auto; width: 800px; height: 500px;"></div> | ||
Line 650: | Line 650: | ||
materialChart.draw(view, materialOptions); | materialChart.draw(view, materialOptions); | ||
} | } | ||
var | var show_tinyyolov2_cpu = document.getElementById("show_tinyyolov2_cpu"); | ||
show_tinyyolov2_cpu.onclick = function() { | |||
view.setColumns([0,9,10]); | view.setColumns([0,9,10]); | ||
view.hideColumns([1,2,3,4,5,6,7,8,11,12]); | view.hideColumns([1,2,3,4,5,6,7,8,11,12]); | ||
materialChart.draw(view, materialOptions); | materialChart.draw(view, materialOptions); | ||
} | } | ||
var | var show_tinyyolov3_cpu = document.getElementById("show_tinyyolov3_cpu"); | ||
show_tinyyolov3_cpu.onclick = function() { | |||
view.setColumns([0,11,12]); | view.setColumns([0,11,12]); | ||
view.hideColumns([1,2,3,4,5,6,7,8,9,10]); | view.hideColumns([1,2,3,4,5,6,7,8,9,10]); | ||
Line 663: | Line 663: | ||
} | } | ||
/*Select the backend to filter the data to show in the chart*/ | /*Select the backend to filter the data to show in the chart*/ | ||
var button = document.getElementById(' | var button = document.getElementById('show_tensorflow_cpu'); | ||
button.onclick = function() { | button.onclick = function() { | ||
view1.setColumns([0,1,2,3,4,5,6]); | view1.setColumns([0,1,2,3,4,5,6]); | ||
Line 669: | Line 669: | ||
materialChart1.draw(view1, materialOptions1); | materialChart1.draw(view1, materialOptions1); | ||
} | } | ||
var showCPU_USAGE_only = document.getElementById(" | var showCPU_USAGE_only = document.getElementById("show_tflite_cpu"); | ||
showCPU_USAGE_only.onclick = function() { | showCPU_USAGE_only.onclick = function() { | ||
view1.setColumns([0,7,8,9,10,11,12]); | view1.setColumns([0,7,8,9,10,11,12]); | ||
Line 676: | Line 676: | ||
} | } | ||
/*Select the Platform to filter the data to show in the chart*/ | /*Select the Platform to filter the data to show in the chart*/ | ||
var | var show_x86_cpu = document.getElementById('show_x86_cpu'); | ||
show_x86_cpu.onclick = function() { | |||
view2.setColumns([0,1,7]); | view2.setColumns([0,1,7]); | ||
view2.hideColumns([2,3,4,5,6,8,9,10,11,12]); | view2.hideColumns([2,3,4,5,6,8,9,10,11,12]); | ||
materialChart2.draw(view2, materialOptions2); | materialChart2.draw(view2, materialOptions2); | ||
} | } | ||
var | var show_x86_gpu_cpu = document.getElementById("show_x86_gpu_cpu"); | ||
show_x86_gpu_cpu.onclick = function() { | |||
view2.setColumns([0,2,8]); | view2.setColumns([0,2,8]); | ||
view2.hideColumns([1,3,4,5,6,7,9,10,11,12]); | view2.hideColumns([1,3,4,5,6,7,9,10,11,12]); | ||
materialChart2.draw(view2, materialOptions2); | materialChart2.draw(view2, materialOptions2); | ||
} | } | ||
var | var show_tx2_cpu = document.getElementById('show_tx2_cpu'); | ||
show_tx2_cpu.onclick = function() { | |||
view2.setColumns([0,3,9]); | view2.setColumns([0,3,9]); | ||
view2.hideColumns([1,2,4,5,6,7,8,10,11,12]); | view2.hideColumns([1,2,4,5,6,7,8,10,11,12]); | ||
materialChart2.draw(view2, materialOptions2); | materialChart2.draw(view2, materialOptions2); | ||
} | } | ||
var | var show_tx2_gpu_cpu = document.getElementById("show_tx2_gpu_cpu"); | ||
show_tx2_gpu_cpu.onclick = function() { | |||
view2.setColumns([0,4,10]); | view2.setColumns([0,4,10]); | ||
view2.hideColumns([1,2,3,5,6,7,8,9,11,12]); | view2.hideColumns([1,2,3,5,6,7,8,9,11,12]); | ||
materialChart2.draw(view2, materialOptions2); | materialChart2.draw(view2, materialOptions2); | ||
} | } | ||
var | var show_coral_cpu = document.getElementById('show_coral_cpu'); | ||
show_coral_cpu.onclick = function() { | |||
view2.setColumns([0,5,11]); | view2.setColumns([0,5,11]); | ||
view2.hideColumns([1,2,3,4,6,7,8,9,10,12]); | view2.hideColumns([1,2,3,4,6,7,8,9,10,12]); | ||
materialChart2.draw(view2, materialOptions2); | materialChart2.draw(view2, materialOptions2); | ||
} | } | ||
var | var show_coral_tpu_cpu = document.getElementById("show_coral_tpu_cpu"); | ||
show_coral_tpu_cpu.onclick = function() { | |||
view2.setColumns([0,6,12]); | view2.setColumns([0,6,12]); | ||
view2.hideColumns([1,2,3,4,5,7,8,9,10,11]); | view2.hideColumns([1,2,3,4,5,7,8,9,10,11]); |
edits