diff --git a/tools/python_charts/data/vp8_hw.py b/tools/python_charts/data/vp8_hw.py index 48c5770817..b8c6cc03e6 100644 --- a/tools/python_charts/data/vp8_hw.py +++ b/tools/python_charts/data/vp8_hw.py @@ -1,7 +1,7 @@ # Sample output from the video_quality_measurment program, included only for # reference. Geneate your own by running with the --python flag and then change # the filenames in main.py -test_configuration = [{'name': 'name', 'value': 'Quality test'}, +test_configuration = [{'name': 'name', 'value': 'VP8 hardware test'}, {'name': 'description', 'value': ''}, {'name': 'test_number', 'value': '0'}, {'name': 'input_filename', 'value': 'foreman_cif.yuv'}, diff --git a/tools/python_charts/data/vp8_sw.py b/tools/python_charts/data/vp8_sw.py index 1cece43ce6..0f29137247 100644 --- a/tools/python_charts/data/vp8_sw.py +++ b/tools/python_charts/data/vp8_sw.py @@ -1,7 +1,7 @@ # Sample output from the video_quality_measurment program, included only for # reference. Geneate your own by running with the --python flag and then change # the filenames in main.py -test_configuration = [{'name': 'name', 'value': 'Quality test'}, +test_configuration = [{'name': 'name', 'value': 'VP8 software test'}, {'name': 'description', 'value': ''}, {'name': 'test_number', 'value': '0'}, {'name': 'input_filename', 'value': 'foreman_cif.yuv'}, diff --git a/tools/python_charts/templates/chart_page_template.html b/tools/python_charts/templates/chart_page_template.html index f241fffdaa..1cb395121a 100644 --- a/tools/python_charts/templates/chart_page_template.html +++ b/tools/python_charts/templates/chart_page_template.html @@ -8,10 +8,10 @@ in the file PATENTS. All contributing project authors may be found in the AUTHORS file in the root of the source tree. - Template file to be used to generate Charts for Video Quality Metrics. + Template file to be used to generate Charts for Video Quality Metrics. -->
- @@ -20,7 +20,9 @@ google.setOnLoadCallback(drawTable); function drawTable() { - /* Build data table and views */ + /* Build data tables and views */ + var configurations_data_table = + new google.visualization.DataTable(%(json_configurations)s); var ssim_data_table = new google.visualization.DataTable(%(json_ssim_data)s); var psnr_data_table = @@ -28,47 +30,55 @@ var packet_loss_data_table = new google.visualization.DataTable(%(json_packet_loss_data)s); var bit_rate_data_table = - new google.visualization.DataTable(%(json_bit_rate_data)s); - + new google.visualization.DataTable(%(json_bit_rate_data)s); + /* Display tables and charts */ + var configurations_table = new google.visualization.Table( + document.getElementById('table_div_configurations')); + configurations_table.draw(configurations_data_table, { + height: 200 + }); + var ssim_chart = new google.visualization.LineChart( document.getElementById('table_div_ssim')); ssim_chart.draw(ssim_data_table, { - colors: ['blue', 'orange'], - vAxis: {title: 'SSIM'}, - hAxis: {title: 'Frame'}, + colors: ['blue', 'red', 'lightblue', 'pink'], + vAxis: {title: 'SSIM'}, + hAxis: {title: 'Frame'}, width: 1200, height: 300, }); - + var psnr_chart = new google.visualization.LineChart( document.getElementById('table_div_psnr')); psnr_chart.draw(psnr_data_table, { - colors: ['blue', 'orange'], - vAxis: {title: 'PSNR(dB)'}, - hAxis: {title: 'Frame'}, + colors: ['blue', 'red', 'lightblue', 'pink'], + vAxis: {title: 'PSNR (dB)'}, + hAxis: {title: 'Frame'}, width: 1200, height: 300, }); - + var packet_loss_chart = new google.visualization.LineChart( document.getElementById('table_div_packet_loss')); packet_loss_chart.draw(packet_loss_data_table, { - colors: ['blue', 'orange'], - vAxis: {title: 'Packets dropped'}, - hAxis: {title: 'Frame'}, + colors: ['blue', 'red', 'lightblue', 'pink'], + vAxis: {title: 'Packets dropped'}, + hAxis: {title: 'Frame'}, width: 1200, height: 300, }); - + var bit_rate_chart = new google.visualization.LineChart( document.getElementById('table_div_bit_rate')); bit_rate_chart.draw(bit_rate_data_table, { - colors: ['blue', 'orange', 'red'], - vAxis: {title: 'Bit rate'}, - hAxis: {title: 'Frame'}, + colors: ['blue', 'red', 'lightblue', 'pink', 'green'], + vAxis: {title: 'Bit rate'}, + hAxis: {title: 'Frame'}, width: 1200, height: 300, }); } +%(messages)s