Jump to content

GstInference/Benchmarks: Difference between revisions

GstInference/Benchmarks (view source)

Revision as of 14:17, 8 July 2020

4,242 bytes added ,  8 July 2020
no edit summary
No edit summary
No edit summary
Line 6: Line 6:
<html>
<html>
<script
<script
/* This should be called once per page only */
/* This should be added once per page only */
type="text/javascript" src="https://www.gstatic.com/charts/loader.js">
type="text/javascript" src="https://www.gstatic.com/charts/loader.js">
</script>
</script>
Line 964: Line 964:
<br><br>
<br><br>
<div id="chart_onnxrt_cpu" style="margin: auto; width: 800px; height: 500px;"></div>
<div id="chart_onnxrt_cpu" style="margin: auto; width: 800px; height: 500px;"></div>
<br><br>
<div id="Buttons_Backend_Onnxrt_Cpu" style="margin: auto; width: 600px; height: auto;">
<button class="button" id="show_onnxrt_cpu">Show ONNXRT </button>
</div>
<div id="chart_onnxrt1_cpu" style="margin: auto; width: 800px; height: 500px;"></div>
<br><br>
<br><br>


<script>
<script>
       google.charts.load('current', {'packages':['corechart', 'bar']});
       google.charts.load('current', {'packages':['corechart', 'bar']});
       google.charts.setOnLoadCallback(drawStuffCpuOnnxrt);
       google.charts.setOnLoadCallback(drawStuffCpuOnnxrt);
Line 974: Line 978:


         var onnxrt_chartDiv_cpu = document.getElementById('chart_onnxrt_cpu');
         var onnxrt_chartDiv_cpu = document.getElementById('chart_onnxrt_cpu');
        var onnxrt_chartDiv1_cpu = document.getElementById('chart_onnxrt1_cpu');


         var table_backend_platform_onnxrt_cpu = google.visualization.arrayToDataTable([
         var table_backend_platform_onnxrt_cpu = google.visualization.arrayToDataTable([
Line 985: Line 990:
           ['x86', 47.8702, 32.7236, 12.092, 5.2632, 16.03, 18.3592]
           ['x86', 47.8702, 32.7236, 12.092, 5.2632, 16.03, 18.3592]
         ]);
         ]);
         var onnxrt_materialOptionsCpu = {
         var table_model_platform_onnxrt_cpu = google.visualization.arrayToDataTable([
          ['Model',                  //Column 0
            'ONNXRT \n x86'],        //Column 1
          ['InceptionV1', 47.8702], //row 1
          ['InceptionV2', 32.7236], //row 2
          ['InceptionV3', 12.092], //row 3
          ['InceptionV4', 5.2632], //row 4
          ['TinyYoloV2',  16.03], //row 5
          ['TinyYoloV3',  18.3592]  //row 6
        ]);
        var onnxrt_materialOptions_cpu = {
           width: 320,
           width: 320,
           chart: {
           chart: {
             title: 'Backend Vs Platform per model',
             title: 'Backend Vs Platform per model',
          },
          series: {
          },
          axes: {
            y: {
              distance: {side: 'left',label: 'CPU Usage'}, // Left y-axis.
            }
          }
        };
        var onnxrt_materialOptions1_cpu = {
          width: 900,
          chart: {
            title: 'Model Vs Platform per backend',
           },
           },
           series: {
           series: {
Line 1,000: Line 1,028:


         var materialChart_onnxrt_cpu = new google.charts.Bar(onnxrt_chartDiv_cpu);
         var materialChart_onnxrt_cpu = new google.charts.Bar(onnxrt_chartDiv_cpu);
        var materialChart_onnxrt_cpu1 = new google.charts.Bar(onnxrt_chartDiv1_cpu);
         view_onnxrt_cpu = new google.visualization.DataView(table_backend_platform_onnxrt_cpu);
         view_onnxrt_cpu = new google.visualization.DataView(table_backend_platform_onnxrt_cpu);
        view_onnxrt_cpu1 = new google.visualization.DataView(table_model_platform_onnxrt_cpu);


         function drawMaterialChart() {
         function drawMaterialChart() {
           var materialChart_onnxrt_cpu = new google.charts.Bar(onnxrt_chartDiv_cpu);
           var materialChart_onnxrt_cpu = new google.charts.Bar(onnxrt_chartDiv_cpu);
           materialChart_onnxrt_cpu.draw(view_onnxrt_cpu, google.charts.Bar.convertOptions(onnxrt_materialOptionsCpu));
          var materialChart_onnxrt_cpu1 = new google.charts.Bar(onnxrt_chartDiv1_cpu);
           materialChart_onnxrt_cpu.draw(table_backend_platform_onnxrt_cpu, google.charts.Bar.convertOptions(onnxrt_materialOptions_cpu));
          materialChart_onnxrt_cpu1.draw(table_model_platform_onnxrt_cpu, google.charts.Bar.convertOptions(onnxrt_materialOptions1_cpu));


           init_charts();
           init_charts();
         }
         }
         function init_charts(){
         function init_charts(){
          view_onnxrt_cpus.setColumns([0,1]);
          view_onnxrt_cpu.hideColumns([2, 3, 4, 5, 6]);
          materialChart_onnxrt_cpu.draw(view_onnxrt_cpu, onnxrt_materialOptions_cpu);
          view_onnxrt_cpu1.setColumns([0,1]);
          materialChart_onnxrt_cpu1.draw(view_onnxrt_cpu1, onnxrt_materialOptions1_cpu);
        }
        // REF_MODEL
        /*Select the Model that you want to show in the chart*/
        var show_inceptionv1_onnxrt_cpu = document.getElementById('show_inceptionv1_onnxrt_cpu');
        show_inceptionv1_onnxrt_cpu.onclick = function () {
           view_onnxrt_cpu.setColumns([0,1]);
           view_onnxrt_cpu.setColumns([0,1]);
           view_onnxrt_cpu.hideColumns([2, 3, 4, 5, 6]);
           view_onnxrt_cpu.hideColumns([2, 3, 4, 5, 6]);
           materialChart_onnxrt_cpu.draw(view_onnxrt_cpu, onnxrt_materialOptions);
           materialChart_onnxrt_cpu.draw(view_onnxrt_cpu, onnxrt_materialOptions_cpu);
        }
        var show_inceptionv2_onnxrt_cpu = document.getElementById('show_inceptionv2_onnxrt_cpu');
        show_inceptionv2_onnxrt_cpu.onclick = function () {
          view_onnxrt_cpu.setColumns([0,2]);
          view_onnxrt_cpu.hideColumns([1, 3, 4, 5, 6]);
          materialChart_onnxrt_cpu.draw(view_onnxrt_cpu, onnxrt_materialOptions_cpu);
        }
        var show_inceptionv3_onnxrt_cpu = document.getElementById('show_inceptionv3_onnxrt_cpu');
        show_inceptionv3_onnxrt_cpu.onclick = function () {
          view_onnxrt_cpu.setColumns([0,3]);
          view_onnxrt_cpu.hideColumns([1, 2, 4, 5, 6]);
          materialChart_onnxrt_cpu.draw(view_onnxrt_cpu, onnxrt_materialOptions_cpu);
        }
        var show_inceptionv4_onnxrt_cpu = document.getElementById('show_inceptionv4_onnxrt_cpu');
        show_inceptionv4_onnxrt_cpu.onclick = function () {
          view_onnxrt_cpu.setColumns([0,4]);
          view_onnxrt_cpu.hideColumns([1, 2, 3, 5, 6]);
          materialChart_onnxrt_cpu.draw(view_onnxrt_cpu, onnxrt_materialOptions_cpu);
        }
        var show_tinyyolov2_onnxrt_cpu = document.getElementById('show_tinyyolov2_onnxrt_cpu');
        show_tinyyolov2_onnxrt_cpu.onclick = function () {
          view_onnxrt_cpu.setColumns([0,5]);
          view_onnxrt_cpu.hideColumns([1, 2, 3, 4, 6]);
          materialChart_onnxrt_cpu.draw(view_onnxrt_cpu, onnxrt_materialOptions_cpu);
        }
        var show_tinyyolov3_onnxrt_cpu = document.getElementById('show_tinyyolov3_onnxrt_cpu');
        show_tinyyolov3_onnxrt_cpu.onclick = function () {
          view_onnxrt_cpu.setColumns([0,6]);
          view_onnxrt_cpu.hideColumns([1, 2, 3, 4, 5]);
          materialChart_onnxrt_cpu.draw(view_onnxrt_cpu, onnxrt_materialOptions_cpu);
        }
        // REF_BACKEND
        /*Select the Model that you want to show in the chart*/
        var show_onnxrt_cpu = document.getElementById('show_onnxrt_cpu');
        show_onnxrt_cpu.onclick = function () {
          view_onnxrt_cpu1.setColumns([0,1]);
          materialChart_onnxrt_cpu1.draw(view_onnxrt_cpu1, onnxrt_materialOptions1);
         }
         }
         drawMaterialChart();
         drawMaterialChart();
     };
     };
</script>
</script>


Jchaves
579

edits

Retrieved from "https://developer.ridgerun.com/wiki/index.php/Special:MobileDiff/31217"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.