507
edits
GstInference/Benchmarks: Difference between revisions
→CPU usage measurement
| Line 464: | Line 464: | ||
<button class="button" id="show_tflite">Show Tensorflow-Lite </button> | <button class="button" id="show_tflite">Show Tensorflow-Lite </button> | ||
</div> | </div> | ||
<div id=" | <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;"> | ||
| Line 474: | Line 474: | ||
<button class="button" id="show_coral_tpu">Show Coral+TPU </button> | <button class="button" id="show_coral_tpu">Show Coral+TPU </button> | ||
</div> | </div> | ||
<div id=" | <div id="chart_div2_cpu" style="margin: auto; width: 800px; height: 500px;"></div> | ||
<script> | <script> | ||
| Line 485: | Line 485: | ||
var chartDivCPU = document.getElementById('chart_div_cpu'); | var chartDivCPU = document.getElementById('chart_div_cpu'); | ||
var | var chartDiv1CPU = document.getElementById('chart_div1_cpu'); | ||
var | var chartDiv2CPU = document.getElementById('chart_div2_cpu'); | ||
var table_backend_platform = google.visualization.arrayToDataTable([ | var table_backend_platform = google.visualization.arrayToDataTable([ | ||
| Line 596: | Line 596: | ||
var materialChart = new google.charts.Bar(chartDivCPU); | var materialChart = new google.charts.Bar(chartDivCPU); | ||
var materialChart1 = new google.charts.Bar( | var materialChart1 = new google.charts.Bar(chartDiv1CPU); | ||
var materialChart2 = new google.charts.Bar( | var materialChart2 = new google.charts.Bar(chartDiv2CPU); | ||
view = new google.visualization.DataView(table_backend_platform); | view = new google.visualization.DataView(table_backend_platform); | ||
view1 = new google.visualization.DataView(table_model_platform); | view1 = new google.visualization.DataView(table_model_platform); | ||
| Line 604: | Line 604: | ||
function drawMaterialChart() { | function drawMaterialChart() { | ||
var materialChart = new google.charts.Bar(chartDivCPU); | var materialChart = new google.charts.Bar(chartDivCPU); | ||
var materialChart1 = new google.charts.Bar( | var materialChart1 = new google.charts.Bar(chartDiv1CPU); | ||
var materialChart2 = new google.charts.Bar( | var materialChart2 = new google.charts.Bar(chartDiv2CPU); | ||
materialChart.draw(table_backend_platform, google.charts.Bar.convertOptions(materialOptions)); | materialChart.draw(table_backend_platform, google.charts.Bar.convertOptions(materialOptions)); | ||
materialChart1.draw(table_model_platform, google.charts.Bar.convertOptions(materialOptions1)); | materialChart1.draw(table_model_platform, google.charts.Bar.convertOptions(materialOptions1)); | ||