GstInference/Benchmarks: Difference between revisions

Line 763: Line 763:
   }
   }
   </style>
   </style>
<div id="Buttons_Model" style="margin: auto; width: 1300px; height: auto;">
</style>
  <div id="Buttons_Model" style="margin: auto; width: 1300px; height: auto;">
   <button class="button" id="show_inceptionv1">Show InceptionV1 </button>
   <button class="button" id="show_inceptionv1">Show InceptionV1 </button>
   <button class="button" id="show_inceptionv2">Show InceptionV2 </button>
   <button class="button" id="show_inceptionv2">Show InceptionV2 </button>
Line 773: Line 774:
<br><br>
<br><br>
<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>
<div id="Buttons_Backend" style="margin: auto; width: 600px; height: auto;">
<button class="button" id="show_onnxrt">Show ONNXRT </button>
</div>
<div id="chart_div1" style="margin: auto; width: 800px; height: 500px;"></div>
<br><br>
<br><br>


Line 785: Line 780:
       google.charts.setOnLoadCallback(drawStuff);
       google.charts.setOnLoadCallback(drawStuff);
        
        
       function drawStuff() {
       function drawStuff() {


         var chartDiv = document.getElementById('chart_div');
         var chartDiv = document.getElementById('chart_div');
        var chartDiv1 = document.getElementById('chart_div1');


         var table_backend_platform_fps = google.visualization.arrayToDataTable([
         var table_backend_platform_fps = google.visualization.arrayToDataTable([
Line 801: Line 794:
           ['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 table_model_platform_fps = google.visualization.arrayToDataTable([
 
          ['Model',                        //Colunm 0
            'ONNXRT \n x86',              //Colunm 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 materialOptions = {
         var materialOptions = {
           width: 350,
           width: 320,
          chart: {
            title: 'Model vs Platform per backend',
          },
          series: {
          },
          axes: {
            y: {
              distance: {side: 'left',label: 'FPS'}, // Left y-axis.
            }
          }
        };
      var materialOptions1 = {
          width: 400,
           chart: {
           chart: {
             title: 'Model vs backend per platform',
             title: 'Model Vs Platform per backend',
           },
           },
           series: {
           series: {
Line 839: Line 810:


         var materialChart_fps = new google.charts.Bar(chartDiv);
         var materialChart_fps = new google.charts.Bar(chartDiv);
        var materialChart1_fps = new google.charts.Bar(chartDiv1);
         view_fps = new google.visualization.DataView(table_backend_platform_fps);
         view_fps = new google.visualization.DataView(table_backend_platform_fps);
        view1_fps = new google.visualization.DataView(table_model_platform_fps);


         function drawMaterialChart() {
         function drawMaterialChart() {
           var materialChart_fps = new google.charts.Bar(chartDiv);
           var materialChart_fps = new google.charts.Bar(chartDiv);
          var materialChart1_fps = new google.charts.Bar(chartDiv1);
           materialChart_fps.draw(table_backend_platform_fps, google.charts.Bar.convertOptions(materialOptions));
           materialChart_fps.draw(table_backend_platform_fps, google.charts.Bar.convertOptions(materialOptions));
          materialChart1_fps.draw(table_model_platform_fps, google.charts.Bar.convertOptions(materialOptions1));
           init_charts();
           init_charts();
         }
         }
Line 854: Line 821:
           view_fps.hideColumns([2,3,4,5,6]);
           view_fps.hideColumns([2,3,4,5,6]);
           materialChart_fps.draw(view_fps, materialOptions);
           materialChart_fps.draw(view_fps, materialOptions);
          view_fps.setColumns([0,1]);
          view_fps.hideColumns([2,3,4,5,6]);
          materialChart1_fps.draw(view1_fps, materialOptions1);
         }
         }


579

edits